@orcestr/commerce-ui 0.1.0 → 0.1.2

package/README.md

@@ -1,15 +1,51 @@
-# @orcestr/commerce-ui
-
-Provider-neutral React components for CommerceXL checkout surfaces. Payment providers remain
-separate packages; this package owns the shared dialog shell and explicit payment-method choice.
-
-```bash
-npm install @orcestr/commerce-ui @orcestr/ui
-```
-
-Import `@orcestr/commerce-ui/styles.css` once in the application root. Use
-`CommercePaymentMethodPicker` before creating an order and `CommerceCheckoutDialog` as the single
-accessible modal shell around the selected provider UI.
-
-The package never computes prices and never accepts a client-supplied amount. Render server-owned
-catalog options and submit only their stable option IDs to checkout.
+# @orcestr/commerce-ui
+
+Provider-neutral React components for CommerceXL checkout surfaces. Payment providers remain
+separate packages; this package owns the shared dialog shell and explicit payment-method choice.
+
+```bash
+npm install @orcestr/commerce-ui @orcestr/ui
+```
+
+Import `@orcestr/commerce-ui/styles.css` once in the application root. Use
+`CommercePaymentMethodPicker` before creating an order and `CommerceCheckoutDialog` as the single
+accessible modal shell around the selected provider UI.
+
+The package never computes prices and never accepts a client-supplied amount. Render server-owned
+catalog options and submit only their stable option IDs to checkout.
+
+## Composing a provider
+
+Use `CommercePaymentMethodPicker` for all available provider options and keep
+`CommerceCheckoutDialog` as the single modal shell. Mount the selected provider view inside the
+dialog instead of creating a separate modal per provider.
+
+For Solana checkout, install the published provider packages:
+
+```bash
+npm install @orcestr/commerce-solana-core @orcestr/commerce-solana-react @orcestr/commerce-solana-ui @tanstack/react-query
+```
+
+Import `@orcestr/commerce-solana-ui/styles.css`, then render `SolanaCheckout` inside the shared
+dialog with `showHeader={false}`. The Solana view automatically creates a fresh short-lived wallet
+action and shows the QR code, deep link and payment states. Only authoritative backend `paid` state
+may unlock a product; a wallet callback is not payment proof.
+
+See the [CommerceXL integration guide](https://github.com/Artasov/commercexl/blob/master/src/commercexl/docs/HOW_TO_USE.md#6-compose-the-provider-neutral-checkout)
+and [Orcestr Commerce Solana](https://github.com/Artasov/orcestr-commerce-solana) for the complete
+backend, authentication, realtime and finalized-verification boundaries.
+
+## Build and local integration
+
+```bash
+cd frontend
+npm ci
+npm run build
+npm run pack:dry-run
+```
+
+For a local Orcestr consumer, point to `../commercexl/frontend/packages/ui` through the consumer's
+local-library helper before starting its dev server. Do not use a global `npm link`.
+
+Releases use `commerce-ui-vX.Y.Z` tags. After the first manual npm publish creates the package, the
+`CI/CD` workflow publishes later tags with npm Trusted Publishing and provenance.

package/README.ru.md

@@ -1,15 +1,51 @@
-# @orcestr/commerce-ui
-
-Нейтральные к платёжному провайдеру React-компоненты для checkout CommerceXL. Провайдеры остаются
-отдельными пакетами; здесь находятся единая оболочка модального окна и явный выбор способа оплаты.
-
-```bash
-npm install @orcestr/commerce-ui @orcestr/ui
-```
-
-Один раз подключите `@orcestr/commerce-ui/styles.css` в корне приложения. До создания заказа
-используйте `CommercePaymentMethodPicker`, а UI выбранного провайдера помещайте в единственный
-`CommerceCheckoutDialog`.
-
-Пакет не вычисляет цены и не принимает сумму от клиента. Показывайте только серверные варианты из
-каталога, а в checkout отправляйте их стабильные идентификаторы.
+# @orcestr/commerce-ui
+
+Нейтральные к платёжному провайдеру React-компоненты для checkout CommerceXL. Провайдеры остаются
+отдельными пакетами; здесь находятся единая оболочка модального окна и явный выбор способа оплаты.
+
+```bash
+npm install @orcestr/commerce-ui @orcestr/ui
+```
+
+Один раз подключите `@orcestr/commerce-ui/styles.css` в корне приложения. До создания заказа
+используйте `CommercePaymentMethodPicker`, а UI выбранного провайдера помещайте в единственный
+`CommerceCheckoutDialog`.
+
+Пакет не вычисляет цены и не принимает сумму от клиента. Показывайте только серверные варианты из
+каталога, а в checkout отправляйте их стабильные идентификаторы.
+
+## Подключение провайдера
+
+Используйте `CommercePaymentMethodPicker` для всех доступных вариантов оплаты, а
+`CommerceCheckoutDialog` оставляйте единственной модальной оболочкой. UI выбранного провайдера
+встраивается внутрь этого окна, а не открывает отдельное модальное окно.
+
+Для оплаты через Solana установите опубликованные provider-пакеты:
+
+```bash
+npm install @orcestr/commerce-solana-core @orcestr/commerce-solana-react @orcestr/commerce-solana-ui @tanstack/react-query
+```
+
+Подключите `@orcestr/commerce-solana-ui/styles.css` и отрисуйте `SolanaCheckout` внутри общего окна
+с `showHeader={false}`. Solana UI автоматически создаёт новое короткоживущее действие для кошелька
+и показывает QR-код, deep link и состояния платежа. Продукт можно разблокировать только после
+authoritative backend-состояния `paid`; callback кошелька не является доказательством оплаты.
+
+Полная схема backend, auth, realtime и finalized-проверки описана в
+[руководстве CommerceXL](https://github.com/Artasov/commercexl/blob/master/src/commercexl/docs/HOW_TO_USE.md#6-compose-the-provider-neutral-checkout)
+и документации [Orcestr Commerce Solana](https://github.com/Artasov/orcestr-commerce-solana).
+
+## Сборка и локальное подключение
+
+```bash
+cd frontend
+npm ci
+npm run build
+npm run pack:dry-run
+```
+
+В локальном Orcestr подключайте `../commercexl/frontend/packages/ui` через helper локальных
+библиотек consumer-приложения до запуска dev server. Глобальный `npm link` не используйте.
+
+Для релизов используются теги `commerce-ui-vX.Y.Z`. После первой ручной публикации, создающей
+пакет в npm, следующие теги публикует workflow `CI/CD` через npm Trusted Publishing с provenance.

package/dist/CommerceCheckoutDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommerceCheckoutDialog.d.ts","sourceRoot":"","sources":["../src/CommerceCheckoutDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,aAAqB,EACrB,QAAc,EACd,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,2CAmBA"}
+{"version":3,"file":"CommerceCheckoutDialog.d.ts","sourceRoot":"","sources":["../src/CommerceCheckoutDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,aAAqB,EACrB,QAAc,EACd,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,2CAwBA"}

package/dist/CommerceCheckoutDialog.js

@@ -2,6 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Dialog } from "@orcestr/ui";
 export function CommerceCheckoutDialog({ open, onOpenChange, title, description, children, closeLabel, closeDisabled = false, maxWidth = 720, className, }) {
-    return (_jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(Dialog.Content, { maxWidth: maxWidth, closeOnOverlayClick: !closeDisabled, className: ["oc-checkout-dialog", className].filter(Boolean).join(" "), children: [_jsx(Dialog.Title, { children: title }), description ? _jsx(Dialog.Description, { children: description }) : null, _jsx("div", { className: "oc-checkout-dialog-body", children: children }), _jsx(Dialog.Close, { children: _jsx(Button, { fullWidth: true, v: "ghost", type: "button", disabled: closeDisabled, children: closeLabel }) })] }) }));
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: (nextOpen) => {
+            if (!nextOpen && closeDisabled)
+                return;
+            onOpenChange(nextOpen);
+        }, children: _jsxs(Dialog.Content, { maxWidth: maxWidth, closeOnOverlayClick: !closeDisabled, className: ["oc-checkout-dialog", className].filter(Boolean).join(" "), children: [_jsxs("div", { className: "oc-checkout-dialog-header", children: [_jsx(Dialog.Title, { children: title }), _jsxs(Button, { className: "oc-checkout-dialog-close", v: "ghost", size: 1, type: "button", disabled: closeDisabled, onClick: () => { if (!closeDisabled)
+                                onOpenChange(false); }, children: [_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: _jsx("path", { d: "m6 6 12 12M18 6 6 18" }) }), _jsx("span", { className: "oc-visually-hidden", children: closeLabel })] })] }), description ? _jsx(Dialog.Description, { children: description }) : null, _jsx("div", { className: "oc-checkout-dialog-body", children: children })] }) }));
 }
 //# sourceMappingURL=CommerceCheckoutDialog.js.map

