@max-ts/kit 1.8.1 → 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/RangeInput/RangeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/RangeInput/RangeInput.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAChD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAC1B,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAW,EACX,IAAS,EACT,IAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,GACX,EAAE,eAAe,+BAsEjB"}
+{"version":3,"file":"RangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/RangeInput/RangeInput.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAChD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAC1B,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAW,EACX,IAAS,EACT,IAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,GACX,EAAE,eAAe,+BA0EjB"}

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

@@ -1,14 +1,16 @@
-import { type DetailedHTMLProps, type InputHTMLAttributes } from 'react';
+import { type ChangeEvent, type KeyboardEvent } from 'react';
+import type { SliderValue } from '../../Slider';
 import type { RangeInputProps } from '../RangeInput';
 export declare const useLogic: ({ min, max, maxValue, minValue, onChange, }: RangeInputProps) => {
     maxId: string;
     minId: string;
     minVal: number;
     maxVal: number;
-    onValueChange: (newValue: number[]) => void;
-    onMinValueChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onMaxValueChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown: (event: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => void;
-    onConfirm: (value: Array<number>) => void;
+    sliderValue: readonly [number, number];
+    onValueChange: (newValue: SliderValue) => void;
+    onMinValueChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onMaxValueChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onConfirm: (value: SliderValue) => void;
 };
 //# sourceMappingURL=useLogic.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLogic.d.ts","sourceRoot":"","sources":["../../../../src/components/RangeInput/useLogic/useLogic.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EAIxB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,QAAQ,GAAI,6CAMtB,eAAe;;;;;8BAOgB,MAAM,EAAE;8BASR,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;8BAOnC,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;uBAQ5D,iBAAiB,CACvB,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,gBAAgB,CAChB;uBASwB,KAAK,CAAC,MAAM,CAAC;CAmBvC,CAAC"}
+{"version":3,"file":"useLogic.d.ts","sourceRoot":"","sources":["../../../../src/components/RangeInput/useLogic/useLogic.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,WAAW,EAChB,KAAK,aAAa,EAKlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAwCrD,eAAO,MAAM,QAAQ,GAAI,6CAMtB,eAAe;;;;;;8BAsB4B,WAAW;8BAkB/C,WAAW,CAAC,gBAAgB,CAAC;8BAY7B,WAAW,CAAC,gBAAgB,CAAC;uBAY7B,aAAa,CAAC,gBAAgB,CAAC;uBAW/B,WAAW;CA8BpB,CAAC"}

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/Slider/Slider.d.ts

@@ -1,7 +1,8 @@
 import { Slider as SliderPrimitive } from '@base-ui/react/slider';
 import * as React from 'react';
-export type SliderProps = SliderPrimitive.Root.Props<number[]> & {
-    onValueCommit?: (value: number[]) => void;
+export type SliderValue = number | readonly number[];
+export type SliderProps = SliderPrimitive.Root.Props<SliderValue> & {
+    onValueCommit?: (value: SliderValue) => void;
 };
 export declare function Slider({ className, defaultValue, value, min, max, onValueCommit, onValueCommitted, ...props }: SliderProps): React.JSX.Element;
 //# sourceMappingURL=Slider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACtB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACR,EAAE,WAAW,qBAuDb"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG;IACnE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C,CAAC;AA2BF,wBAAgB,MAAM,CAAC,EACtB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACR,EAAE,WAAW,qBAkDb"}

package/lib/components/SliderInput/SliderInput.d.ts

@@ -0,0 +1,14 @@
+export type SliderInputProps = {
+    value?: number | null;
+    min: number;
+    max: number;
+    unit?: string;
+    onChange: (value: number) => void;
+    width?: number | string;
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+    isActive?: boolean;
+    inputRef?: React.RefObject<HTMLInputElement>;
+};
+export declare function SliderInput({ min, max, onChange, value, width, unit, size, className, isActive, inputRef, }: SliderInputProps): import("react").JSX.Element;
+//# sourceMappingURL=SliderInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderInput.d.ts","sourceRoot":"","sources":["../../../src/components/SliderInput/SliderInput.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAC7C,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC3B,GAAG,EACH,GAAG,EACH,QAAQ,EACR,KAAK,EACL,KAAW,EACX,IAAS,EACT,IAAe,EACf,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,gBAAgB,+BAuDlB"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const container: string;
+export declare const activeClass: string;
+export declare const sizes: Record<"small" | "medium" | "large", string>;
+export declare const inputClass: string;
+export declare const textClass: string;
+export declare const slider: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SliderInput/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAgBpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,KAAK,8CAgBhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAgBrB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,MAAM,QAOjB,CAAC"}

package/lib/components/SliderInput/useLogic/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SliderInput/useLogic/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,12 @@
+import { type ChangeEvent, type KeyboardEvent } from 'react';
+import type { SliderValue } from '../../Slider';
+import type { SliderInputProps } from '../SliderInput';
+export declare const useLogic: ({ min, max, value, onChange }: SliderInputProps) => {
+    inputId: string;
+    inputValue: number;
+    onInputValueChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onValueChange: (newValue: SliderValue) => void;
+    onConfirm: (value: SliderValue) => void;
+};
+//# sourceMappingURL=useLogic.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLogic.d.ts","sourceRoot":"","sources":["../../../../src/components/SliderInput/useLogic/useLogic.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,WAAW,EAChB,KAAK,aAAa,EAKlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAmBvD,eAAO,MAAM,QAAQ,GAAI,+BAA+B,gBAAgB;;;gCAyB9D,WAAW,CAAC,gBAAgB,CAAC;uBAW7B,aAAa,CAAC,gBAAgB,CAAC;8BAtBK,WAAW;uBAiC/C,WAAW;CAwBpB,CAAC"}

package/lib/components/index.d.ts

@@ -42,11 +42,13 @@ export * from './Placeholder';
 export * from './Popover';
 export * from './RadioGroup';
 export * from './RangeInput';
+export * from './ScalableContainer';
 export * from './ScrollTopButton';
 export * from './Select';
 export * from './Sheet';
 export * from './Sidebar';
 export * from './Slider';
+export * from './SliderInput';
 export * from './Spinner';
 export * from './Switch';
 export * from './Tabs';

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,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),
@@ -4282,11 +4287,26 @@ var styles_css_range = 'style__h9oy583';
 var Slider_styles_css_root = 'style__h9oy580';
 var styles_css_thumb = 'style__h9oy584';
 var track = 'style__h9oy582';
+const getValues = (value, defaultValue, min, max)=>{
+    if ('number' == typeof value) return [
+        value
+    ];
+    if (Array.isArray(value)) return [
+        ...value
+    ];
+    if ('number' == typeof defaultValue) return [
+        defaultValue
+    ];
+    if (Array.isArray(defaultValue)) return [
+        ...defaultValue
+    ];
+    return [
+        min,
+        max
+    ];
+};
 function Slider_Slider({ className, defaultValue, value, min = 0, max = 100, onValueCommit, onValueCommitted, ...props }) {
-    const values = __rspack_external_react.useMemo(()=>Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
-            min,
-            max
-        ], [
+    const values = __rspack_external_react.useMemo(()=>getValues(value, defaultValue, min, max), [
         value,
         defaultValue,
         min,
@@ -4343,37 +4363,84 @@ var RangeInput_styles_css_sizes = {
 };
 var sliderClass = 'style__1pnwkko7';
 var styles_css_textClass = 'style__1pnwkko5';
+const getNumberFromInputValue = (value)=>{
+    const numberValue = Number(value);
+    return Number.isNaN(numberValue) ? null : numberValue;
+};
+const clamp = (value, min, max)=>Math.min(Math.max(value, min), max);
+const normalizeRange = (minValue, maxValue)=>{
+    if (minValue <= maxValue) return [
+        minValue,
+        maxValue
+    ];
+    return [
+        maxValue,
+        minValue
+    ];
+};
+const getSliderValue = (minValue, maxValue, min, max)=>normalizeRange(clamp(minValue, min, max), clamp(maxValue, min, max));
+const getRangeValue = (value)=>{
+    if (!Array.isArray(value)) return null;
+    const [minValue, maxValue] = value;
+    if (void 0 === minValue || void 0 === maxValue) return null;
+    return [
+        minValue,
+        maxValue
+    ];
+};
 const RangeInput_useLogic_useLogic_useLogic = ({ min, max, maxValue, minValue, onChange })=>{
     const minId = useId();
     const maxId = useId();
-    const [minVal, setMinVal] = useState(min);
-    const [maxVal, setMaxVal] = useState(max);
-    const onValueChange = (newValue)=>{
-        if (newValue[0] === newValue[1]) return void onChange(newValue[0], newValue[1]);
-        setMinVal(newValue[0]);
-        setMaxVal(newValue[1]);
-    };
-    const onMinValueChange = (event)=>{
+    const [minVal, setMinVal] = useState(minValue ?? min);
+    const [maxVal, setMaxVal] = useState(maxValue ?? max);
+    const sliderValue = getSliderValue(minVal, maxVal, min, max);
+    const commit = useCallback((nextMinValue, nextMaxValue)=>{
+        const [normalizedMinValue, normalizedMaxValue] = normalizeRange(clamp(nextMinValue, min, max), clamp(nextMaxValue, min, max));
+        setMinVal(normalizedMinValue);
+        setMaxVal(normalizedMaxValue);
+        onChange(normalizedMinValue, normalizedMaxValue);
+    }, [
+        min,
+        max,
+        onChange
+    ]);
+    const onValueChange = useCallback((newValue)=>{
+        const rangeValue = getRangeValue(newValue);
+        if (null === rangeValue) return;
+        const [newMinValue, newMaxValue] = rangeValue;
+        const [normalizedMinValue, normalizedMaxValue] = normalizeRange(newMinValue, newMaxValue);
+        setMinVal(normalizedMinValue);
+        setMaxVal(normalizedMaxValue);
+    }, []);
+    const onMinValueChange = useCallback((event)=>{
         const { value } = event.target;
-        if (!Number.isNaN(+value)) setMinVal(+value);
-    };
-    const onMaxValueChange = (event)=>{
+        const numberValue = getNumberFromInputValue(value);
+        if (null !== numberValue) setMinVal(numberValue);
+    }, []);
+    const onMaxValueChange = useCallback((event)=>{
         const { value } = event.target;
-        if (!Number.isNaN(value)) setMaxVal(+value);
-    };
-    const onKeyDown = (event)=>{
-        if ('Enter' === event.key) {
-            const minValue = minVal >= min && minVal <= max ? minVal : min;
-            const maxValue = maxVal >= min && maxVal <= max ? maxVal : max;
-            onChange(minValue, maxValue);
-        }
-    };
-    const onConfirm = (value)=>{
-        onChange(value[0], value[1]);
-    };
+        const numberValue = getNumberFromInputValue(value);
+        if (null !== numberValue) setMaxVal(numberValue);
+    }, []);
+    const onKeyDown = useCallback((event)=>{
+        if ('Enter' !== event.key) return;
+        commit(minVal, maxVal);
+    }, [
+        commit,
+        minVal,
+        maxVal
+    ]);
+    const onConfirm = useCallback((value)=>{
+        const rangeValue = getRangeValue(value);
+        if (null === rangeValue) return;
+        const [nextMinValue, nextMaxValue] = rangeValue;
+        commit(nextMinValue, nextMaxValue);
+    }, [
+        commit
+    ]);
     useEffect(()=>{
-        setMinVal(minValue ? minValue : min);
-        setMaxVal(maxValue ? maxValue : max);
+        setMinVal(minValue ?? min);
+        setMaxVal(maxValue ?? max);
     }, [
         minValue,
         maxValue,
@@ -4385,6 +4452,7 @@ const RangeInput_useLogic_useLogic_useLogic = ({ min, max, maxValue, minValue, o
         minId,
         minVal,
         maxVal,
+        sliderValue,
         onValueChange,
         onMinValueChange,
         onMaxValueChange,
@@ -4393,7 +4461,7 @@ const RangeInput_useLogic_useLogic_useLogic = ({ min, max, maxValue, minValue, o
     };
 };
 function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit = '', size = 'medium', className, isActive, minInputRef, maxInputRef }) {
-    const { onMinValueChange, onMaxValueChange, minVal, maxVal, onKeyDown, onValueChange, onConfirm, minId, maxId } = RangeInput_useLogic_useLogic_useLogic({
+    const { onMinValueChange, onMaxValueChange, minVal, maxVal, onKeyDown, onValueChange, onConfirm, sliderValue, minId, maxId } = RangeInput_useLogic_useLogic_useLogic({
         min,
         max,
         maxValue,
@@ -4401,6 +4469,7 @@ function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit
         onChange
     });
     return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "range-input",
         className: clsx(RangeInput_styles_css_container, RangeInput_styles_css_sizes[size], {
             [activeClass]: isActive
         }, className),
@@ -4415,6 +4484,7 @@ function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit
                 children: "от"
             }),
             /*#__PURE__*/ jsx("input", {
+                "data-slot": "range-input-min-field",
                 className: inputClass,
                 type: "text",
                 id: minId,
@@ -4430,6 +4500,7 @@ function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit
                 children: "до"
             }),
             /*#__PURE__*/ jsx("input", {
+                "data-slot": "range-input-max-field",
                 className: inputClass,
                 type: "text",
                 id: maxId,
@@ -4445,14 +4516,12 @@ function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit
                 children: unit
             }),
             /*#__PURE__*/ jsx("div", {
+                "data-slot": "range-input-slider",
                 className: sliderClass,
                 children: /*#__PURE__*/ jsx(Slider_Slider, {
                     min: min,
                     max: max,
-                    value: [
-                        Number(minVal),
-                        Number(maxVal)
-                    ],
+                    value: sliderValue,
                     onValueChange: onValueChange,
                     onValueCommit: onConfirm
                 })
@@ -4460,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 }) {
@@ -5426,6 +5768,118 @@ const Sidebar_Sidebar = Object.assign(SidebarRoot, {
     MenuSubItem: MenuSubItem,
     MenuSubButton: MenuSubButton
 });
+var styles_css_activeClass = 'style__pyzq971';
+var SliderInput_styles_css_container = 'style__pyzq970';
+var styles_css_inputClass = 'style__pyzq975';
+var SliderInput_styles_css_sizes = {
+    small: 'small__pyzq972',
+    medium: 'medium__pyzq973',
+    large: 'large__pyzq974'
+};
+var slider = 'style__pyzq977';
+var SliderInput_styles_css_textClass = 'style__pyzq976';
+const useLogic_getNumberFromInputValue = (value)=>{
+    const numberValue = Number(value);
+    return Number.isNaN(numberValue) ? null : numberValue;
+};
+const useLogic_clamp = (value, min, max)=>Math.min(Math.max(value, min), max);
+const getSingleValue = (value)=>{
+    if (Array.isArray(value)) return value[0] ?? null;
+    return value;
+};
+const SliderInput_useLogic_useLogic_useLogic = ({ min, max, value, onChange })=>{
+    const inputId = useId();
+    const [inputValue, setInputValue] = useState(value ?? min);
+    const commit = useCallback((nextValue)=>{
+        const normalizedValue = useLogic_clamp(nextValue, min, max);
+        setInputValue(normalizedValue);
+        onChange(normalizedValue);
+    }, [
+        min,
+        max,
+        onChange
+    ]);
+    const onValueChange = useCallback((newValue)=>{
+        const nextValue = getSingleValue(newValue);
+        if (null === nextValue) return;
+        setInputValue(nextValue);
+    }, []);
+    const onInputValueChange = useCallback((event)=>{
+        const numberValue = useLogic_getNumberFromInputValue(event.target.value);
+        if (null !== numberValue) setInputValue(numberValue);
+    }, []);
+    const onKeyDown = useCallback((event)=>{
+        if ('Enter' !== event.key) return;
+        commit(inputValue);
+    }, [
+        commit,
+        inputValue
+    ]);
+    const onConfirm = useCallback((value)=>{
+        const nextValue = getSingleValue(value);
+        if (null === nextValue) return;
+        commit(nextValue);
+    }, [
+        commit
+    ]);
+    useEffect(()=>{
+        setInputValue(value ?? min);
+    }, [
+        value,
+        min
+    ]);
+    return {
+        inputId,
+        inputValue,
+        onInputValueChange,
+        onKeyDown,
+        onValueChange,
+        onConfirm
+    };
+};
+function SliderInput({ min, max, onChange, value, width = 150, unit = '', size = 'medium', className, isActive, inputRef }) {
+    const { inputId, inputValue, onInputValueChange, onKeyDown, onValueChange, onConfirm } = SliderInput_useLogic_useLogic_useLogic({
+        min,
+        max,
+        value,
+        onChange
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "slider-input",
+        className: clsx(SliderInput_styles_css_container, SliderInput_styles_css_sizes[size], {
+            [styles_css_activeClass]: isActive
+        }, className),
+        style: {
+            width
+        },
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                "data-slot": "slider-input-field",
+                className: styles_css_inputClass,
+                type: "text",
+                id: inputId,
+                value: inputValue,
+                onChange: onInputValueChange,
+                onKeyDown: onKeyDown,
+                ref: inputRef
+            }),
+            unit ? /*#__PURE__*/ jsx(Typography, {
+                className: SliderInput_styles_css_textClass,
+                color: "disabled",
+                variant: "caption",
+                children: unit
+            }) : null,
+            /*#__PURE__*/ jsx(Slider_Slider, {
+                min: min,
+                max: max,
+                value: inputValue,
+                onValueChange: onValueChange,
+                onValueCommit: onConfirm,
+                className: slider
+            })
+        ]
+    });
+}
 var Switch_styles_css_root = 'style__gj1ia10';
 var Switch_styles_css_thumb = 'style__gj1ia11';
 function Switch_Switch({ className, size = 'medium', ...props }) {
@@ -5524,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, 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/stories/SliderInput.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Meta } from 'storybook-react-rsbuild';
+import { SliderInput } from '../components/index.ts';
+declare const _default: Meta<typeof SliderInput>;
+export default _default;
+export declare function Demo(): React.JSX.Element;
+export declare function Active(): React.JSX.Element;
+//# sourceMappingURL=SliderInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderInput.stories.d.ts","sourceRoot":"","sources":["../../src/stories/SliderInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;wBAStC,IAAI,CAAC,OAAO,WAAW,CAAC;AAP7B,wBAO8B;AAE9B,wBAAgB,IAAI,sBAkCnB;AAED,wBAAgB,MAAM,sBAcrB"}

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;
 }
 
@@ -4254,12 +4266,68 @@ a.outline__1af895x4:hover {
   transform: translateX(-50%);
 }
 
+.style__1pnwkko7 [data-slot="slider-track"] {
+  height: 1px;
+}
+
 @media (width <= 600px) {
   .style__1pnwkko0 {
     width: 100%;
   }
 }
 
+.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;
@@ -4836,6 +4904,7 @@ a.outline__1af895x4:hover {
 
 .style__1xiua9n1 {
   width: 100%;
+  height: 100%;
   min-height: 100svh;
   display: flex;
 }
@@ -4942,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);
 }
 
@@ -5542,6 +5611,79 @@ a.outline__1af895x4:hover {
   }
 }
 
+.style__pyzq970 {
+  align-items: center;
+  column-gap: var(--spacing-1);
+  background: var(--colors-background-paper);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--borderRadius-md);
+  grid-template-columns: 1fr auto;
+  transition: border .2s;
+  display: grid;
+  position: relative;
+}
+
+.style__pyzq971 {
+  border-color: var(--colors-primary);
+}
+
+.small__pyzq972 {
+  height: 28px;
+  font-size: var(--fontSize-sm);
+  padding-inline: var(--spacing-2);
+}
+
+.medium__pyzq973 {
+  height: 32px;
+  font-size: var(--fontSize-base);
+  padding-inline: var(--spacing-2);
+}
+
+.large__pyzq974 {
+  height: 36px;
+  padding-inline: var(--spacing-3);
+  font-size: var(--fontSize-base);
+}
+
+.style__pyzq975 {
+  text-align: center;
+  width: 100%;
+  min-width: 24px;
+  font-size: inherit;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  border: none;
+  outline: none;
+  overflow: hidden;
+}
+
+.style__pyzq975:focus {
+  border: none;
+}
+
+.style__pyzq976 {
+  font-size: inherit;
+}
+
+.style__pyzq977 {
+  padding-inline: var(--spacing-2);
+  border-radius: 9999px;
+  position: absolute;
+  bottom: -1px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.style__pyzq977 [data-slot="slider-track"] {
+  height: 1px;
+}
+
+@media (width <= 600px) {
+  .style__pyzq970 {
+    width: 100%;
+  }
+}
+
 .style__gj1ia10 {
   cursor: pointer;
   border: 1px solid #0000;

package/package.json

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