@max-ts/kit 1.9.0 → 1.10.0

package/lib/components/PageLayout/Content/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Content/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAOpB,CAAC;AAEH,eAAO,MAAM,eAAe,QAE1B,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Content/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,eAAe,QAE1B,CAAC"}

package/lib/components/PageLayout/Header/Header.d.ts

@@ -5,6 +5,14 @@ export type PageHeaderProps = {
      * @example <PageHeader title="Заголовок страницы" />
      */
     title?: string;
+    /**
+     * HTML title
+     * @example <PageHeader htmlTitle="Заголовок страницы" />
+     */
+    htmlTitle?: string;
+    /**
+     * Компонент для отображения триггера бокового меню
+     */
     sidebarTrigger?: ReactElement;
     /**
      * Набор дополнительных действий
@@ -17,5 +25,5 @@ export type PageHeaderProps = {
     className?: string;
     children: ReactElement;
 };
-export declare const Header: ({ actions, className, title, children, sidebarTrigger, }: PageHeaderProps) => import("react").JSX.Element;
+export declare const Header: ({ actions, className, title, children, sidebarTrigger, htmlTitle, }: PageHeaderProps) => import("react").JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

package/lib/components/PageLayout/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAa,MAAM,OAAO,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,0DAMpB,eAAe,gCAuBjB,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAa,MAAM,OAAO,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,qEAOpB,eAAe,gCA0BjB,CAAC"}

package/lib/components/PageLayout/Header/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAUf,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAGlC,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QASf,CAAC;AAOH,eAAO,MAAM,OAAO,QASlB,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAOlC,CAAC;AAEH,eAAO,MAAM,cAAc,QAQzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC"}

package/lib/components/PageLayout/PageLayout.d.ts

@@ -5,7 +5,7 @@ export type PageLayoutProps = {
 };
 export declare const PageLayout: {
     ({ children, className }: PageLayoutProps): import("react").JSX.Element;
-    Header: ({ actions, className, title, children, sidebarTrigger, }: import("./Header").PageHeaderProps) => import("react").JSX.Element;
+    Header: ({ actions, className, title, children, sidebarTrigger, htmlTitle, }: import("./Header").PageHeaderProps) => import("react").JSX.Element;
     Content: (props: import("./Content").PageContentProps) => import("react").JSX.Element;
     Footer: (props: import("./Footer").PageLayoutFooterProps) => import("react").JSX.Element;
     Aside: ({ children, className }: import("./Aside").PageAsideProps) => import("react").JSX.Element;

package/lib/components/ScalableContainer/ScalableContainer.d.ts

@@ -0,0 +1,4 @@
+import type { ScalableContainerProps } from './types';
+declare function ScalableContainer({ initialScale, minScale, maxScale, showToolbar, onScaleChanged, onPositionChanged, onWheel, className, children, style, ...props }: ScalableContainerProps): import("react").JSX.Element;
+export { ScalableContainer };
+//# sourceMappingURL=ScalableContainer.d.ts.map

package/lib/components/ScalableContainer/ScalableContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalableContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/ScalableContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGtD,iBAAS,iBAAiB,CAAC,EAC1B,YAAgB,EAChB,QAAc,EACd,QAAY,EACZ,WAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACR,EAAE,sBAAsB,+BAiGxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/components/ScalableContainer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ScalableContainer';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ScalableContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}

package/lib/components/ScalableContainer/styles.css.d.ts

@@ -0,0 +1,5 @@
+export declare const viewport: string;
+export declare const toolbar: string;
+export declare const overlay: string;
+export declare const content: string;
+//# sourceMappingURL=styles.css.d.ts.map

package/lib/components/ScalableContainer/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,OAAO,QAclB,CAAC;AAEH,eAAO,MAAM,OAAO,QAoBlB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC"}

package/lib/components/ScalableContainer/types.d.ts

@@ -0,0 +1,13 @@
+export type ScalableContainerPosition = {
+    x: number;
+    y: number;
+};
+export type ScalableContainerProps = React.ComponentPropsWithoutRef<'div'> & {
+    initialScale?: number;
+    minScale?: number;
+    maxScale?: number;
+    showToolbar?: boolean;
+    onScaleChanged?: (scale: number) => void;
+    onPositionChanged?: (position: ScalableContainerPosition) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/components/ScalableContainer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,yBAAyB,GAAG;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAClE,CAAC"}

package/lib/components/ScalableContainer/useLogic.d.ts

@@ -0,0 +1,23 @@
+import type { ScalableContainerProps } from './types';
+type UseLogicParams = Pick<ScalableContainerProps, 'initialScale' | 'minScale' | 'maxScale' | 'onScaleChanged' | 'onPositionChanged'>;
+export declare function useLogic({ initialScale, minScale, maxScale, onScaleChanged, onPositionChanged, }: UseLogicParams): {
+    contentStyle: {
+        transform: string;
+        transition: string;
+    };
+    cursor: string;
+    handlePointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+    handlePointerEnd: (event: React.PointerEvent<HTMLDivElement>) => void;
+    handlePointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+    handleTouchEnd: () => void;
+    handleTouchMove: (event: React.TouchEvent<HTMLDivElement>) => void;
+    handleTouchStart: (event: React.TouchEvent<HTMLDivElement>) => void;
+    modifierKey: string;
+    reset: () => void;
+    showOverlay: boolean;
+    viewportRef: import("react").RefObject<HTMLDivElement | null>;
+    zoomIn: () => void;
+    zoomOut: () => void;
+};
+export {};
+//# sourceMappingURL=useLogic.d.ts.map

package/lib/components/ScalableContainer/useLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogic.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/useLogic.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,sBAAsB,EACtB,MAAM,SAAS,CAAC;AAOjB,KAAK,cAAc,GAAG,IAAI,CACzB,sBAAsB,EACpB,cAAc,GACd,UAAU,GACV,UAAU,GACV,gBAAgB,GAChB,mBAAmB,CACrB,CAAC;AAuBF,wBAAgB,QAAQ,CAAC,EACxB,YAAgB,EAChB,QAAc,EACd,QAAY,EACZ,cAAc,EACd,iBAAiB,GACjB,EAAE,cAAc;;;;;;+BAqDP,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;8BAyClC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;+BAnBlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;;6BAmDlC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;8BAbhC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;;;;;;EAmGzC"}

package/lib/components/Sidebar/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,MAAM,SAAS,CAAC;AAcjB,eAAO,MAAM,OAAO,QASlB,CAAC;AAEH,eAAO,MAAM,cAAc,QAQzB,CAAC;AAMH,eAAO,MAAM,GAAG,QAKd,CAAC;AAqBH,eAAO,MAAM,SAAS,QAcpB,CAAC;AAwDH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC;AAQH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,cAAc,QAUzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,IAAI,QA8Bf,CAAC;AAoDH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAwBH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAMH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAaH,eAAO,MAAM,WAAW,QAwCtB,CAAC;AAYH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,UAAU,QA+CrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,0CAc7B,CAAC;AAEH,eAAO,MAAM,eAAe,uCAe1B,CAAC;AA+BH,eAAO,MAAM,UAAU,QAyCrB,CAAC;AA2CH,eAAO,MAAM,SAAS,QAgBpB,CAAC;AA0BH,eAAO,MAAM,YAAY,QAOvB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,OAAO,QAUlB,CAAC;AAMH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,aAAa,QAoCxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,0CAS7B,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,MAAM,SAAS,CAAC;AAcjB,eAAO,MAAM,OAAO,QAUlB,CAAC;AAEH,eAAO,MAAM,cAAc,QAQzB,CAAC;AAMH,eAAO,MAAM,GAAG,QAKd,CAAC;AAqBH,eAAO,MAAM,SAAS,QAcpB,CAAC;AAwDH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC;AAQH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,cAAc,QAUzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,IAAI,QA8Bf,CAAC;AAoDH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAwBH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAMH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAaH,eAAO,MAAM,WAAW,QAwCtB,CAAC;AAYH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,UAAU,QA+CrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,0CAc7B,CAAC;AAEH,eAAO,MAAM,eAAe,uCAe1B,CAAC;AA+BH,eAAO,MAAM,UAAU,QAyCrB,CAAC;AA2CH,eAAO,MAAM,SAAS,QAgBpB,CAAC;AA0BH,eAAO,MAAM,YAAY,QAOvB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,OAAO,QAUlB,CAAC;AAMH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,aAAa,QAoCxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,0CAS7B,CAAC"}

package/lib/components/index.d.ts

@@ -42,6 +42,7 @@ export * from './Placeholder';
 export * from './Popover';
 export * from './RadioGroup';
 export * from './RangeInput';
+export * from './ScalableContainer';
 export * from './ScrollTopButton';
 export * from './Select';
 export * from './Sheet';

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/lib/index.mjs

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Accordion, Checkbox } from "@base-ui/react";
 import clsx_0, { clsx } from "clsx";
-import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, ArrowLeft, ArrowRight, Calendar1, Check, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, CircleCheck, CircleIcon, Copy, Ellipsis as external_lucide_react_Ellipsis, EllipsisVertical, Info, Loader, Minus, MoreHorizontalIcon, OctagonAlert, PanelLeftIcon, TriangleAlert, XIcon } from "lucide-react";
+import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, ArrowLeft, ArrowRight, Calendar1, Check, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, CircleCheck, CircleIcon, Copy, Ellipsis as external_lucide_react_Ellipsis, EllipsisVertical, Info, Loader, Minus, MoreHorizontalIcon, OctagonAlert, PanelLeftIcon, RotateCcwIcon, TriangleAlert, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { Button } from "@base-ui/react/button";
 import react, { Component as external_react_Component, createContext, createElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -3949,11 +3949,16 @@ var Header_styles_css_content = 'style__nvcxbd4';
 var Header_styles_css_root = 'style__nvcxbd0';
 var sidebarTriggerContainer = 'style__nvcxbd2';
 var titleContainer = 'style__nvcxbd3';
-const Header_Header_Header = ({ actions, className, title, children, sidebarTrigger })=>{
+const Header_Header_Header = ({ actions, className, title, children, sidebarTrigger, htmlTitle })=>{
     useEffect(()=>{
+        if (htmlTitle) {
+            document.title = htmlTitle;
+            return;
+        }
         if (title) document.title = title;
     }, [
-        title
+        title,
+        htmlTitle
     ]);
     return /*#__PURE__*/ jsxs("header", {
         className: clsx(Header_styles_css_root, PAGE_HEADER_CLASSNAME, className),
@@ -4524,6 +4529,279 @@ function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit
         ]
     });
 }