package/dist/CommerceCheckoutDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommerceCheckoutDialog.js","sourceRoot":"","sources":["../src/CommerceCheckoutDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,aAAa,CAAC;AAG3C,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,GAAG,EACd,SAAS,GAWV;IACC,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YACjD,MAAC,MAAM,CAAC,OAAO,IACb,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,CAAC,aAAa,EACnC,SAAS,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,EACnC,WAAW,CAAC,CAAC,CAAC,KAAC,MAAM,CAAC,WAAW,cAAE,WAAW,GAAsB,CAAC,CAAC,CAAC,IAAI,EAC5E,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,EACzD,KAAC,MAAM,CAAC,KAAK,cACX,KAAC,MAAM,IAAC,SAAS,QAAC,CAAC,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,aAAa,YAC9D,UAAU,GACJ,GACI,IACA,GACL,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CommerceCheckoutDialog.js","sourceRoot":"","sources":["../src/CommerceCheckoutDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,aAAa,CAAC;AAG3C,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,GAAG,EACd,SAAS,GAWV;IACC,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE;YAClD,IAAI,CAAC,QAAQ,IAAI,aAAa;gBAAE,OAAO;YACvC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC,YACC,MAAC,MAAM,CAAC,OAAO,IACb,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,CAAC,aAAa,EACnC,SAAS,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,EACpC,MAAC,MAAM,IAAC,SAAS,EAAC,0BAA0B,EAAC,CAAC,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAC3E,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,IAAI,CAAC,aAAa;gCAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA,CAAC,aAClF,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,iBAAa,MAAM,YAAC,eAAM,CAAC,EAAC,sBAAsB,GAAG,GAAM,EAC9J,eAAM,SAAS,EAAC,oBAAoB,YAAE,UAAU,GAAQ,IACjD,IACL,EACL,WAAW,CAAC,CAAC,CAAC,KAAC,MAAM,CAAC,WAAW,cAAE,WAAW,GAAsB,CAAC,CAAC,CAAC,IAAI,EAC5E,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,IAC1C,GACL,CACf,CAAC;AACJ,CAAC"}

