@hjmds/design-contracts 1.1.1 → 1.3.4

package/docs/theming.md

@@ -0,0 +1,84 @@
+# 테마 주입 — 내 브랜드색으로 시작하기
+
+HJM은 `theme`(light/dark/system) 같은 **환경**과, 그 환경이 해석된 **값**을 분리해서
+받는다. 제품 브랜드색은 값 쪽에 넣는다. 이 문서는 새 제품이 처음 부딪히는 그 경로만
+설명한다. 팔레트를 어떻게 고를지는 [theme-palette.md](./theme-palette.md), 색의 의미
+구분은 [identity.md](./identity.md)에 있다.
+
+## 두 가지 사용 방식
+
+### 1. 기본 팔레트로 시작 (환경만 넘긴다)
+
+```tsx
+import { HjmProvider } from "@hjmds/react/provider";
+
+<HjmProvider theme="system" direction="ltr">
+  <App />
+</HjmProvider>
+```
+
+`theme="system"`이면 provider가 OS 설정을 읽고, `textScale`·`reducedMotion`도 같은
+방식으로 환경에서 해석한다. 이 경로는 HJM 기본 팔레트를 쓴다.
+
+### 2. 제품 팔레트 주입 (`brandPalette`)
+
+브랜드색은 별도 토큰 층을 만들지 않고 **HJM semantic key 위에 덮는다**. 넘긴 key만
+교체되고 나머지는 기본값을 유지하므로 recipe와 대비 규칙이 그대로 적용된다.
+
+```tsx
+import { resolveDesignSystemProviderValue } from "@hjmds/design-contracts/components/design-system-provider";
+import { HjmProvider } from "@hjmds/react/provider";
+import { useMemo } from "react";
+
+function ProductProvider({ preference, systemDark, children }) {
+  const value = useMemo(
+    () => resolveDesignSystemProviderValue(
+      { theme: preference },
+      {
+        systemTheme: systemDark ? "dark" : "light",
+        systemDirection: "ltr",
+        systemTextScale: 1,
+        systemReducedMotion: false,
+        // 브랜드가 소유하는 key만 덮는다. 중성색·상태색은 HJM 기본값을 쓴다.
+        brandPalette: {
+          light: { primary: "#0F6FFF", contentBrand: "#0B57C7", borderControl: "#C9D3E0" },
+          dark: { primary: "#5AA2FF", contentBrand: "#8CC0FF", borderControl: "#3A4757" },
+        },
+      },
+    ),
+    [preference, systemDark],
+  );
+  return <HjmProvider value={value}>{children}</HjmProvider>;
+}
+```
+
+React Native는 `HjmNativeProvider`가 같은 `value`를 받는다. 실제 사용 예는 BurnTok의
+`apps/web/src/components/ThemeProvider.tsx`다 — 경계선 색 두 개만 주입하고 나머지는
+기본값을 쓴다.
+
+## 덮어도 되는 것과 아닌 것
+
+| key | 덮기 | 이유 |
+| --- | --- | --- |
+| `primary` / `onPrimary` / `contentBrand` | 권장 | 브랜드의 자리다. 주 행동과 현재 위치를 이 색이 말한다 |
+| `borderControl` / `focus` | 선택 | 브랜드 채도가 높으면 포커스 대비를 맞추기 위해 함께 조정한다 |
+| `border` / `borderControl` | 선택 | 제품 경계선 밀도가 다를 때. BurnTok이 이 둘만 주입한다 |
+| `bg` / `surface` / `text*` 중성 계열 | 신중히 | 대비 검증이 붙어 있다. 바꾸면 라이트·다크 양쪽에서 4.5:1을 다시 확인한다 |
+| `danger` / `success` / `warning` / `info` | 비권장 | 상태색을 브랜드색으로 바꾸면 "오류"와 "브랜드"가 같은 색이 된다 |
+| 컴포넌트별 색 | 불가 | recipe가 semantic key만 읽는다. 컴포넌트 하나만 다른 색이 되면 그것은 제품 예외지 테마가 아니다 |
+
+## 하지 말아야 할 세 가지
+
+1. **CSS로 `.hjm-*` 클래스를 덮거나 `--hjm-color-*`를 인라인 style로 재정의하지 않는다.** 그 순간 업그레이드마다 깨진다. 필요한 것이
+   semantic key로 표현되지 않으면 그것은 계약 공백이고, 우회가 아니라 이슈로 올린다.
+2. **recipe 값을 읽어 인라인 스타일로 다시 싣지 않는다.** 렌더러가 이미 그 값을
+   칠한다. 제품이 다시 실으면 두 벌이 생기고 한쪽만 갱신된다.
+3. **제공자 브랜드색을 팔레트에 넣지 않는다.** 소셜 로그인 색은 테마가 아니라 남의
+   자산이다 — [AuthProviderButton](./provider-button.md)이 그 자리를 갖는다.
+
+## 어댑터를 두는 이유
+
+제품 저장소의 `@<product>/design-system` 같은 얇은 층은 세 가지만 한다: (1) 위
+`brandPalette` 주입, (2) 현지화된 필수 문구(`closeLabel`, `emptyMessage` 등)의 주입,
+(3) 제품 고유 합성(`AppModal`처럼 닫힘 사유를 제품 어휘로 옮기는 것). 그 이상을 하고
+있다면 — 크기를 다시 계산하거나 색을 다시 칠하고 있다면 — 그것은 HJM의 공백이다.

