@orcestr/ui 0.1.0 → 0.2.0

package/README.md

@@ -45,12 +45,12 @@ npm install ../../orcestr-ui
 Import the runtime styles once near the application root and wrap the app with `OrcestrUiProvider`.
 
 ```tsx
-import {Button, OrcestrUiProvider} from '@orcestr/ui';
+import { Button, OrcestrUiProvider } from '@orcestr/ui';
 import '@orcestr/ui/styles.css';
 
 export function App() {
     return (
-        <OrcestrUiProvider locale='en' defaultMode='dark'>
+        <OrcestrUiProvider locale="en" defaultMode="dark">
             <Button>Save</Button>
         </OrcestrUiProvider>
     );
@@ -60,13 +60,13 @@ export function App() {
 The React Query adapter is optional and kept outside the main entrypoint:
 
 ```ts
-import {usePaginatedComboboxQueryLoader} from '@orcestr/ui/react-query';
+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 { UiExamplePage } from '@orcestr/ui/example/UiExamplePage';
 import '@orcestr/ui/example/styles.css';
 ```
 
@@ -95,13 +95,13 @@ The design direction is quiet and functional:
 
 ## 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. |
+| 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
 

package/README.ru.md

@@ -45,12 +45,12 @@ npm install ../../orcestr-ui
 Подключи runtime styles один раз рядом с корнем приложения и оберни приложение в `OrcestrUiProvider`.
 
 ```tsx