package/dist/styles.css

@@ -1,97 +1,102 @@
-.oc-payment-methods {
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-
-.oc-payment-methods > legend {
-  margin-bottom: 8px;
-  color: var(--oui-muted-strong, var(--oui-muted));
-  font-size: 14px;
-  font-weight: 700;
-}
-
-.oc-payment-methods-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
-  gap: 10px;
-}
-
-.oc-payment-method {
-  display: flex;
-  min-width: 0;
-  min-height: 68px;
-  align-items: center;
-  gap: 12px;
-  padding: 13px 14px;
-  border: 1px solid var(--oui-border);
-  border-radius: 10px;
-  background: var(--oui-panel);
-  color: var(--oui-text);
-  cursor: pointer;
-  font: inherit;
-  text-align: left;
-  transition: border-color 150ms ease, background 150ms ease;
-}
-
-.oc-payment-method:hover:not(:disabled) {
-  border-color: var(--oui-primary-border);
-  background: var(--oui-primary-surface);
-}
-
-.oc-payment-method[data-selected="true"] {
-  border-color: var(--oui-primary-base);
-  background: var(--oui-primary-surface);
-}
-
-.oc-payment-method:focus-visible {
-  outline: 2px solid var(--oui-primary-base);
-  outline-offset: 2px;
-}
-
-.oc-payment-method:disabled {
-  cursor: not-allowed;
-  opacity: 0.55;
-}
-
-.oc-payment-method-copy {
-  display: grid;
-  flex: 1 1 auto;
-  gap: 3px;
-  min-width: 0;
-}
-
-.oc-payment-method-copy strong {
-  overflow-wrap: anywhere;
-  font-size: 14px;
-}
-
-.oc-payment-method-copy > span {
-  color: var(--oui-muted);
-  font-size: 12px;
-  line-height: 1.35;
-}
-
-.oc-payment-method-badge {
-  color: var(--oui-primary-text);
-  font-size: 12px;
-  font-weight: 750;
-}
-
-.oc-payment-method-radio {
-  width: 16px;
-  height: 16px;
-  flex: 0 0 16px;
-  border: 1px solid var(--oui-border);
-  border-radius: 50%;
-  background: var(--oui-panel);
-}
-
-.oc-payment-method[data-selected="true"] .oc-payment-method-radio {
-  border: 5px solid var(--oui-primary-base);
-}
-
-.oc-checkout-dialog-body {
-  min-width: 0;
-}
+.oc-payment-methods {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+.oc-payment-methods > legend {
+  margin-bottom: 8px;
+  color: var(--oui-muted-strong, var(--oui-muted));
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.oc-payment-methods-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
+  gap: 10px;
+}
+
+.oc-payment-method {
+  display: flex;
+  min-width: 0;
+  min-height: 68px;
+  align-items: center;
+  gap: 12px;
+  padding: 13px 14px;
+  border: 1px solid var(--oui-border);
+  border-radius: 10px;
+  background: var(--oui-panel);
+  color: var(--oui-text);
+  cursor: pointer;
+  font: inherit;
+  text-align: left;
+  transition: border-color 150ms ease, background 150ms ease;
+}
+
+.oc-payment-method:hover:not(:disabled) {
+  border-color: var(--oui-primary-border);
+  background: var(--oui-primary-surface);
+}
+
+.oc-payment-method[data-selected="true"] {
+  border-color: var(--oui-primary-base);
+  background: var(--oui-primary-surface);
+}
+
+.oc-payment-method:focus-visible {
+  outline: 2px solid var(--oui-primary-base);
+  outline-offset: 2px;
+}
+
+.oc-payment-method:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.oc-payment-method-copy {
+  display: grid;
+  flex: 1 1 auto;
+  gap: 3px;
+  min-width: 0;
+}
+
+.oc-payment-method-copy strong {
+  overflow-wrap: anywhere;
+  font-size: 14px;
+}
+
+.oc-payment-method-copy > span {
+  color: var(--oui-muted);
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.oc-payment-method-badge {
+  color: var(--oui-primary-text);
+  font-size: 12px;
+  font-weight: 750;
+}
+
+.oc-payment-method-radio {
+  width: 16px;
+  height: 16px;
+  flex: 0 0 16px;
+  border: 1px solid var(--oui-border);
+  border-radius: 50%;
+  background: var(--oui-panel);
+}
+
+.oc-payment-method[data-selected="true"] .oc-payment-method-radio {
+  border: 5px solid var(--oui-primary-base);
+}
+
+.oc-checkout-dialog-body {
+  min-width: 0;
+}
+
+.oc-checkout-dialog-header {display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
+.oc-checkout-dialog-header .oui-modal-title {margin:0}
+.oc-checkout-dialog-close {flex:none}
+.oc-visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

package/package.json

@@ -1,33 +1,56 @@
-{
-  "name": "@orcestr/commerce-ui",
-  "version": "0.1.0",
-  "description": "Provider-neutral checkout and payment method components for CommerceXL hosts.",
-  "author": "Artasov",
-  "license": "MPL-2.0",
-  "keywords": ["checkout", "commerce", "commercexl", "orcestr", "payments", "react"],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Artasov/commercexl.git",
-    "directory": "frontend/packages/ui"
-  },
-  "homepage": "https://github.com/Artasov/commercexl/tree/master/frontend/packages/ui#readme",
-  "bugs": {"url": "https://github.com/Artasov/commercexl/issues"},
-  "type": "module",
-  "sideEffects": ["./dist/styles.css"],
-  "files": ["dist", "LICENSE", "NOTICE", "README.md", "README.ru.md", "TRADEMARKS.md"],
-  "exports": {
-    ".": {"types": "./dist/index.d.ts", "import": "./dist/index.js"},
-    "./styles.css": "./dist/styles.css"
-  },
-  "publishConfig": {"access": "public"},
-  "peerDependencies": {
-    "@orcestr/ui": "^0.7.4",
-    "react": "^19.0.0"
-  },
-  "scripts": {
-    "typecheck": "tsc -b --pretty false",
-    "build": "tsc -b && node scripts/copy-styles.mjs",
-    "prepack": "node ../../scripts/sync-package-legal.mjs && npm run build",
-    "pack:dry-run": "npm pack --dry-run"
-  }
-}
+{
+  "name": "@orcestr/commerce-ui",
+  "version": "0.1.2",
+  "description": "Provider-neutral checkout and payment method components for CommerceXL hosts.",
+  "author": "Artasov",
+  "license": "MPL-2.0",
+  "keywords": [
+    "checkout",
+    "commerce",
+    "commercexl",
+    "orcestr",
+    "payments",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Artasov/commercexl.git",
+    "directory": "frontend/packages/ui"
+  },
+  "homepage": "https://github.com/Artasov/commercexl/tree/master/frontend/packages/ui#readme",
+  "bugs": {
+    "url": "https://github.com/Artasov/commercexl/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "./dist/styles.css"
+  ],
+  "files": [
+    "dist",
+    "LICENSE",
+    "NOTICE",
+    "README.md",
+    "README.ru.md",
+    "TRADEMARKS.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@orcestr/ui": "^0.7.4 || ^0.8.0",
+    "react": "^19.0.0"
+  },
+  "scripts": {
+    "typecheck": "tsc -b --pretty false",
+    "build": "tsc -b && node scripts/copy-styles.mjs",
+    "prepack": "node ../../scripts/sync-package-legal.mjs && npm run build",
+    "pack:dry-run": "npm pack --dry-run"
+  }
+}