@orcestr/ui 0.0.1

package/README.md

@@ -0,0 +1,151 @@
+<p align="right">
+  <strong>English</strong> · <a href="./README.ru.md">Русский</a>
+</p>
+
+<p align="center">
+  <a href="https://orcestr.com">
+    <img src="./assets/orcestr-banner.webp" alt="Orcestr banner" width="100%" />
+  </a>
+</p>
+
+# Orcestr UI
+
+Shared React UI foundation for Orcestr products.
+
+Orcestr UI is a public component library extracted from real Orcestr product work. It collects the interface primitives we reuse across product surfaces: app shell patterns, dense operational controls, workflow states, overlays, form fields, data views, design tokens and theme infrastructure.
+
+The goal is practical reuse, not a showcase-only design system. Components are built for product screens where people scan data, make decisions, confirm actions, navigate workflows and return to the same tools every day.
+
+Part of the [Orcestr](https://orcestr.com) ecosystem.
+
+## Status
+
+Status: early public UI layer.
+
+The package is already used as the shared UI base for Orcestr development. The public API is intentionally small enough to stay understandable, but broad enough to cover real application screens: buttons, fields, pickers, overlays, tables, command surfaces, app shell, workflow components, theme and locale providers.
+
+## Install
+
+```bash
+npm install @orcestr/ui
+```
+
+For local development from an Orcestr product repository:
+
+```bash
+npm install ../../orcestr-ui
+```
+
+## Usage
+
+Import the runtime styles once near the application root and wrap the app with `OrcestrUiProvider`.
+
+```tsx
+import {Button, OrcestrUiProvider} from '@orcestr/ui';
+import '@orcestr/ui/styles.css';
+
+export function App() {
+    return (
+        <OrcestrUiProvider locale='en' defaultMode='dark'>
+            <Button>Save</Button>
+        </OrcestrUiProvider>
+    );
+}
+```
+
+The React Query adapter is optional and kept outside the main entrypoint:
+
+```ts
+import {usePaginatedComboboxQueryLoader} from '@orcestr/ui/react-query';
+```
+
+The example page is published through a separate entrypoint, with separate demo styles:
+
+```tsx
+import {UiExamplePage} from '@orcestr/ui/example/UiExamplePage';
+import '@orcestr/ui/example/styles.css';
+```
+
+## What Is Included
+
+- Application shell primitives for product layouts.
+- Theme, tokens, system props and locale provider.
+- Actions, buttons, icon buttons, menus and command surfaces.
+- Fields, selects, comboboxes, pickers, switches, checkboxes and segmented controls.
+- Dialogs, drawers, modals, popovers, tooltips, context menus and confirm flows.
+- Tables, pagination, state views, badges, alerts, skeletons and spinners.
+- Workflow components for lifecycle, status and operational process screens.
+- Utility hooks for disclosure, floating layers, focus, keyboard navigation and controlled state.
+
+## Design Direction
+
+Orcestr UI is tuned for operational software: dashboards, catalogs, workflows, review screens, finance tools, procurement flows and internal product surfaces.
+
+The design direction is quiet and functional:
+
+- dense but readable information;
+- predictable controls;
+- clear states and confirmations;
+- reusable theme tokens;
+- components that survive real product usage before becoming public API.
+
+## Package Entrypoints
+
+| Entrypoint | Purpose |
+| --- | --- |
+| `@orcestr/ui` | Main React components, providers, hooks and theme API. |
+| `@orcestr/ui/styles.css` | Runtime styles for the component library. |
+| `@orcestr/ui/react-query` | Optional React Query adapter for paginated combobox loaders. |
+| `@orcestr/ui/example/UiExamplePage` | Demo page for visual inspection and internal documentation. |
+| `@orcestr/ui/example/styles.css` | Styles used only by the example page. |
+
+## Scripts
+
+```bash
+npm run build
+npm run typecheck
+npm test
+npm run pack:dry-run
+```
+
+- `npm run build` emits `dist` JavaScript, declarations and CSS.
+- `npm run typecheck` checks TypeScript without emitting files.
+- `npm test` runs contract and state tests.
+- `npm run pack:dry-run` checks the published package contents.
+
+## Release
+
+NPM publishing is handled by GitHub Actions on tags matching `ui-v*`.
+
+Full release guide: [docs/RELEASE.md](./docs/RELEASE.md).
+
+Local release helpers:
+
+```bash
+npm run release:patch
+npm run release:minor
+npm run release:major
+```
+
+Each helper bumps `package.json` and `package-lock.json`, creates a release commit and creates a tag such as `ui-v0.0.2`. Push the commit and tag to start the release workflow:
+
+```bash
+git push
+git push origin ui-v0.0.2
+```
+
+For the first `0.0.1` release, commit the prepared package and push tag `ui-v0.0.1`.
+
+The workflow runs typecheck, tests, build and `npm pack --dry-run` before publishing `@orcestr/ui` to NPM.
+
+## Ecosystem
+
+Orcestr UI is one of the first public pieces of the Orcestr ecosystem.
+
+- [Orcestr](https://orcestr.com) - main website and product entry point.
+- [Orcestr Overview](https://github.com/Artasov/orcestr-overview) - public product and ecosystem description.
+- [Orcestr Repo Notifier](https://github.com/Artasov/orcestr-repo-notifier) - GitHub Action for Codex-generated Telegram development updates.
+
+## Maintainer
+
+Public updates are currently maintained by [@Artasov](https://github.com/Artasov).

package/README.ru.md

@@ -0,0 +1,151 @@
+<p align="right">
+  <a href="./README.md">English</a> · <strong>Русский</strong>
+</p>
+
+<p align="center">
+  <a href="https://orcestr.com">
+    <img src="./assets/orcestr-banner.webp" alt="Баннер Orcestr" width="100%" />
+  </a>
+</p>
+
+# Orcestr UI
+
+Общая React UI-основа для продуктов Orcestr.
+
+Orcestr UI - публичная библиотека компонентов, выделенная из реальной продуктовой разработки Orcestr. Здесь собираются интерфейсные примитивы, которые переиспользуются в product surfaces: application shell, плотные операционные контролы, workflow-состояния, overlays, поля, data views, design tokens и инфраструктура темы.
+
+Цель - практическое переиспользование, а не витринная дизайн-система. Компоненты делаются для продуктовых экранов, где пользователь сканирует данные, принимает решения, подтверждает действия, проходит workflows и каждый день возвращается к одним и тем же инструментам.
+
+Часть экосистемы [Orcestr](https://orcestr.com).
+
+## Статус
+
+Статус: ранний публичный UI-слой.
+
+Пакет уже используется как общая UI-основа для разработки Orcestr. Public API достаточно компактный, чтобы оставаться понятным, но уже покрывает реальные application screens: buttons, fields, pickers, overlays, tables, command surfaces, app shell, workflow components, theme и locale providers.
+
+## Установка
+
+```bash
+npm install @orcestr/ui
+```
+
+Для локальной разработки из продуктового репозитория Orcestr:
+
+```bash
+npm install ../../orcestr-ui
+```
+
+## Использование
+
+Подключи runtime styles один раз рядом с корнем приложения и оберни приложение в `OrcestrUiProvider`.
+
+```tsx
+import {Button, OrcestrUiProvider} from '@orcestr/ui';
+import '@orcestr/ui/styles.css';
+
+export function App() {
+    return (
+        <OrcestrUiProvider locale='ru' defaultMode='dark'>
+            <Button>Сохранить</Button>
+        </OrcestrUiProvider>
+    );
+}
+```
+
+React Query adapter опциональный и вынесен из основного entrypoint:
+
+```ts
+import {usePaginatedComboboxQueryLoader} from '@orcestr/ui/react-query';
+```
+
+Example page опубликована отдельным entrypoint, со своими demo styles:
+
+```tsx
+import {UiExamplePage} from '@orcestr/ui/example/UiExamplePage';
+import '@orcestr/ui/example/styles.css';
+```
+
+## Что внутри
+
+- Application shell primitives для продуктовых layouts.
+- Theme, tokens, system props и locale provider.
+- Actions, buttons, icon buttons, menus и command surfaces.
+- Fields, selects, comboboxes, pickers, switches, checkboxes и segmented controls.
+- Dialogs, drawers, modals, popovers, tooltips, context menus и confirm flows.
+- Tables, pagination, state views, badges, alerts, skeletons и spinners.
+- Workflow components для lifecycle, status и операционных process screens.
+- Utility hooks для disclosure, floating layers, focus, keyboard navigation и controlled state.
+
+## Дизайн-направление
+
+Orcestr UI рассчитан на операционный софт: dashboards, catalogs, workflows, review screens, finance tools, procurement flows и internal product surfaces.
+
+Дизайн-направление спокойное и функциональное:
+
+- плотная, но читаемая информация;
+- предсказуемые контролы;
+- понятные состояния и подтверждения;
+- переиспользуемые theme tokens;
+- компоненты, которые проходят реальное продуктовое использование до закрепления в public API.
+
+## Package Entrypoints
+
+| Entrypoint | Назначение |
+| --- | --- |
+| `@orcestr/ui` | Основные React components, providers, hooks и theme API. |
+| `@orcestr/ui/styles.css` | Runtime styles библиотеки компонентов. |
+| `@orcestr/ui/react-query` | Optional React Query adapter для paginated combobox loaders. |
+| `@orcestr/ui/example/UiExamplePage` | Demo page для визуальной проверки и внутренней документации. |
+| `@orcestr/ui/example/styles.css` | Styles только для example page. |
+
+## Скрипты
+
+```bash
+npm run build
+npm run typecheck
+npm test
+npm run pack:dry-run
+```
+
+- `npm run build` собирает `dist` JavaScript, declarations и CSS.
+- `npm run typecheck` проверяет TypeScript без emit.
+- `npm test` запускает contract и state tests.
+- `npm run pack:dry-run` проверяет состав публикуемого пакета.
+
+## Release
+
+Публикация в NPM настроена через GitHub Actions на теги формата `ui-v*`.
+
+Полная инструкция по релизу: [docs/RELEASE.md](./docs/RELEASE.md).
+
+Локальные release helpers:
+
+```bash
+npm run release:patch
+npm run release:minor
+npm run release:major
+```
+
+Каждый helper поднимает версию в `package.json` и `package-lock.json`, создает release commit и tag вроде `ui-v0.0.2`. Чтобы запустить публикацию, push commit и tag:
+
+```bash
+git push
+git push origin ui-v0.0.2
+```
+
+Для первого релиза `0.0.1` закоммить подготовленный пакет и запушь tag `ui-v0.0.1`.
+
+Workflow перед публикацией `@orcestr/ui` в NPM запускает typecheck, tests, build и `npm pack --dry-run`.
+
+## Экосистема
+
+Orcestr UI - одна из первых публичных частей экосистемы Orcestr.
+
+- [Orcestr](https://orcestr.com) - основной сайт и вход в продукт.
+- [Orcestr Overview](https://github.com/Artasov/orcestr-overview) - публичное описание продукта и экосистемы.
+- [Orcestr Repo Notifier](https://github.com/Artasov/orcestr-repo-notifier) - GitHub Action для Codex-generated Telegram development updates.
+
+## Maintainer
+
+Публичные обновления сейчас ведет [@Artasov](https://github.com/Artasov).

package/dist/components/Action/ActionConfirmModal.d.ts

@@ -0,0 +1,8 @@
+import type { OrcestrActionItem } from './ActionTypes';
+export declare function ActionConfirmModal({ item, open, onConfirm, onCancel, }: {
+    item: OrcestrActionItem | null;
+    open: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionConfirmModal.d.ts.map

package/dist/components/Action/ActionConfirmModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/Action/ActionConfirmModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,wBAAgB,kBAAkB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,GACX,EAAE;IACC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB,2CAsBA"}

package/dist/components/Action/ActionConfirmModal.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConfirmDialog } from '../ConfirmDialog/ConfirmDialog';
+export function ActionConfirmModal({ item, open, onConfirm, onCancel, }) {
+    const confirmation = item?.confirm;
+    const title = confirmation?.title ?? item?.label;
+    const confirmLabel = confirmation?.confirmLabel ?? item?.label;
+    const tone = confirmation?.tone ?? item?.tone ?? 'neutral';
+    return (_jsx(ConfirmDialog, { open: open && Boolean(item), onOpenChange: (nextOpen) => {
+            if (!nextOpen)
+                onCancel();
+        }, title: title, message: confirmation?.message, confirmLabel: confirmLabel, cancelLabel: confirmation?.cancelLabel, tone: tone, loading: item?.loading, onCancel: onCancel, onConfirm: onConfirm }));
+}

package/dist/components/Action/ActionTypes.d.ts

@@ -0,0 +1,47 @@
+import type { ReactNode } from 'react';
+import type { Tone } from '../../theme/systemProps';
+export type OrcestrActionTone = Extract<Tone, 'danger' | 'info' | 'neutral' | 'success' | 'warning'>;
+export type OrcestrActionConfirmation = {
+    title?: ReactNode;
+    message?: ReactNode;
+    confirmLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    tone?: OrcestrActionTone;
+};
+export type OrcestrActionItem<TContext = void> = {
+    key: string;
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    info?: ReactNode;
+    shortcut?: ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+    tone?: OrcestrActionTone;
+    confirm?: OrcestrActionConfirmation;
+    separatorBefore?: boolean;
+    children?: ReadonlyArray<OrcestrActionItem<TContext>>;
+    onSelect?: TContext extends void ? () => void : (context: TContext) => void;
+};
+export type OrcestrNormalizedActionItem<TContext = void> = {
+    key: string;
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    info?: ReactNode;
+    shortcut?: ReactNode;
+    disabled: boolean;
+    loading: boolean;
+    tone?: OrcestrActionTone;
+    confirm?: OrcestrActionConfirmation;
+    separatorBefore?: boolean;
+    searchText: string;
+    source: OrcestrActionItem<TContext>;
+    children?: ReadonlyArray<OrcestrNormalizedActionItem<TContext>>;
+};
+export declare function actionItemText(label: ReactNode): string;
+export declare function isActionItemDisabled<TContext>(item: OrcestrActionItem<TContext>): boolean;
+export declare function actionItemSearchText<TContext>(item: OrcestrActionItem<TContext>): string;
+export declare function normalizeActionItem<TContext>(item: OrcestrActionItem<TContext>): OrcestrNormalizedActionItem<TContext>;
+export declare function normalizeActionItems<TContext>(items: ReadonlyArray<OrcestrActionItem<TContext>>): OrcestrNormalizedActionItem<TContext>[];
+//# sourceMappingURL=ActionTypes.d.ts.map

package/dist/components/Action/ActionTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Action/ActionTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,IAAI,EACJ,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CACxD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,QAAQ,GAAG,IAAI,IAAI;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,QAAQ,SAAS,IAAI,GAAG,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/E,CAAC;AAEF,MAAM,MAAM,2BAA2B,CAAC,QAAQ,GAAG,IAAI,IAAI;IACvD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAUvD;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,IAAI,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GAAG,OAAO,CAEzF;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,IAAI,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GAAG,MAAM,CASxF;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EACxC,IAAI,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GAClC,2BAA2B,CAAC,QAAQ,CAAC,CAiBvC;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EACzC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,GAClD,2BAA2B,CAAC,QAAQ,CAAC,EAAE,CAEzC"}

package/dist/components/Action/ActionTypes.js

@@ -0,0 +1,49 @@
+export function actionItemText(label) {
+    if (label === null || label === undefined || label === false)
+        return '';
+    if (typeof label === 'string')
+        return label;
+    if (typeof label === 'number')
+        return String(label);
+    if (Array.isArray(label))
+        return label.map(actionItemText).join('');
+    if (typeof label === 'object' && 'props' in label) {
+        const props = label.props;
+        return actionItemText(props.children);
+    }
+    return '';
+}
+export function isActionItemDisabled(item) {
+    return Boolean(item.disabled || item.loading);
+}
+export function actionItemSearchText(item) {
+    return [
+        actionItemText(item.label),
+        actionItemText(item.description),
+        actionItemText(item.shortcut),
+    ]
+        .filter(Boolean)
+        .join(' ')
+        .trim();
+}
+export function normalizeActionItem(item) {
+    return {
+        key: item.key,
+        label: item.label,
+        description: item.description,
+        icon: item.icon,
+        info: item.info,
+        shortcut: item.shortcut,
+        disabled: isActionItemDisabled(item),
+        loading: Boolean(item.loading),
+        tone: item.tone,
+        confirm: item.confirm,
+        separatorBefore: item.separatorBefore,
+        searchText: actionItemSearchText(item),
+        source: item,
+        children: item.children?.map(normalizeActionItem),
+    };
+}
+export function normalizeActionItems(items) {
+    return items.map(normalizeActionItem);
+}

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,3 @@
+export { Menu as ActionMenu, type MenuItem as ActionMenuItem } from '../Menu/Menu';
+export type { OrcestrActionItem } from '../Action/ActionTypes';
+//# sourceMappingURL=ActionMenu.d.ts.map

package/dist/components/ActionMenu/ActionMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,IAAI,UAAU,EAAE,KAAK,QAAQ,IAAI,cAAc,EAAC,MAAM,cAAc,CAAC;AACjF,YAAY,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC"}

package/dist/components/ActionMenu/ActionMenu.js

@@ -0,0 +1 @@
+export { Menu as ActionMenu } from '../Menu/Menu';

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { Tone } from '../../theme/systemProps';
+export type AlertProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+    tone?: Exclude<Tone, 'brand'>;
+    title?: ReactNode;
+    icon?: ReactNode;
+    action?: ReactNode;
+    testId?: string;
+};
+export declare function Alert({ tone, title, icon, action, className, children, testId, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAIlD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAClB,IAAa,EACb,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,UAAU,2CAiBZ"}

package/dist/components/Alert/Alert.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+import { stateIcon } from '../State/stateIcon';
+export function Alert({ tone = 'info', title, icon, action, className, children, testId, ...props }) {
+    return (_jsxs("div", { className: cn('oui-alert', className), "data-tone": tone, "data-testid": testId, role: tone === 'danger' ? 'alert' : 'status', ...props, children: [_jsx("span", { className: 'oui-alert-icon', children: icon ?? stateIcon(tone) }), _jsxs("span", { className: 'oui-alert-main', children: [title ? _jsx("strong", { children: title }) : null, children ? _jsx("span", { children: children }) : null] }), action ? _jsx("span", { className: 'oui-alert-action', children: action }) : null] }));
+}

package/dist/components/AppShell/AppShell.d.ts

@@ -0,0 +1,102 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type SystemProps } from '../../theme/systemProps';
+export type AppShellNavItem = {
+    key: string;
+    label: ReactNode;
+    caption?: ReactNode;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    href?: string;
+    onSelect?: () => void;
+};
+export type AppShellProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
+    sidebar: ReactNode;
+    header?: ReactNode;
+    sidebarOpen?: boolean;
+    onSidebarOpenChange?: (open: boolean) => void;
+    sidebarWidth?: number | string;
+    maxWidth?: number | string;
+    contentInset?: number | string;
+    testId?: string;
+};
+export declare const AppShell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    sidebar: ReactNode;
+    header?: ReactNode;
+    sidebarOpen?: boolean;
+    onSidebarOpenChange?: (open: boolean) => void;
+    sidebarWidth?: number | string;
+    maxWidth?: number | string;
+    contentInset?: number | string;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export type AppShellHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'title'> & SystemProps & {
+    title?: ReactNode;
+    actions?: ReactNode;
+    sidebarOpen?: boolean;
+    onSidebarOpenChange?: (open: boolean) => void;
+    navigationLabel?: string;
+    visibility?: 'always' | 'mobile';
+    testId?: string;
+};
+export declare const AppShellHeader: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & SystemProps & {
+    title?: ReactNode;
+    actions?: ReactNode;
+    sidebarOpen?: boolean;
+    onSidebarOpenChange?: (open: boolean) => void;
+    navigationLabel?: string;
+    visibility?: "always" | "mobile";
+    testId?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+export type AppShellSidebarProps = Omit<ComponentPropsWithoutRef<'aside'>, 'title'> & SystemProps & {
+    title?: ReactNode;
+    description?: ReactNode;
+    footer?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+    testId?: string;
+};
+export declare const AppShellSidebar: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & SystemProps & {
+    title?: ReactNode;
+    description?: ReactNode;
+    footer?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+    testId?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+export type AppShellContentProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
+    scroll?: boolean;
+    testId?: string;
+};
+export declare const AppShellContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    scroll?: boolean;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export type AppShellNavProps = ComponentPropsWithoutRef<'nav'> & SystemProps & {
+    items: AppShellNavItem[];
+    onNavigate?: (item: AppShellNavItem) => void;
+    label?: string;
+    testId?: string;
+};
+export declare const AppShellNav: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & SystemProps & {
+    items: AppShellNavItem[];
+    onNavigate?: (item: AppShellNavItem) => void;
+    label?: string;
+    testId?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+export type PageTitleBlockProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
+    title: ReactNode;
+    caption?: ReactNode;
+    action?: ReactNode;
+    badge?: ReactNode;
+    testId?: string;
+};
+export declare const PageTitleBlock: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    title: ReactNode;
+    caption?: ReactNode;
+    action?: ReactNode;
+    badge?: ReactNode;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/components/AppShell/AppShell.d.ts.map

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