-import {Button, OrcestrUiProvider} from '@orcestr/ui';
+import { Button, OrcestrUiProvider } from '@orcestr/ui';
 import '@orcestr/ui/styles.css';
 
 export function App() {
     return (
-        <OrcestrUiProvider locale='ru' defaultMode='dark'>
+        <OrcestrUiProvider locale="ru" defaultMode="dark">
             <Button>Сохранить</Button>
         </OrcestrUiProvider>
     );
@@ -60,13 +60,13 @@ export function App() {
 React Query adapter опциональный и вынесен из основного entrypoint:
 
 ```ts
-import {usePaginatedComboboxQueryLoader} from '@orcestr/ui/react-query';
+import { usePaginatedComboboxQueryLoader } from '@orcestr/ui/react-query';
 ```
 
 Example page опубликована отдельным entrypoint, со своими demo styles:
 
 ```tsx
-import {UiExamplePage} from '@orcestr/ui/example/UiExamplePage';
+import { UiExamplePage } from '@orcestr/ui/example/UiExamplePage';
 import '@orcestr/ui/example/styles.css';
 ```
 
@@ -95,13 +95,13 @@ Orcestr UI рассчитан на операционный софт: dashboards
 
 ## 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. |
+| 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. |
+| `@orcestr/ui/example/styles.css`    | Styles только для example page.                              |
 
 ## Скрипты
 

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

@@ -1 +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"}
+{"version":3,"file":"ActionConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/Action/ActionConfirmModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,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/ActionTypes.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Tone } from '../../theme/systemProps';
-export type OrcestrActionTone = Extract<Tone, 'danger' | 'info' | 'neutral' | 'success' | 'warning'>;
+export type OrcestrActionTone = Tone;
 export type OrcestrActionConfirmation = {
     title?: ReactNode;
     message?: ReactNode;

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

@@ -1 +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"}
+{"version":3,"file":"ActionTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Action/ActionTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAErC,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/ActionMenu/ActionMenu.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,KAAK,QAAQ,IAAI,cAAc,EAAE,MAAM,cAAc,CAAC;AACnF,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -1 +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,EAGH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAClE,WAAW,GAAG;IACd,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;IAC7D,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,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,CAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,UAAU,2CAsBZ"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAGH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAClE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;IAC7D,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,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;AAEN,wBAAgB,KAAK,CAAC,EAClB,IAAa,EACb,CAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,UAAU,2CAsBZ"}

package/dist/components/Alert/Alert.js

@@ -6,5 +6,5 @@ import { stateIcon } from '../State/stateIcon';
 export function Alert({ tone = 'info', v = 'soft', title, icon, action, className, style, children, testId, ...props }) {
     const { systemStyle, restProps } = splitSystemProps(props);
     const actualTone = normalizeTone(tone, 'info');
-    return (_jsxs("div", { className: cn('oui-alert', className), "data-tone": actualTone, "data-variant": v, "data-testid": testId, role: actualTone === 'danger' ? 'alert' : 'status', style: { ...systemStyle, ...style }, ...restProps, children: [_jsx("span", { className: 'oui-alert-icon', children: icon ?? stateIcon(actualTone) }), _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] }));
+    return (_jsxs("div", { className: cn('oui-alert', className), "data-tone": actualTone, "data-variant": v, "data-testid": testId, role: actualTone === 'danger' ? 'alert' : 'status', style: { ...systemStyle, ...style }, ...restProps, children: [_jsx("span", { className: "oui-alert-icon", children: icon ?? stateIcon(actualTone) }), _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

@@ -11,13 +11,18 @@ export type AppShellNavItem = {
     href?: string;
     onSelect?: () => void;
 };
+export type AppShellSide = 'left' | 'right';
 export type AppShellProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
     sidebar: ReactNode;
     header?: ReactNode;
     sidebarMode?: 'auto' | 'desktop' | 'mobile';
+    sidebarSide?: AppShellSide;
     sidebarOpen?: boolean;
+    desktopSidebarOpen?: boolean;
     onSidebarOpenChange?: (open: boolean) => void;
     sidebarWidth?: number | string;
+    headerHeight?: number | string;
+    mobileBreakpoint?: number;
     maxWidth?: number | string;
     contentInset?: number | string;
     testId?: string;
@@ -26,9 +31,13 @@ export declare const AppShell: import("react").ForwardRefExoticComponent<Omit<im
     sidebar: ReactNode;
     header?: ReactNode;
     sidebarMode?: "auto" | "desktop" | "mobile";
+    sidebarSide?: AppShellSide;
     sidebarOpen?: boolean;
+    desktopSidebarOpen?: boolean;
     onSidebarOpenChange?: (open: boolean) => void;
     sidebarWidth?: number | string;
+    headerHeight?: number | string;
+    mobileBreakpoint?: number;
     maxWidth?: number | string;
     contentInset?: number | string;
     testId?: string;
@@ -39,6 +48,7 @@ export type AppShellHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'titl
     sidebarOpen?: boolean;
     onSidebarOpenChange?: (open: boolean) => void;
     navigationLabel?: string;
+    navigationVisibility?: 'always' | 'mobile';
     visibility?: 'always' | 'mobile';
     testId?: string;
 };
@@ -48,6 +58,7 @@ export declare const AppShellHeader: import("react").ForwardRefExoticComponent<O
     sidebarOpen?: boolean;
     onSidebarOpenChange?: (open: boolean) => void;
     navigationLabel?: string;
+    navigationVisibility?: "always" | "mobile";
     visibility?: "always" | "mobile";
     testId?: string;
 } & import("react").RefAttributes<HTMLElement>>;

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

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

package/dist/components/AppShell/AppShell.js

@@ -11,12 +11,14 @@ import { IconButton } from '../IconButton/IconButton';
 import { ScrollArea } from '../ScrollArea/ScrollArea';
 import { Separator } from '../Separator/Separator';
 import { Text } from '../Text/Text';
-export const AppShell = forwardRef(function AppShell({ className, style, sidebar, header, sidebarMode = 'auto', sidebarOpen = false, onSidebarOpenChange, sidebarWidth = 260, maxWidth = 1440, contentInset = 28, children, testId, ...props }, ref) {
+export const AppShell = forwardRef(function AppShell({ className, style, sidebar, header, sidebarMode = 'auto', sidebarSide = 'left', sidebarOpen = false, desktopSidebarOpen = true, onSidebarOpenChange, sidebarWidth = 260, headerHeight = 56, mobileBreakpoint = 860, maxWidth = 1440, contentInset = 28, children, testId, ...props }, ref) {
     const [autoDrawerMode, setAutoDrawerMode] = useState(false);
+    const [drawerPortalContainer, setDrawerPortalContainer] = useState(null);
     const { systemStyle, restProps } = splitSystemProps(props);
     const drawerMode = sidebarMode === 'auto' ? autoDrawerMode : sidebarMode === 'mobile';
     const shellStyle = {
         '--oui-app-shell-sidebar-width': shellSizeValue(sidebarWidth),
+        '--oui-app-shell-header-h': shellSizeValue(headerHeight),
         '--oui-app-shell-max-width': shellSizeValue(maxWidth),
         '--oui-app-shell-inset': shellSizeValue(contentInset),
         ...systemStyle,
@@ -25,25 +27,24 @@ export const AppShell = forwardRef(function AppShell({ className, style, sidebar
     useEffect(() => {
         if (sidebarMode !== 'auto')
             return;
-        const media = window.matchMedia('(max-width: 860px)');
+        const media = window.matchMedia(`(max-width: ${mobileBreakpoint}px)`);
         const update = () => setAutoDrawerMode(media.matches);
         update();
         media.addEventListener('change', update);
         return () => media.removeEventListener('change', update);
-    }, [sidebarMode]);
-    return (_jsxs("div", { ref: ref, className: cn('oui-app-shell', className), "data-sidebar-open": sidebarOpen ? 'true' : 'false', "data-testid": testId, style: shellStyle, ...restProps, children: [header, _jsxs("div", { className: 'oui-app-shell-frame', children: [!drawerMode ? (_jsx("div", { className: 'oui-app-shell-sidebar-desktop', children: sidebar })) : null, drawerMode ? (_jsx(Drawer, { open: sidebarOpen, onOpenChange: (nextOpen) => onSidebarOpenChange?.(nextOpen), side: 'left', size: sidebarWidth, showCloseButton: false, backdropClassName: 'oui-app-shell-sidebar-drawer-overlay', panelClassName: 'oui-app-shell-sidebar-drawer-panel', bodyClassName: 'oui-app-shell-sidebar-drawer-body', testId: testId ? `${testId}-sidebar-drawer` : undefined, children: sidebar })) : null, _jsx("main", { className: 'oui-app-shell-main', children: children })] })] }));
+    }, [mobileBreakpoint, sidebarMode]);
+    return (_jsxs("div", { ref: ref, className: cn('oui-app-shell', className), "data-sidebar-open": sidebarOpen ? 'true' : 'false', "data-desktop-sidebar-open": desktopSidebarOpen ? 'true' : 'false', "data-sidebar-side": sidebarSide, "data-sidebar-mode": drawerMode ? 'mobile' : 'desktop', "data-has-header": header ? 'true' : undefined, "data-testid": testId, style: shellStyle, ...restProps, children: [_jsxs("div", { className: "oui-app-shell-frame", children: [!drawerMode ? (_jsx("div", { className: "oui-app-shell-sidebar-desktop", children: sidebar })) : null, drawerMode && drawerPortalContainer ? (_jsx(Drawer, { open: sidebarOpen, onOpenChange: (nextOpen) => onSidebarOpenChange?.(nextOpen), side: sidebarSide, size: sidebarWidth, lockScroll: false, portalContainer: drawerPortalContainer, showCloseButton: false, backdropClassName: "oui-app-shell-sidebar-drawer-overlay", panelClassName: "oui-app-shell-sidebar-drawer-panel", bodyClassName: "oui-app-shell-sidebar-drawer-body", testId: testId ? `${testId}-sidebar-drawer` : undefined, children: sidebar })) : null, _jsxs("main", { className: "oui-app-shell-main", children: [header, children] })] }), drawerMode ? (_jsx("div", { ref: setDrawerPortalContainer, className: "oui-app-shell-drawer-root" })) : null] }));
 });
-export const AppShellHeader = forwardRef(function AppShellHeader({ className, style, title, actions, sidebarOpen = false, onSidebarOpenChange, navigationLabel, visibility = 'always', children, testId, ...props }, ref) {
+export const AppShellHeader = forwardRef(function AppShellHeader({ className, style, title, actions, sidebarOpen = false, onSidebarOpenChange, navigationLabel, navigationVisibility = 'always', visibility = 'always', children, testId, ...props }, ref) {
     const { copy } = useOrcestrUiLocale();
-    const actualNavigationLabel = navigationLabel ??
-        (sidebarOpen ? copy.common.closeNavigation : copy.common.openNavigation);
+    const actualNavigationLabel = navigationLabel ?? (sidebarOpen ? copy.common.closeNavigation : copy.common.openNavigation);
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsxs("header", { ref: ref, className: cn('oui-app-shell-header', className), "data-visibility": visibility, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [onSidebarOpenChange ? (_jsx(IconButton, { v: 'pad', icon: sidebarOpen ? _jsx(LuX, { size: 19 }) : _jsx(LuMenu, { size: 19 }), "aria-label": actualNavigationLabel, "aria-expanded": sidebarOpen, onClick: () => onSidebarOpenChange(!sidebarOpen) })) : null, title ? _jsx("div", { className: 'oui-app-shell-header-title', children: title }) : null, children, actions ? _jsx("div", { className: 'oui-app-shell-header-actions', children: actions }) : null] }));
+    return (_jsxs("header", { ref: ref, className: cn('oui-app-shell-header', className), "data-visibility": visibility, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [onSidebarOpenChange ? (_jsx(IconButton, { className: "oui-app-shell-header-nav-button", v: "pad", icon: sidebarOpen ? _jsx(LuX, { size: 19 }) : _jsx(LuMenu, { size: 19 }), "aria-label": actualNavigationLabel, "aria-expanded": sidebarOpen, "data-navigation-visibility": navigationVisibility, onClick: () => onSidebarOpenChange(!sidebarOpen) })) : null, title ? _jsx("div", { className: "oui-app-shell-header-title", children: title }) : null, children, actions ? _jsx("div", { className: "oui-app-shell-header-actions", children: actions }) : null] }));
 });
 export const AppShellSidebar = forwardRef(function AppShellSidebar({ className, style, title, description, footer, onClose, closeLabel, children, testId, ...props }, ref) {
     const { copy } = useOrcestrUiLocale();
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsxs("aside", { ref: ref, className: cn('oui-app-shell-sidebar', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [title || description || onClose ? (_jsxs("div", { className: 'oui-app-shell-sidebar-head', children: [_jsxs("div", { className: 'oui-app-shell-sidebar-head-main', children: [title ? (_jsx("div", { className: 'oui-app-shell-sidebar-title', children: title })) : null, description ? (_jsx(Text, { className: 'oui-app-shell-sidebar-description', color: 'var(--oui-muted)', fs: '13px', lh: 1.45, children: description })) : null] }), onClose ? (_jsx(IconButton, { className: 'oui-app-shell-sidebar-close', v: 'ghost', icon: _jsx(LuX, { size: 18 }), "aria-label": closeLabel ?? copy.common.closeNavigation, onClick: onClose })) : null] })) : null, (title || description) && children ? (_jsx(Separator, { className: 'oui-app-shell-sidebar-separator' })) : null, _jsx(ScrollArea, { className: 'oui-app-shell-sidebar-scroll', highlights: true, highlightH: 52, highlightColor: 'var(--oui-app-shell-sidebar-highlight-bg)', highlightTop: {
+    return (_jsxs("aside", { ref: ref, className: cn('oui-app-shell-sidebar', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [title || description || onClose ? (_jsxs("div", { className: "oui-app-shell-sidebar-head", children: [_jsxs("div", { className: "oui-app-shell-sidebar-head-main", children: [title ? (_jsx("div", { className: "oui-app-shell-sidebar-title", children: title })) : null, description ? (_jsx(Text, { className: "oui-app-shell-sidebar-description", color: "var(--oui-muted)", fs: "13px", lh: 1.45, children: description })) : null] }), onClose ? (_jsx(IconButton, { className: "oui-app-shell-sidebar-close", v: "ghost", icon: _jsx(LuX, { size: 18 }), "aria-label": closeLabel ?? copy.common.closeNavigation, onClick: onClose })) : null] })) : null, (title || description) && children ? (_jsx(Separator, { className: "oui-app-shell-sidebar-separator" })) : null, _jsx(ScrollArea, { className: "oui-app-shell-sidebar-scroll", highlights: true, highlightH: 52, highlightColor: "var(--oui-app-shell-sidebar-highlight-bg)", highlightTop: {
                     start: 50,
                     fadeDistance: 200,
                     maxOpacity: 0.92,
@@ -51,14 +52,14 @@ export const AppShellSidebar = forwardRef(function AppShellSidebar({ className,
                     start: 16,
                     fadeDistance: 140,
                     maxOpacity: 0.92,
-                }, children: _jsx("div", { className: 'oui-app-shell-sidebar-body', children: children }) }), footer ? _jsx("div", { className: 'oui-app-shell-sidebar-footer', children: footer }) : null] }));
+                }, children: _jsx("div", { className: "oui-app-shell-sidebar-body", children: children }) }), footer ? _jsx("div", { className: "oui-app-shell-sidebar-footer", children: footer }) : null] }));
 });
 export const AppShellContent = forwardRef(function AppShellContent({ className, style, scroll = true, children, testId, ...props }, ref) {
     const { systemStyle, restProps } = splitSystemProps(props);
     const content = (_jsx("div", { ref: ref, className: cn('oui-app-shell-content', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: children }));
     if (!scroll)
         return content;
-    return (_jsx(ScrollArea, { className: 'oui-app-shell-content-scroll', highlights: true, highlightH: 52, highlightColor: 'var(--oui-bg)', highlightTop: {
+    return (_jsx(ScrollArea, { className: "oui-app-shell-content-scroll", highlights: true, highlightH: 52, highlightColor: "var(--oui-bg)", highlightTop: {
             start: 50,
             fadeDistance: 200,
             maxOpacity: 0.94,
@@ -75,10 +76,10 @@ export const AppShellNav = forwardRef(function AppShellNav({ className, style, i
 });
 export const PageTitleBlock = forwardRef(function PageTitleBlock({ className, style, title, caption, action, badge, testId, ...props }, ref) {
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsxs("div", { ref: ref, className: cn('oui-page-title-block', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [_jsxs("div", { className: 'oui-page-title-main', children: [_jsxs("div", { className: 'oui-page-title-row', children: [_jsx("h1", { className: 'oui-page-title', children: title }), badge ? _jsx(Badge, { tone: 'primary', children: badge }) : null] }), caption ? _jsx("p", { className: 'oui-page-title-caption', children: caption }) : null] }), action ? _jsx("div", { className: 'oui-page-title-actions', children: action }) : null] }));
+    return (_jsxs("div", { ref: ref, className: cn('oui-page-title-block', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [_jsxs("div", { className: "oui-page-title-main", children: [_jsxs("div", { className: "oui-page-title-row", children: [_jsx("h1", { className: "oui-page-title", children: title }), badge ? _jsx(Badge, { tone: "primary", children: badge }) : null] }), caption ? _jsx("p", { className: "oui-page-title-caption", children: caption }) : null] }), action ? _jsx("div", { className: "oui-page-title-actions", children: action }) : null] }));
 });
 function AppShellNavButton({ item, onNavigate, testId, }) {
-    const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { className: 'oui-app-shell-nav-icon', children: item.icon }) : null, _jsxs("span", { className: 'oui-app-shell-nav-text', children: [_jsx("span", { className: 'oui-app-shell-nav-label', children: item.label }), item.caption ? (_jsx("span", { className: 'oui-app-shell-nav-caption', children: item.caption })) : null] }), item.badge ? _jsx("span", { className: 'oui-app-shell-nav-badge', children: item.badge }) : null] }));
+    const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { className: "oui-app-shell-nav-icon", children: item.icon }) : null, _jsxs("span", { className: "oui-app-shell-nav-text", children: [_jsx("span", { className: "oui-app-shell-nav-label", children: item.label }), item.caption ? (_jsx("span", { className: "oui-app-shell-nav-caption", children: item.caption })) : null] }), item.badge ? _jsx("span", { className: "oui-app-shell-nav-badge", children: item.badge }) : null] }));
     const commonProps = {
         className: 'oui-app-shell-nav-item',
         'data-active': item.active ? 'true' : undefined,
@@ -92,7 +93,7 @@ function AppShellNavButton({ item, onNavigate, testId, }) {
     if (item.href && !item.disabled) {
         return (_jsx("a", { href: item.href, ...commonProps, children: content }));
     }
-    return (_jsx("button", { type: 'button', disabled: item.disabled, ...commonProps, children: content }));
+    return (_jsx("button", { type: "button", disabled: item.disabled, ...commonProps, children: content }));
 }
 function shellSizeValue(value) {
     return typeof value === 'number' ? `${value}px` : value;

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/AppSidebar/AppSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,wBAAwB,EAE7B,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAK3E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAC1E,WAAW,GAAG;IACV,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,UAAU;aATN,SAAS;YACV,SAAS,eAAe,EAAE;aACzB,SAAS;WACX,cAAc;YACb,MAAM;iBACD,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI;aAClC,MAAM;+CA6FrB,CAAC"}
+{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/AppSidebar/AppSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,wBAAwB,EAE7B,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAK7E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAC1E,WAAW,GAAG;IACV,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,UAAU;aATN,SAAS;YACV,SAAS,eAAe,EAAE;aACzB,SAAS;WACX,cAAc;YACb,MAAM;iBACD,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI;aAClC,MAAM;+CAkJrB,CAAC"}

package/dist/components/AppSidebar/AppSidebar.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useLayoutEffect, useRef, } from 'react';
+import { forwardRef, useCallback, useLayoutEffect, useRef, } from 'react';
 import { splitSystemProps } from '../../theme/systemProps';
 import { cn } from '../../utils/cn';
 import { ScrollArea } from '../ScrollArea/ScrollArea';
@@ -8,34 +8,103 @@ import { Separator } from '../Separator/Separator';
 export const AppSidebar = forwardRef(function AppSidebar({ className, style, header, groups, footer, side = 'left', itemH = 40, onNavigate, testId, ...props }, ref) {
     const contentRef = useRef(null);
     const indicatorRef = useRef(null);
-    const activeKey = groups
-        .flatMap((group) => group.items)
-        .find((item) => item.active)?.key;
+    const indicatorPlacedRef = useRef(false);
+    const activeKey = appSidebarActiveKey(groups);
     const { systemStyle, restProps } = splitSystemProps(props);
     const sidebarStyle = {
         '--oui-app-sidebar-item-h': `${itemH}px`,
         ...systemStyle,
         ...style,
     };
-    useLayoutEffect(() => {
+    const updateActiveIndicator = useCallback((animate = true) => {
         const root = contentRef.current;
         const indicator = indicatorRef.current;
         const activeItem = root?.querySelector('[data-sidebar-active="true"]');
         if (!root || !indicator || !activeItem) {
             if (indicator)
-                indicator.style.opacity = '0';
+                indicator.dataset.ready = 'false';
+            return;
+        }
+        const itemHeight = activeItem.offsetHeight;
+        if (itemHeight <= 0) {
+            indicator.dataset.ready = 'false';
+            return;
+        }
+        const skipTransition = !indicatorPlacedRef.current || !animate;
+        if (skipTransition) {
+            indicator.dataset.ready = 'false';
+        }
+        indicator.style.height = `${itemHeight}px`;
+        indicator.style.transform = `translateY(${sidebarItemOffsetTop(root, activeItem)}px)`;
+        if (skipTransition) {
+            indicatorPlacedRef.current = true;
+            indicator.getBoundingClientRect();
+            requestAnimationFrame(() => {
+                indicator.dataset.ready = 'true';
+            });
+        }
+        else {
+            indicator.dataset.ready = 'true';
+        }
+    }, []);
+    useLayoutEffect(() => {
+        const root = contentRef.current;
+        const indicator = indicatorRef.current;
+        if (!root || !indicator) {
+            if (indicator)
+                indicator.dataset.ready = 'false';
             return;
         }
-        const rootRect = root.getBoundingClientRect();
-        const itemRect = activeItem.getBoundingClientRect();
-        indicator.style.height = `${itemRect.height}px`;
-        indicator.style.transform = `translateY(${itemRect.top - rootRect.top}px)`;
-        indicator.style.opacity = '1';
-    }, [activeKey, groups]);
-    return (_jsxs("aside", { ref: ref, className: cn('oui-app-sidebar', className), "data-side": side, "data-testid": testId, style: sidebarStyle, ...restProps, children: [header ? _jsx("div", { className: 'oui-app-sidebar-head', children: header }) : null, _jsx(ScrollArea, { type: 'auto', scrollbars: 'vertical', className: 'oui-app-sidebar-scroll', children: _jsxs("div", { ref: contentRef, className: 'oui-app-sidebar-content', children: [_jsx("div", { ref: indicatorRef, className: 'oui-app-sidebar-indicator' }), _jsx("div", { className: 'oui-app-sidebar-groups', children: groups.map((group, index) => (_jsxs("div", { className: 'oui-app-sidebar-group', children: [index > 0 ? (_jsx(Separator, { className: 'oui-app-sidebar-separator' })) : null, _jsx("nav", { className: 'oui-app-sidebar-nav', children: group.items.map((item) => (_jsx(AppSidebarNavItem, { item: item, onNavigate: onNavigate }, item.key))) })] }, group.key))) })] }) }), footer ? (_jsxs(_Fragment, { children: [_jsx(Separator, { className: 'oui-app-sidebar-footer-separator' }), _jsx("div", { className: 'oui-app-sidebar-footer', children: footer })] })) : null] }));
+        if (!indicatorPlacedRef.current) {
+            updateActiveIndicator(false);
+        }
+        let frame = 0;
+        let nextFrame = 0;
+        const scheduleUpdate = () => {
+            cancelAnimationFrame(frame);
+            cancelAnimationFrame(nextFrame);
+            frame = requestAnimationFrame(() => {
+                nextFrame = requestAnimationFrame(() => updateActiveIndicator());
+            });
+        };
+        scheduleUpdate();
+        let resizeObserver = null;
+        if (typeof ResizeObserver !== 'undefined') {
+            resizeObserver = new ResizeObserver(scheduleUpdate);
+            resizeObserver.observe(root);
+            const activeItem = root.querySelector('[data-sidebar-active="true"]');
+            if (activeItem)
+                resizeObserver.observe(activeItem);
+        }
+        window.addEventListener('resize', scheduleUpdate);
+        return () => {
+            cancelAnimationFrame(frame);
+            cancelAnimationFrame(nextFrame);
+            resizeObserver?.disconnect();
+            window.removeEventListener('resize', scheduleUpdate);
+        };
+    }, [activeKey, updateActiveIndicator]);
+    return (_jsxs("aside", { ref: ref, className: cn('oui-app-sidebar', className), "data-side": side, "data-testid": testId, style: sidebarStyle, ...restProps, children: [header ? _jsx("div", { className: "oui-app-sidebar-head", children: header }) : null, _jsx(ScrollArea, { type: "auto", scrollbars: "vertical", className: "oui-app-sidebar-scroll", children: _jsxs("div", { ref: contentRef, className: "oui-app-sidebar-content", children: [_jsx("div", { ref: indicatorRef, className: "oui-app-sidebar-indicator" }), _jsx("div", { className: "oui-app-sidebar-groups", children: groups.map((group, index) => (_jsxs("div", { className: "oui-app-sidebar-group", children: [index > 0 ? (_jsx(Separator, { className: "oui-app-sidebar-separator" })) : null, _jsx("nav", { className: "oui-app-sidebar-nav", children: group.items.map((item) => (_jsx(AppSidebarNavItem, { item: item, onNavigate: onNavigate }, item.key))) })] }, group.key))) })] }) }), footer ? (_jsxs(_Fragment, { children: [_jsx(Separator, { className: "oui-app-sidebar-footer-separator" }), _jsx("div", { className: "oui-app-sidebar-footer", children: footer })] })) : null] }));
 });
+function sidebarItemOffsetTop(root, item) {
+    let top = 0;
+    let node = item;
+    while (node && node !== root) {
+        top += node.offsetTop;
+        node = node.offsetParent;
+    }
+    return node === root ? top : item.offsetTop;
+}
+function appSidebarActiveKey(groups) {
+    for (const group of groups) {
+        const activeItem = group.items.find((item) => item.active);
+        if (activeItem)
+            return activeItem.key;
+    }
+    return '';
+}
 function AppSidebarNavItem({ item, onNavigate, }) {
-    const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { className: 'oui-app-sidebar-item-icon', children: item.icon }) : null, _jsx("span", { className: 'oui-app-sidebar-item-label', children: item.label })] }));
+    const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { className: "oui-app-sidebar-item-icon", children: item.icon }) : null, _jsx("span", { className: "oui-app-sidebar-item-label", children: item.label })] }));
     const commonProps = {
         className: 'oui-app-sidebar-item',
         'data-sidebar-active': item.active ? 'true' : undefined,
@@ -49,5 +118,5 @@ function AppSidebarNavItem({ item, onNavigate, }) {
         const LinkComponent = item.component ?? 'a';
         return (_jsx(LinkComponent, { href: item.href, ...commonProps, children: content }));
     }
-    return (_jsx("button", { type: 'button', disabled: item.disabled, ...commonProps, children: content }));
+    return (_jsx("button", { type: "button", disabled: item.disabled, ...commonProps, children: content }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhF,OAAO,EAEH,KAAK,WAAW,EAEhB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACrD,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,KAAK;WAPH,SAAS;WACT,MAAM;QACT,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS;WACrC,SAAS;aACP,MAAM;mDAiCrB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlF,OAAO,EAEH,KAAK,WAAW,EAEhB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACrD,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,KAAK;WAPH,SAAS;WACT,MAAM;QACT,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS;WACrC,SAAS;aACP,MAAM;mDAuBrB,CAAC"}

package/dist/components/Badge/Badge.js

@@ -4,5 +4,5 @@ import { cn } from '../../utils/cn';
 import { splitSystemProps, normalizeTone, } from '../../theme/systemProps';
 export const Badge = forwardRef(function Badge({ className, style, tone = 'neutral', size = 2, v = 'soft', icon, testId, children, ...props }, ref) {
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsxs("span", { ref: ref, className: cn('oui-badge', className), "data-tone": normalizeTone(tone), "data-size": size, "data-variant": v, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [icon ? _jsx("span", { className: 'oui-badge-icon', children: icon }) : null, children] }));
+    return (_jsxs("span", { ref: ref, className: cn('oui-badge', className), "data-tone": normalizeTone(tone), "data-size": size, "data-variant": v, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [icon ? _jsx("span", { className: "oui-badge-icon", children: icon }) : null, children] }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeSelectMenu.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeSelectMenu/BadgeSelectMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAGxG,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACrD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,GAAG;IACxE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACvD,KAAK,EACL,KAAK,EACL,aAAa,EACb,IAAgB,EAChB,KAAW,EACX,SAAe,EACf,QAAgB,EAChB,IAAI,EACJ,UAAU,EACV,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACX,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA4FzB"}
+{"version":3,"file":"BadgeSelectMenu.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeSelectMenu/BadgeSelectMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9E,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACrD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,GAAG;IACxE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACvD,KAAK,EACL,KAAK,EACL,aAAa,EACb,IAAgB,EAChB,KAAW,EACX,SAAe,EACf,QAAgB,EAChB,IAAI,EACJ,UAAU,EACV,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACX,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA4FzB"}

package/dist/components/BadgeSelectMenu/BadgeSelectMenu.js

@@ -4,7 +4,7 @@ import { useMemo, useState } from 'react';
 import { LuCheck } from 'react-icons/lu';
 import { Badge } from '../Badge/Badge';
 import { Popover } from '../Popover/Popover';
-import { splitSystemProps } from '../../theme/systemProps';
+import { splitSystemProps, } from '../../theme/systemProps';
 import { cn } from '../../utils/cn';
 export function BadgeSelectMenu({ value, items, onValueChange, tone = 'neutral', width = 220, maxHeight = 280, disabled = false, size, badgeStyle, className, testId, ...props }) {
     const [open, setOpen] = useState(false);
@@ -13,7 +13,7 @@ export function BadgeSelectMenu({ value, items, onValueChange, tone = 'neutral',
     const currentValue = value ?? items[0]?.value ?? null;
     const currentItem = useMemo(() => items.find((item) => item.value === currentValue) ?? null, [currentValue, items]);
     const currentLabel = currentItem?.label ?? currentValue;
-    const triggerBadge = (_jsx(Badge, { tone: tone, v: 'soft', r: 7, size: size, "data-state": open ? 'open' : 'closed', className: 'oui-badge-select-trigger', testId: testId, style: {
+    const triggerBadge = (_jsx(Badge, { tone: tone, v: "soft", r: 7, size: size, "data-state": open ? 'open' : 'closed', className: "oui-badge-select-trigger", testId: testId, style: {
             cursor: disabled ? 'default' : 'pointer',
             flexShrink: 0,
             opacity: disabled ? 0.6 : 1,
@@ -30,10 +30,10 @@ export function BadgeSelectMenu({ value, items, onValueChange, tone = 'neutral',
         }, trigger: triggerBadge, className: cn('oui-select-content oui-badge-select-content', className), contentStyle: {
             width,
             maxWidth: 320,
-        }, sideOffset: 4, testId: testId ? `${testId}-menu` : undefined, ...restProps, children: _jsx("div", { className: 'oui-combobox-scroll oui-combobox-options oui-badge-select-options', style: { maxHeight }, children: items.map((item) => {
+        }, sideOffset: 4, testId: testId ? `${testId}-menu` : undefined, ...restProps, children: _jsx("div", { className: "oui-combobox-scroll oui-combobox-options oui-badge-select-options", style: { maxHeight }, children: items.map((item) => {
                 const isSelected = item.value === currentValue;
                 const isHighlighted = item.value === highlightedValue;
-                return (_jsxs("button", { type: 'button', className: 'oui-combobox-option oui-badge-select-option', "data-selected": isSelected ? 'true' : 'false', "data-highlighted": isHighlighted ? 'true' : 'false', disabled: item.disabled, onMouseEnter: () => {
+                return (_jsxs("button", { type: "button", className: "oui-combobox-option oui-badge-select-option", "data-selected": isSelected ? 'true' : 'false', "data-highlighted": isHighlighted ? 'true' : 'false', disabled: item.disabled, onMouseEnter: () => {
                         if (!item.disabled)
                             setHighlightedValue(item.value);
                     }, onFocus: () => {
@@ -45,6 +45,6 @@ export function BadgeSelectMenu({ value, items, onValueChange, tone = 'neutral',
                         setOpen(false);
                         setHighlightedValue(null);
                         onValueChange(item.value);
-                    }, children: [_jsx("span", { className: 'oui-combobox-option-main', children: item.label }), isSelected ? (_jsx(LuCheck, { className: 'oui-combobox-check', size: 15 })) : null] }, item.value));
+                    }, children: [_jsx("span", { className: "oui-combobox-option-main", children: item.label }), isSelected ? (_jsx(LuCheck, { className: "oui-combobox-check", size: 15 })) : null] }, item.value));
             }) }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAG3E,MAAM,MAAM,QAAQ,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAClD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,GAAG;SALH,WAAW;cACN,OAAO;aACR,MAAM;+CA8BrB,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,WAAW,EAAY,MAAM,OAAO,CAAC;AAG9F,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,QAAQ,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAClD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,GAAG;SALH,WAAW;cACN,OAAO;aACR,MAAM;+CA2BrB,CAAC"}

package/dist/components/Box/Box.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, } from 'react';
+import { forwardRef } from 'react';
 import { cn } from '../../utils/cn';
 import { splitSystemProps } from '../../theme/systemProps';
 import { renderSlot } from '../../utils/slot';

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEH,KAAK,WAAW,EAEhB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAIjE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvF,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC7D,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,MAAM;WAbJ,MAAM;QACT,aAAa;WACV,SAAS;cACN,OAAO;gBACL,OAAO;eACR,SAAS;gBACR,SAAS;qBACJ,oBAAoB;cAC3B,OAAO;eACN,SAAS;aACX,MAAM;qDA6DrB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,oBAAoB,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpG,OAAO,EAEH,KAAK,WAAW,EAEhB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAInE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvF,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC7D,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,MAAM;WAbJ,MAAM;QACT,aAAa;WACV,SAAS;cACN,OAAO;gBACL,OAAO;eACR,SAAS;gBACR,SAAS;qBACJ,oBAAoB;cAC3B,OAAO;eACN,SAAS;aACX,MAAM;qDAwDrB,CAAC"}

package/dist/components/Button/Button.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useContext, } from 'react';
+import { forwardRef, useContext } from 'react';
 import { cn } from '../../utils/cn';
 import { splitSystemProps, normalizeTone, } from '../../theme/systemProps';
 import { OrcestrThemeContext } from '../../theme/useTheme';
@@ -29,5 +29,5 @@ export const Button = forwardRef(function Button({ className, style, size = 3, v
             'aria-disabled': disabled || loading ? true : undefined,
         });
     }
-    return (_jsxs("button", { ref: ref, type: type, ...commonProps, disabled: disabled || loading, children: [loading ? _jsx(Spinner, { size: 1 }) : leftIcon, _jsx("span", { className: 'oui-button-label', children: children }), rightIcon] }));
+    return (_jsxs("button", { ref: ref, type: type, ...commonProps, disabled: disabled || loading, children: [loading ? _jsx(Spinner, { size: 1 }) : leftIcon, _jsx("span", { className: "oui-button-label", children: children }), rightIcon] }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEhB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAIxF,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,WAAW,GAAG;IACjE,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAE9G,eAAO,MAAM,IAAI;;eAVF,SAAS;gBACR,MAAM;YACV,wBAAwB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;WACzC,MAAM;QACT,WAAW;kBACD,OAAO;cACX,OAAO;aACR,MAAM;wOA6CjB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEhB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAI1F,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,WAAW,GAAG;IACjE,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CACA,wBAAwB,CAAC,CAAC,CAAC,EAC3B,MAAM,WAAW,GAAG,IAAI,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CACzE,CAAC;AAEN,eAAO,MAAM,IAAI;;eAbF,SAAS;gBACR,MAAM;YACV,wBAAwB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;WACzC,MAAM;QACT,WAAW;kBACD,OAAO;cACX,OAAO;aACR,MAAM;wOA6CjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,QAAQ;YANT,SAAS;cACP,OAAO,GAAG,eAAe;sBACjB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;aACnC,MAAM;oDA2DlB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,QAAQ;YANT,SAAS;cACP,OAAO,GAAG,eAAe;sBACjB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;aACnC,MAAM;oDAyDjB,CAAC"}