+var ScalableContainer_styles_css_content = 'style__uxh2ml3';
+var ScalableContainer_styles_css_overlay = 'style__uxh2ml2';
+var toolbar = 'style__uxh2ml1';
+var ScalableContainer_styles_css_viewport = 'style__uxh2ml0';
+const DEFAULT_POSITION = {
+    x: 0,
+    y: 0
+};
+const OVERLAY_TIMEOUT = 1500;
+const ZOOM_FACTOR = 1.5;
+const WHEEL_ZOOM_FACTOR = 0.05;
+function clampScale(value, minScale, maxScale) {
+    return Math.max(minScale, Math.min(maxScale, value));
+}
+function getDistance(firstTouch, secondTouch) {
+    const deltaX = firstTouch.clientX - secondTouch.clientX;
+    const deltaY = firstTouch.clientY - secondTouch.clientY;
+    return Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+}
+function shouldSkipDragStart(target) {
+    if (!(target instanceof Element)) return false;
+    return Boolean(target.closest('button, a, input, textarea, select, label, path, summary, [role="button"], [contenteditable="true"]'));
+}
+function ScalableContainer_useLogic_useLogic({ initialScale = 1, minScale = 0.1, maxScale = 4, onScaleChanged, onPositionChanged }) {
+    const initialClampedScale = clampScale(initialScale, minScale, maxScale);
+    const [scale, setScaleState] = useState(initialClampedScale);
+    const [position, setPositionState] = useState(DEFAULT_POSITION);
+    const [isDragging, setIsDragging] = useState(false);
+    const [showOverlay, setShowOverlay] = useState(false);
+    const scaleRef = useRef(initialClampedScale);
+    const positionRef = useRef(DEFAULT_POSITION);
+    const dragStartRef = useRef(DEFAULT_POSITION);
+    const activePointersRef = useRef(new Map());
+    const initialPinchDistanceRef = useRef(0);
+    const initialPinchScaleRef = useRef(initialClampedScale);
+    const overlayTimeoutRef = useRef(void 0);
+    const viewportRef = useRef(null);
+    const setScale = useCallback((value)=>{
+        const nextScale = clampScale(value, minScale, maxScale);
+        scaleRef.current = nextScale;
+        setScaleState(nextScale);
+        onScaleChanged?.(nextScale);
+    }, [
+        maxScale,
+        minScale,
+        onScaleChanged
+    ]);
+    const setPosition = useCallback((nextPosition)=>{
+        positionRef.current = nextPosition;
+        setPositionState(nextPosition);
+        onPositionChanged?.(nextPosition);
+    }, [
+        onPositionChanged
+    ]);
+    const zoomIn = useCallback(()=>{
+        setScale(scaleRef.current * ZOOM_FACTOR);
+    }, [
+        setScale
+    ]);
+    const zoomOut = useCallback(()=>{
+        setScale(scaleRef.current / ZOOM_FACTOR);
+    }, [
+        setScale
+    ]);
+    const reset = useCallback(()=>{
+        setScale(initialScale);
+        setPosition(DEFAULT_POSITION);
+    }, [
+        initialScale,
+        setPosition,
+        setScale
+    ]);
+    const handlePointerDown = useCallback((event)=>{
+        if ('mouse' === event.pointerType && 0 !== event.button) return;
+        if (shouldSkipDragStart(event.target)) return;
+        event.currentTarget.setPointerCapture(event.pointerId);
+        activePointersRef.current.set(event.pointerId, {
+            x: event.clientX,
+            y: event.clientY
+        });
+        if (1 === activePointersRef.current.size) {
+            setIsDragging(true);
+            dragStartRef.current = {
+                x: event.clientX - positionRef.current.x,
+                y: event.clientY - positionRef.current.y
+            };
+        }
+    }, []);
+    const handlePointerMove = useCallback((event)=>{
+        if (!activePointersRef.current.has(event.pointerId)) return;
+        activePointersRef.current.set(event.pointerId, {
+            x: event.clientX,
+            y: event.clientY
+        });
+        if (1 === activePointersRef.current.size) setPosition({
+            x: event.clientX - dragStartRef.current.x,
+            y: event.clientY - dragStartRef.current.y
+        });
+    }, [
+        setPosition
+    ]);
+    const handlePointerEnd = useCallback((event)=>{
+        activePointersRef.current.delete(event.pointerId);
+        const remainingPointer = activePointersRef.current.values().next().value;
+        if (remainingPointer) {
+            dragStartRef.current = {
+                x: remainingPointer.x - positionRef.current.x,
+                y: remainingPointer.y - positionRef.current.y
+            };
+            setIsDragging(true);
+        } else setIsDragging(false);
+    }, []);
+    const handleTouchStart = useCallback((event)=>{
+        if (2 !== event.touches.length) return;
+        initialPinchDistanceRef.current = getDistance(event.touches[0], event.touches[1]);
+        initialPinchScaleRef.current = scaleRef.current;
+    }, []);
+    const handleTouchMove = useCallback((event)=>{
+        if (2 !== event.touches.length || 0 === initialPinchDistanceRef.current) return;
+        event.preventDefault();
+        const distance = getDistance(event.touches[0], event.touches[1]);
+        setScale(initialPinchScaleRef.current * (distance / initialPinchDistanceRef.current));
+    }, [
+        setScale
+    ]);
+    const handleTouchEnd = useCallback(()=>{
+        initialPinchDistanceRef.current = 0;
+    }, []);
+    const handleWheel = useCallback((event)=>{
+        const hasModifier = event.metaKey || event.ctrlKey;
+        if (hasModifier) {
+            event.preventDefault();
+            setShowOverlay(false);
+            setScale(scaleRef.current - event.deltaY * WHEEL_ZOOM_FACTOR);
+        } else {
+            setShowOverlay(true);
+            clearTimeout(overlayTimeoutRef.current);
+            overlayTimeoutRef.current = setTimeout(()=>{
+                setShowOverlay(false);
+            }, OVERLAY_TIMEOUT);
+        }
+    }, [
+        setScale
+    ]);
+    useEffect(()=>{
+        const viewport = viewportRef.current;
+        if (!viewport) return;
+        viewport.addEventListener('wheel', handleWheel, {
+            passive: false
+        });
+        return ()=>{
+            viewport.removeEventListener('wheel', handleWheel);
+        };
+    }, [
+        handleWheel
+    ]);
+    useEffect(()=>()=>{
+            clearTimeout(overlayTimeoutRef.current);
+        }, []);
+    const transform = useMemo(()=>`translate(${position.x}px, ${position.y}px) scale(${scale})`, [
+        position,
+        scale
+    ]);
+    const modifierKey = useMemo(()=>{
+        if ("u" < typeof navigator) return 'Ctrl';
+        return /Mac/i.test(navigator.userAgent) ? '⌘' : 'Ctrl';
+    }, []);
+    return {
+        contentStyle: {
+            transform,
+            transition: isDragging ? 'none' : 'transform 0.1s ease-out'
+        },
+        cursor: isDragging ? 'grabbing' : 'grab',
+        handlePointerDown,
+        handlePointerEnd,
+        handlePointerMove,
+        handleTouchEnd,
+        handleTouchMove,
+        handleTouchStart,
+        modifierKey,
+        reset,
+        showOverlay,
+        viewportRef,
+        zoomIn,
+        zoomOut
+    };
+}
+function ScalableContainer({ initialScale = 1, minScale = 0.1, maxScale = 4, showToolbar = false, onScaleChanged, onPositionChanged, onWheel, className, children, style, ...props }) {
+    const { contentStyle, cursor, handlePointerDown, handlePointerEnd, handlePointerMove, handleTouchEnd, handleTouchMove, handleTouchStart, modifierKey, reset, showOverlay, viewportRef, zoomIn, zoomOut } = ScalableContainer_useLogic_useLogic({
+        initialScale,
+        minScale,
+        maxScale,
+        onScaleChanged,
+        onPositionChanged
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        ref: viewportRef,
+        "data-slot": "scalable-container",
+        className: clsx(ScalableContainer_styles_css_viewport, className),
+        style: {
+            ...style,
+            cursor
+        },
+        onWheel: onWheel,
+        ...props,
+        children: [
+            showToolbar && /*#__PURE__*/ jsxs(ButtonGroup, {
+                orientation: "vertical",
+                className: toolbar,
+                "aria-label": "Управление масштабом",
+                children: [
+                    /*#__PURE__*/ jsx(Button_Button, {
+                        type: "button",
+                        onClick: zoomIn,
+                        size: "iconSmall",
+                        title: "Увеличить",
+                        "aria-label": "Увеличить",
+                        variant: "outline",
+                        children: /*#__PURE__*/ jsx(ZoomInIcon, {
+                            size: 16
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Button_Button, {
+                        type: "button",
+                        onClick: zoomOut,
+                        size: "iconSmall",
+                        title: "Уменьшить",
+                        "aria-label": "Уменьшить",
+                        variant: "outline",
+                        children: /*#__PURE__*/ jsx(ZoomOutIcon, {
+                            size: 16
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Button_Button, {
+                        type: "button",
+                        onClick: reset,
+                        size: "iconSmall",
+                        title: "Сбросить",
+                        "aria-label": "Сбросить",
+                        variant: "outline",
+                        children: /*#__PURE__*/ jsx(RotateCcwIcon, {
+                            size: 16
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                "data-slot": "scalable-container-overlay",
+                className: ScalableContainer_styles_css_overlay,
+                "data-visible": showOverlay,
+                "aria-hidden": !showOverlay,
+                children: [
+                    "Используйте ",
+                    modifierKey,
+                    " + колесо для масштабирования."
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                "data-slot": "scalable-container-content",
+                className: ScalableContainer_styles_css_content,
+                style: contentStyle,
+                onPointerDown: handlePointerDown,
+                onPointerMove: handlePointerMove,
+                onPointerUp: handlePointerEnd,
+                onPointerCancel: handlePointerEnd,
+                onTouchStart: handleTouchStart,
+                onTouchMove: handleTouchMove,
+                onTouchEnd: handleTouchEnd,
+                children: children
+            })
+        ]
+    });
+}
 var ScrollTopButton_styles_css_button = 'style__1ou2vjc0';
 var styles_css_visible = 'style__1ou2vjc1';
 function ScrollTopButton({ onClick, variant = 'outline', ...props }) {
@@ -5700,4 +5978,4 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
         ]
     });
 };
-export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, SliderInput, Slider_Slider as Slider, Spinner, Switch_Switch as Switch, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, styles_css_colors as colors, styles_css_variants as variants, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, weights };
+export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScalableContainer, ScrollTopButton, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, SliderInput, Slider_Slider as Slider, Spinner, Switch_Switch as Switch, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, styles_css_colors as colors, styles_css_variants as variants, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, weights };

package/lib/stories/DashboardLayout.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DashboardLayout.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AASA,wBAOyC;AAOzC,eAAO,MAAM,OAAO,mCAsBnB,CAAC"}
+{"version":3,"file":"DashboardLayout.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DashboardLayout.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AASA,wBAOyC;AAOzC,eAAO,MAAM,OAAO,mCA4BnB,CAAC"}

package/lib/stories/ScalableContainer.stories.d.ts

@@ -0,0 +1,14 @@
+import { ScalableContainer } from '../components/index.ts';
+declare const _default: {
+    title: string;
+    component: typeof ScalableContainer;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default _default;
+export declare function Basic(): import("react").JSX.Element;
+export declare function WithToolbar(): import("react").JSX.Element;
+export declare function InsideScrollablePage(): import("react").JSX.Element;
+//# sourceMappingURL=ScalableContainer.stories.d.ts.map

package/lib/stories/ScalableContainer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalableContainer.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ScalableContainer.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAGjD,wBAO2C;AAqB3C,wBAAgB,KAAK,gCAYpB;AAED,wBAAgB,WAAW,gCA2B1B;AAED,wBAAgB,oBAAoB,gCAoBnC"}

package/lib/styles.css

@@ -3895,9 +3895,8 @@ a.outline__1af895x4:hover {
 
 .style__1hr0uh00 {
   scroll-behavior: smooth;
-  scrollbar-gutter: stable;
   height: auto;
-  padding: var(--spacing-4);
+  padding: var(--spacing-2);
   grid-area: content;
   overflow: auto;
 }
@@ -3924,35 +3923,48 @@ a.outline__1af895x4:hover {
 }
 
 .style__nvcxbd0 {
-  padding: var(--spacing-4);
+  padding: var(--spacing-2);
   grid-area: header;
   grid-template-columns: auto auto 1fr auto;
   grid-template-areas: "trigger title content actions";
   align-items: center;
-  padding-bottom: 0;
   display: grid;
 }
 
+.style__nvcxbd0 > div {
+  align-items: center;
+  display: flex;
+}
+
 .style__nvcxbd1 {
   justify-content: flex-end;
-  align-items: center;
   column-gap: var(--spacing-2);
-  padding-left: var(--spacing-2);
   grid-area: actions;
-  display: flex;
+}
+
+.style__nvcxbd1:not(:empty) {
+  padding-left: var(--spacing-2);
 }
 
 .style__nvcxbd2 {
-  padding-right: var(--spacing-2);
   grid-area: trigger;
 }
 
+.style__nvcxbd2:not(:empty) {
+  padding-right: var(--spacing-2);
+}
+
 .style__nvcxbd3 {
-  padding-inline: var(--spacing-2);
+  column-gap: var(--spacing-2);
   grid-area: title;
 }
 
+.style__nvcxbd3:not(:empty) {
+  padding-right: var(--spacing-2);
+}
+
 .style__nvcxbd4 {
+  column-gap: var(--spacing-2);
   grid-area: content;
 }
 
@@ -4264,6 +4276,58 @@ a.outline__1af895x4:hover {
   }
 }
 
+.style__uxh2ml0 {
+  touch-action: none;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.style__uxh2ml1 {
+  top: 50%;
+  right: var(--spacing-1);
+  z-index: 1;
+  opacity: .5;
+  transition: opacity .2s ease-in-out;
+  position: absolute;
+  transform: translateY(-50%);
+}
+
+.style__uxh2ml1:hover {
+  opacity: 1;
+}
+
+.style__uxh2ml2 {
+  bottom: var(--spacing-4);
+  z-index: 10;
+  padding: var(--spacing-2) var(--spacing-4);
+  border-radius: var(--borderRadius-sm);
+  background-color: var(--colors-background-tooltip);
+  color: var(--colors-foreground-primary);
+  font-size: var(--fontSize-sm);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity .2s ease-in-out;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.style__uxh2ml2[data-visible="true"] {
+  opacity: 1;
+}
+
+.style__uxh2ml3 {
+  -webkit-user-select: none;
+  user-select: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
 .style__1ou2vjc0 {
   bottom: var(--spacing-5);
   width: 40px;
@@ -4840,6 +4904,7 @@ a.outline__1af895x4:hover {
 
 .style__1xiua9n1 {
   width: 100%;
+  height: 100%;
   min-height: 100svh;
   display: flex;
 }
@@ -4946,7 +5011,7 @@ a.outline__1af895x4:hover {
 
 .style__1xiua9n2[data-variant="floating"] .style__1xiua9n6 {
   border: 1px solid var(--colors-border);
-  border-radius: var(--borderRadius-lg);
+  border-radius: var(--borderRadius-md);
   box-shadow: var(--elevation-1);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",