package/docs/time-picker.md

@@ -19,7 +19,7 @@ Collection 기본 계약을 적용하지 않기로 했지만, 시·분은 처음
 - `none|single` 선택 모드, 정적 목록(비동기 상태 불필요)
 
 인 **정확히 `CollectionItemDescriptor` 하나**다. 그리고 "트리거 + 적응형 오버레이(Web
-popover / Native Sheet) + 단일 committed key + disabled 항목 skip 없는 예측 가능한
+popover / Native Sheet) + 단일 committed key + disabled 항목을 건너뛰는 예측 가능한
 방향키 이동"은 이미 `Select`가 `beta`로 검증한 계약 그대로다. 즉:
 
 **시 Select 하나 + 분 Select 하나 = TimePicker.** 제품이 두 값을 `"HH:mm"` 문자열로
@@ -86,3 +86,24 @@ Yajalal 전체(`날짜/시간 선택`, `TimePicker`, 알림 설정 화면 `Notif
 catalog의 `{ name: "TimePicker", category: "input", platform: "adaptive", status:
 "planned" }`(`src/catalog.ts:69`) 행은 바꿀 것이 없다 — recipe/behavior가 원래 없었고,
 지금도 없다. `src/time-picker.ts`, `test/time-picker.test.ts`는 만들지 않았다.
+
+
+## 2026-09-16: React/RN 작동 조합
+
+명시 요청에 따라 위 합성 경로를 양쪽 Showcase의 `Patterns/Time selection`에 구현했다.
+시 00–23와 분 00–59의 독립 Select, 두 값이 있어야 가능한 확정, 초기화, 변경 시 확정 결과 해제를
+포함한다. 새 TimePicker renderer를 선언하지 않고 기존 공개 `Select`를 그대로 조합한다.
+
+- Web API: `@hjmds/react/forms`의 `Select`, `@hjmds/react/actions`의 `Button`.
+- Native API: `@hjmds/react-native/forms`의 `Select`, `@hjmds/react-native/actions`의 `Button`.
+- [Web 예제](../../../showcase/web/src/patterns/TimeSelection.stories.tsx)와
+  [Native 예제](../../../showcase/native/src/TimeSelection.stories.tsx)는 제품이 가져갈 상태 연결을 보여준다.
+- 두 값은 `selectedKey` / `onSelectionChange`로 통제하고 둘 다 non-null일 때 `HH:mm`으로 조합한다.
+  `00`도 유효한 선택이다. 시각을 실제 알림·서버 시각으로 바꾸는 작업은 제품 소유다.
+- [Ant TimePicker](https://ant.design/components/time-picker/)의 명시 확정 흐름을 비교했다.
+  HJM 예제에서는 각 Select의 선택과 최종 시각 확정을 분리한다. 두 popup을 하나로 합치지 않는다.
+- 320px 브라우저에서 시만 선택했을 때 확정 비활성, 23:59 확정, 초기화 후 비활성을 확인했다.
+  Native는 타입·Showcase 검사 범위이며 실제 기기 조작 확인은 별도다.
+
+Catalog의 `planned + roadmap.composed`는 독립 renderer가 없다는 의미로 유지한다.
+합성 예제 완료를 새 renderer 수나 stable 승격으로 더하지 않는다.

package/docs/toast.md

@@ -93,6 +93,24 @@ close, exit complete와 두 번째 provider dispose는 아무 상태도 바꾸
 
 ## Renderer acceptance
 
+### Compact Web layout — 2026-09-15
+
+BurnTok `apps/web/src/app/globals.css:301` records a product workaround for a
+close-only second row. The first-party browser regression reproduced it at
+320, 390, and 480px: the old fixed subtraction in `flex-basis` did not account
+for the actual control and gap layout. The Web renderer now gives icon, copy,
+and close explicit columns and places an optional action below the copy.
+This keeps a 44px close target and allows long text to wrap without a guessed
+remaining width. Native layout and the shared Toast lifecycle are unchanged.
+The same card grid applies on desktop: ToastProvider caps cards at 420px,
+so a window-width breakpoint left doubled text and action labels compressed
+even in a wide window. A 1280px window/420px card regression covers that case.
+
+Proof: `packages/react/test/toast-layout.browser.test.tsx`; review fixture:
+Storybook `Patterns/Toast layout`. The fixture covers long Korean/English copy,
+doubled text, dark theme and RTL. Automated browser checks are separate from
+real assistive-technology and consumer-release evidence; Toast remains beta.
+
 Web renderer:
 
 - viewport를 문서 root 근처에 하나만 두고 recipe placement와 logical start/end를 사용합니다.

package/docs/toggle-group.md

@@ -0,0 +1,21 @@
+# ToggleGroup contract
+
+**문제.** 여러 개를 동시에 켜고 끄는 버튼 묶음 — 굵게/기울임/밑줄, 여러 개를 함께 거는
+필터 칩.
+
+**SegmentedControl과의 경계.** Segmented는 **하나를 고른다**(어떤 화면을 볼지),
+ToggleGroup은 **여러 개를 켠다**(무엇을 적용할지). 그래서 Segmented에는 "선택 없음"이
+없고 ToggleGroup에는 있다. 한 컴포넌트의 `mode` 축으로 합치면 그 차이가 사라지고
+"아무것도 선택되지 않은 Segmented"라는 표현 불가능한 상태가 타입에 생긴다. 이 계약에
+single 모드를 넣지 않는 것이 규칙이다.
+
+**CheckboxGroup과의 경계.** CheckboxGroup은 목록 안의 선택이라 각 항목이 자기 줄과
+설명을 갖는다. ToggleGroup은 도구 모음이라 한 줄에 붙고 라벨이 짧다. 판정(무엇을 켤 수
+있는가, 비활성은 어떻게 되는가)은 같은 `selection-helpers`를 공유한다 — 두 번째 선택
+모델을 만들지 않는다.
+
+**상태는 색이 아니라 `aria-pressed`(Native `selected`)가 말한다.** 색은 보강일 뿐이다.
+
+**tab stop.** 각 토글이 자기 tab stop이다. 도구 모음식 roving focus를 쓰지 않는 이유는
+묶음이 대개 2~4개로 짧고, roving은 "그룹 안에서 화살표로 이동"이라는 추가 학습을
+요구하기 때문이다. 항목이 많아지는 실제 화면이 나오면 그때 축을 연다.

package/docs/top.md

@@ -0,0 +1,32 @@
+# Top contract
+
+**문제.** 화면 본문의 첫 블록 — 사용자가 "이 화면이 무엇을 묻는지" 읽는 제목과 보조
+문장. 토스 TDS가 "Top과 ListRow로 화면 대부분을 만든다"고 말하는 그 Top이다.
+
+**TopBar와 다른 자리.** 이름이 비슷해서 합치고 싶어지지만 다른 문제다.
+
+| | TopBar | Top |
+| --- | --- | --- |
+| 정체 | 화면에 고정된 크롬 | 스크롤과 함께 움직이는 본문 |
+| 내용 | 뒤로가기·화면 이름·액션 | 제목·보조 문장·보조 행동 |
+| 관심사 | safe area, 고정, 축약 | 읽기, 줄바꿈, heading 구조 |
+| 접근성 | 내비게이션 landmark | 실제 `h1`/`h2` |
+
+**Section과도 다르다.** Section은 본문 *중간*의 묶음 제목이라 heading level이 주변
+구조에 종속된다. Top은 화면당 하나뿐인 첫 제목이라 기본이 `1`이다. 합치면 "이 Section이
+이 화면의 h1인가"를 매번 물어야 하고, 그 질문은 컴포넌트가 아니라 화면이 답해야 한다.
+
+**크기는 둘뿐이다.** `large`(화면의 첫 제목)와 `medium`(시트·모달 안의 첫 제목).
+세 번째가 필요해지는 자리는 이미 `Section`이다 — 크기를 늘리는 대신 다른 컴포넌트를
+쓰라는 신호로 둔다. 두 크기 모두 기존 타입 스케일(`heading.level2`, `typography.titleLarge`)을
+그대로 쓰고 새 숫자를 만들지 않는다.
+
+**잘리지 않는다.** `description`은 줄바꿈하며 말줄임하지 않는다. 큰 글자 설정에서 화면이
+묻는 내용이 사라지면 안 되기 때문이다. `trailing` 보조 행동은 제목 줄을 공유하다가
+공간이 부족하면 아래로 내려간다.
+
+**eyebrow 규칙.** 제목이 어떤 형태로든 담고 있지 않은 정보를 eyebrow에 넣지 않는다.
+카테고리·단계 표시처럼 제목을 한정하는 짧은 말만 쓴다.
+
+**상태가 없다.** controlled 축이 없고 키보드도 dismiss도 없다 — 화면이 제목을 바꾸면
+다른 문자열을 넘기면 된다.

package/docs/tour.md

@@ -130,7 +130,28 @@ Popover처럼 순수 판정 함수(`resolveTourAdvance`, `validateTourOpenState`
 | "다시 보지 않기" 영속화 | **배제** — 제품이 `TourCloseReason`을 받아 직접 저장할 몫 |
 | 비동기 busy/error 상태 | **배제** — Tour에는 되돌릴 수 없는 side effect가 없다. AlertDialog의 세션 패턴을 가져올 이유가 없다 |
 
+## Web renderer (2026-09-18)
+
+`@hjmds/react/tour`의 `Tour`가 이 계약을 실행한다. catalog는 Web `beta`,
+Native `unsupported`다. 제품 vertical slice와 보조기기 실측은 아직 없다.
+
+- **anchor는 끝까지 제품 소유다.** props는 노드가 아니라
+  `resolveAnchor(anchorId)`를 받는다. renderer는 단계가 바뀔 때마다, 그리고 스크롤·
+  리사이즈마다 다시 측정한다 — rect를 보관하면 제품이 페이지를 다시 그리는 순간 어긋난다.
+- **초점은 카드로 간다.** 카드 자체(`tabIndex=-1`)가 초기 초점이며 단계마다 다시 간다.
+  카드의 첫 버튼이 아니다 — 카드가 단계 안내 문구를 들고 있고, 그 문구가 시각적 포인터를
+  대신하는 전부이기 때문이다. anchor는 열려 있는 동안 inert 배경이라 초점 대상이 아니다.
+- **화면에 보이는 제목·본문은 보조기기에서 숨긴다.** 합성된 안내 문구가 이미 위치·제목·
+  설명을 담고 있어 그대로 두면 두 번 읽힌다.
+- **veil에는 dismiss handler가 없다.** 계약에 `outside` 사유 자체가 없으므로 실수로 찍은
+  포인터가 둘러보기를 끝내지 못한다. Escape와 건너뛰기는 어느 단계에서나 나간다.
+- **unmount는 `interrupted`로 한 번만 정산한다.** StrictMode의 probe cleanup과 실제
+  unmount를 epoch로 구분한다(Sheet와 같은 방식).
+- 로컬 검증: `test/tour.browser.test.tsx` 6개(이름·안내·단계마다 초점 이동, 배경 inert와
+  바깥 pointer 무시, 첫 단계 이전은 no-op·마지막 다음은 complete, Escape·건너뛰기 탈출,
+  unmount의 1회 interrupted, controlled owner 종료와 320px 배치)와 `Patterns/Tour`.
+
 ## 검증 화면
 
-아직 없음. `planned → beta` 승격은 실제 제품 vertical slice 이후 리드가
-진행한다. 유력 후보: Yajalal 홈 화면 첫 진입 안내(검색 → 즐겨찾기 → 알림).
+제품 vertical slice는 아직 없다. 유력 후보는 Yajalal 홈 화면 첫 진입
+안내(검색 → 즐겨찾기 → 알림)이며, 채택 전까지 `beta`는 renderer 수준 증거만 뜻한다.

package/docs/transfer-list.md

@@ -92,3 +92,23 @@ Native의 "터치 전용"에도 같게 적용되므로, 버튼이 항상 스와
 ## 검증 화면
 
 아직 없음. `planned → beta` 승격은 실제 제품 vertical slice 이후 리드가 진행한다.
+
+## Web renderer (2026-09-18)
+
+`@hjmds/react/transfer-list`의 `TransferList`가 이 계약을 실행한다. catalog는 Web `beta`,
+Native `planned`다 — Native renderer는 아직 없다.
+
+- **이동은 키보드만으로 끝난다.** Space로 고르고 이동 버튼을 누르거나, 초점이 있는 행에서
+  Enter로 그 행 하나만 바로 옮긴다. 후자는 계약의 "단일 이동에 다중 선택을 먼저 만들게
+  하지 않는다"는 항목이다.
+- **이동 후 초점은 계약이 정한다.** `resolveTransferListFocusAfterMove`가 미끄러져 들어온
+  행을 돌려주고, 패널이 비면 빈 상태 문구(`tabIndex=-1`)로 보낸다. 문서 body로 초점이
+  풀리는 경우가 없다.
+- **옮긴 항목은 도착 패널에서 선택되지 않는다.** 이동은 값을 확정하는 것이지 사용자가 하지
+  않은 새 선택을 만드는 것이 아니다.
+- **모두 선택은 disabled를 분모에서 뺀다.** 분자·분모 모두에서 빠지므로 잠긴 행이 있어도
+  "모두 선택"이 mixed로 굳지 않는다.
+- **문장은 제품이 만든다.** `onMove`는 옮긴 id를 원래 패널 순서로만 넘긴다.
+- 로컬 검증: `test/transfer-list.browser.test.tsx` 5개(키보드 다중 이동과 id 보고, 단일
+  행 즉시 이동, 이동 후 초점과 빈 상태 초점, disabled 제외와 이동 금지, 되돌리기와 패널당
+  tab stop 하나)와 `Patterns/TransferList`.

package/docs/tree-select.md

@@ -99,3 +99,21 @@ antd `TreeSelect`의 `checkStrictly`(부모/자식을 독립적으로 체크할
 ## 검증 화면
 
 아직 없음. `planned → beta` 승격은 실제 제품 vertical slice 이후 리드가 진행한다.
+
+## 조합으로 제공한다 (2026-09-18)
+
+이 모듈의 판정대로 TreeSelect는 새 primitive가 아니다. Tree renderer가 들어오면서
+필요한 세 조각이 모두 존재하므로 작동 예제를 Showcase에 두고 catalog는 `composed`로 적는다.
+
+- 표면: `@hjmds/react/popover`의 `Popover`(트리거 + 팝업 + 확정 버튼)
+- collection: `@hjmds/react/tree`의 `Tree`(깊이 발표·화살표·확장)
+- 집계: 이 모듈의 `resolveTreeCheckedStates`/`toggleTreeCheckedSelection`
+- 예제: Showcase `Patterns/Tree`의 TreeSelect 화면
+
+**Cascader도 같은 자리에서 끝난다.** catalog는 Cascader를 "TreeSelect에 path value와
+중간 단계 commit 축이 필요하다"는 prerequisite로 묶어 뒀는데, Tree renderer의 resolve
+결과가 이미 `parentId` 사슬을 들고 있어 경로는 파생이고, 중간 단계 확정은 그 노드를 그대로
+고르는 것이다. 새 축을 계약에 추가할 이유가 없어 prerequisite를 풀고 `composed`로 옮겼다
+(`Patterns/Tree`의 Cascader 화면). antd의 열(column) 방식 화면은 베끼지 않는다 — HJM의
+계층 탐색 어휘를 그대로 쓰는 쪽이 같은 문제를 이미 푼다.
+

package/docs/tree.md

@@ -121,3 +121,24 @@ depth/sibling 발화, 화살표 판정, `expandedKeys` 재조정을 그대로
 popup/sheet 표면에 얹으면 된다. 새 recipe나 새 상태 축이 필요해 보이지 않으므로, 측정된
 제품 요구가 나오기 전까지는 `src/tree-select.ts`를 만들지 않는다(`docs/dropdown.md`·
 `docs/notification.md`와 같은 판단).
+
+## Web renderer (2026-09-18)
+
+`@hjmds/react/tree`의 `Tree`가 이 계약을 실행한다. catalog는 Web `beta`,
+Native `unsupported`다. 제품 채택·보조기기 실측은 아직 없다.
+
+- **판정은 전부 계약이 한다.** 화살표(`getTreeArrowResult`), 상하·Home/End
+  (`getVisibleTreeNavigationTarget`), 타이핑 검색(`getVisibleTreeTypeaheadMatch`),
+  확장 재조정(`reconcileTreeExpansion`)을 그대로 호출한다. renderer에는 트리 산술이 없다.
+- **중첩 group 대신 aria-level을 쓴 평평한 목록이다.** roving tab stop과 보이는 노드
+  탐색이 모두 resolve 결과 배열 하나 위에서 돌고, WAI-ARIA는 두 형태를 모두 허용한다.
+  들여쓰기는 장식이고 깊이는 항상 발표된다.
+- **tab stop은 트리 전체에 하나다.** 펼침 glyph는 장식이라 행 안에 중첩 컨트롤이 없다.
+  접기로 초점 노드가 사라지면 roving tab stop이 보이는 첫 노드로 되돌아간다.
+- **tri-state 체크는 노드 자체에 실린다.** `checkedStates`(=`resolveTreeCheckedStates`
+  결과)를 주면 행이 `aria-checked`로 true/false/mixed를 말한다. 체크박스를 행 안에 넣으면
+  tab stop 규칙이 깨지므로 넣지 않았다.
+- 로컬 검증: `test/tree.browser.test.tsx` 6개(깊이·형제 위치 발표, 단일 tab stop과 roving,
+  펼침·접힘과 접힌 subtree 건너뛰기, RTL 화살표 반전, disabled의 선택만 차단·타이핑 검색,
+  tri-state 파생과 enabled leaf만의 cascade)와 `Patterns/Tree`.
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hjmds/design-contracts",
-  "version": "1.1.1",
+  "version": "1.3.4",
   "description": "Renderer-neutral design contracts, tokens, recipes, and behaviors shared by HJM products.",
   "license": "MIT",
   "repository": {
@@ -52,12 +52,24 @@
       "import": "./dist/responsive.js",
       "default": "./dist/responsive.js"
     },
+    "./formatters": {
+      "types": "./dist/formatters.d.ts",
+      "react-native": "./dist/formatters.js",
+      "import": "./dist/formatters.js",
+      "default": "./dist/formatters.js"
+    },
     "./grid": {
       "types": "./dist/grid.d.ts",
       "react-native": "./dist/grid.js",
       "import": "./dist/grid.js",
       "default": "./dist/grid.js"
     },
+    "./dataviz": {
+      "types": "./dist/dataviz.d.ts",
+      "react-native": "./dist/dataviz.js",
+      "import": "./dist/dataviz.js",
+      "default": "./dist/dataviz.js"
+    },
     "./recipes": {
       "types": "./dist/component-recipes.d.ts",
       "react-native": "./dist/component-recipes.js",
@@ -115,18 +127,48 @@
     "./consumer-policy.md": {
       "default": "./docs/consumer-policy.md"
     },
+    "./components/agreement": {
+      "types": "./dist/agreement.d.ts",
+      "react-native": "./dist/agreement.js",
+      "import": "./dist/agreement.js",
+      "default": "./dist/agreement.js"
+    },
     "./components/alert-dialog": {
       "types": "./dist/alert-dialog.d.ts",
       "react-native": "./dist/alert-dialog.js",
       "import": "./dist/alert-dialog.js",
       "default": "./dist/alert-dialog.js"
     },
+    "./components/anchor": {
+      "types": "./dist/anchor.d.ts",
+      "react-native": "./dist/anchor.js",
+      "import": "./dist/anchor.js",
+      "default": "./dist/anchor.js"
+    },
     "./components/aspect-ratio": {
       "types": "./dist/aspect-ratio.d.ts",
       "react-native": "./dist/aspect-ratio.js",
       "import": "./dist/aspect-ratio.js",
       "default": "./dist/aspect-ratio.js"
     },
+    "./components/asset": {
+      "types": "./dist/asset.d.ts",
+      "react-native": "./dist/asset.js",
+      "import": "./dist/asset.js",
+      "default": "./dist/asset.js"
+    },
+    "./components/auth-screen": {
+      "types": "./dist/auth-screen.d.ts",
+      "react-native": "./dist/auth-screen.js",
+      "import": "./dist/auth-screen.js",
+      "default": "./dist/auth-screen.js"
+    },
+    "./components/bottom-info": {
+      "types": "./dist/bottom-info.d.ts",
+      "react-native": "./dist/bottom-info.js",
+      "import": "./dist/bottom-info.js",
+      "default": "./dist/bottom-info.js"
+    },
     "./components/bottom-navigation": {
       "types": "./dist/bottom-navigation.d.ts",
       "react-native": "./dist/bottom-navigation.js",
@@ -157,6 +199,12 @@
       "import": "./dist/carousel.js",
       "default": "./dist/carousel.js"
     },
+    "./components/collapsible": {
+      "types": "./dist/collapsible.d.ts",
+      "react-native": "./dist/collapsible.js",
+      "import": "./dist/collapsible.js",
+      "default": "./dist/collapsible.js"
+    },
     "./components/collection": {
       "types": "./dist/collection.d.ts",
       "react-native": "./dist/collection.js",
@@ -169,17 +217,23 @@
       "import": "./dist/command-palette.js",
       "default": "./dist/command-palette.js"
     },
+    "./components/container": {
+      "types": "./dist/container.d.ts",
+      "react-native": "./dist/container.js",
+      "import": "./dist/container.js",
+      "default": "./dist/container.js"
+    },
     "./components/content-state": {
       "types": "./dist/content-state.d.ts",
       "react-native": "./dist/content-state.js",
       "import": "./dist/content-state.js",
       "default": "./dist/content-state.js"
     },
-    "./components/container": {
-      "types": "./dist/container.d.ts",
-      "react-native": "./dist/container.js",
-      "import": "./dist/container.js",
-      "default": "./dist/container.js"
+    "./components/context-menu": {
+      "types": "./dist/context-menu.d.ts",
+      "react-native": "./dist/context-menu.js",
+      "import": "./dist/context-menu.js",
+      "default": "./dist/context-menu.js"
     },
     "./components/data-table": {
       "types": "./dist/data-table.d.ts",
@@ -193,6 +247,12 @@
       "import": "./dist/date-picker.js",
       "default": "./dist/date-picker.js"
     },
+    "./components/date-range": {
+      "types": "./dist/date-range.d.ts",
+      "react-native": "./dist/date-range.js",
+      "import": "./dist/date-range.js",
+      "default": "./dist/date-range.js"
+    },
     "./components/description-list": {
       "types": "./dist/description-list.d.ts",
       "react-native": "./dist/description-list.js",
@@ -223,6 +283,12 @@
       "import": "./dist/form.js",
       "default": "./dist/form.js"
     },
+    "./components/heading": {
+      "types": "./dist/heading.d.ts",
+      "react-native": "./dist/heading.js",
+      "import": "./dist/heading.js",
+      "default": "./dist/heading.js"
+    },
     "./components/icon": {
       "types": "./dist/icon.d.ts",
       "react-native": "./dist/icon.js",
@@ -259,6 +325,18 @@
       "import": "./dist/mentions.js",
       "default": "./dist/mentions.js"
     },
+    "./components/menubar": {
+      "types": "./dist/menubar.d.ts",
+      "react-native": "./dist/menubar.js",
+      "import": "./dist/menubar.js",
+      "default": "./dist/menubar.js"
+    },
+    "./components/native-platform": {
+      "types": "./dist/native-platform.d.ts",
+      "react-native": "./dist/native-platform.js",
+      "import": "./dist/native-platform.js",
+      "default": "./dist/native-platform.js"
+    },
     "./components/number-field": {
       "types": "./dist/number-field.d.ts",
       "react-native": "./dist/number-field.js",
@@ -289,6 +367,12 @@
       "import": "./dist/popover.js",
       "default": "./dist/popover.js"
     },
+    "./components/provider-button": {
+      "types": "./dist/provider-button.d.ts",
+      "react-native": "./dist/provider-button.js",
+      "import": "./dist/provider-button.js",
+      "default": "./dist/provider-button.js"
+    },
     "./components/result": {
       "types": "./dist/result.d.ts",
       "react-native": "./dist/result.js",
@@ -307,6 +391,18 @@
       "import": "./dist/side-panel.js",
       "default": "./dist/side-panel.js"
     },
+    "./components/sidebar": {
+      "types": "./dist/sidebar.d.ts",
+      "react-native": "./dist/sidebar.js",
+      "import": "./dist/sidebar.js",
+      "default": "./dist/sidebar.js"
+    },
+    "./components/skip-nav": {
+      "types": "./dist/skip-nav.d.ts",
+      "react-native": "./dist/skip-nav.js",
+      "import": "./dist/skip-nav.js",
+      "default": "./dist/skip-nav.js"
+    },
     "./components/slider": {
       "types": "./dist/slider.d.ts",
       "react-native": "./dist/slider.js",
@@ -337,6 +433,18 @@
       "import": "./dist/tag.js",
       "default": "./dist/tag.js"
     },
+    "./components/tags-input": {
+      "types": "./dist/tags-input.d.ts",
+      "react-native": "./dist/tags-input.js",
+      "import": "./dist/tags-input.js",
+      "default": "./dist/tags-input.js"
+    },
+    "./components/text-formats": {
+      "types": "./dist/text-formats.d.ts",
+      "react-native": "./dist/text-formats.js",
+      "import": "./dist/text-formats.js",
+      "default": "./dist/text-formats.js"
+    },
     "./components/timeline": {
       "types": "./dist/timeline.d.ts",
       "react-native": "./dist/timeline.js",
@@ -349,12 +457,24 @@
       "import": "./dist/toast.js",
       "default": "./dist/toast.js"
     },
+    "./components/toggle-group": {
+      "types": "./dist/toggle-group.d.ts",
+      "react-native": "./dist/toggle-group.js",
+      "import": "./dist/toggle-group.js",
+      "default": "./dist/toggle-group.js"
+    },
     "./components/tooltip": {
       "types": "./dist/tooltip.d.ts",
       "react-native": "./dist/tooltip.js",
       "import": "./dist/tooltip.js",
       "default": "./dist/tooltip.js"
     },
+    "./components/top": {
+      "types": "./dist/top.d.ts",
+      "react-native": "./dist/top.js",
+      "import": "./dist/top.js",
+      "default": "./dist/top.js"
+    },
     "./components/tour": {
       "types": "./dist/tour.d.ts",
       "react-native": "./dist/tour.js",