@grandbazar/ui-baza 1.2.21 → 1.3.0

package/dist/index.d.ts

@@ -2,10 +2,6 @@ import { ComponentProps } from 'react';
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 import { Dispatch } from 'react';
-import { IconGoogle } from './logos';
-import { IconTelegram } from './logos';
-import { IconVK } from './logos';
-import { IconYandex } from './logos';
 import { JSX } from 'react/jsx-runtime';
 import { ReactPortal } from 'react';
 import { SetStateAction } from 'react';
@@ -296,6 +292,8 @@ export declare namespace IconGear {
     var Filled: (props: TSvgIconProps) => JSX.Element;
 }
 
+declare function IconGoogle(props: TSvgIconProps): JSX.Element;
+
 export declare function IconHanger(props: TSvgIconProps): JSX.Element;
 
 export declare function IconHome(props: TSvgIconProps): JSX.Element;
@@ -377,12 +375,16 @@ export declare namespace IconStore {
 
 export declare function IconSwitch(props: TSvgIconProps): JSX.Element;
 
+declare function IconTelegram(props: TSvgIconProps): JSX.Element;
+
 export declare function IconTrash(props: TSvgIconProps): JSX.Element;
 
 export declare namespace IconTrash {
     var Filled: (props: TSvgIconProps) => JSX.Element;
 }
 
+declare function IconVK(props: TSvgIconProps): JSX.Element;
+
 export declare function IconXMark(props: TSvgIconProps): JSX.Element;
 
 export declare namespace IconXMark {
@@ -393,6 +395,8 @@ export declare function IconXMarkCircle(props: TSvgIconProps): JSX.Element;
 
 declare function IconXMarkSmall(props: TSvgIconProps): JSX.Element;
 
+declare function IconYandex(props: TSvgIconProps): JSX.Element;
+
 export declare const LOCALE_FIRST_DAY_OF_WEEK: TLabel<number>;
 
 declare const LOCALES: readonly ["en", "ru"];
@@ -508,6 +512,33 @@ declare function SegmentControlItem({ className, children, value, ...props }: TS
 
 declare function SegmentControlRoot({ className, children, value, size, ...props }: TSegmentControlRootProps): JSX.Element;
 
+/**
+ * Slider selects a single controlled numeric value by dragging a handle along a track.
+ * Values always snap to `step` and stay inside `[min, max]`.
+ *
+ * Renders a handle with `role="slider"` — pass `aria-label` to describe what the value controls.
+ *
+ * @param value - Current value
+ * @param onChange - Called with the next value on drag, track click or keyboard interaction
+ * @param min - Lower bound (default 0)
+ * @param max - Upper bound (default 100)
+ * @param step - Positive increment the value snaps to (default 1)
+ * @param marks - Tick marks under the track; a number renders itself as the label, `{ value }` renders a dot without one
+ * @param disabled - Disables interaction and removes the handle from the tab order
+ *
+ * @example
+ * <Slider value={value} onChange={setValue} />
+ *
+ * <Slider.Range value={[from, to]} onChange={setRange} min={1} max={10} marks={createRange(1, 10)} />
+ */
+export declare function Slider({ value, onChange, ...props }: TSliderProps): React.ReactElement;
+
+export declare namespace Slider {
+    var Range: typeof SliderRange;
+}
+
+declare function SliderRange({ value, onChange, ...props }: TSliderRangeProps): React.ReactElement;
+
 /**
  * Stepper increments or decrements a controlled numeric value with minus and plus buttons.
  * The buttons disable automatically when the value reaches the min or max bound.
@@ -852,6 +883,31 @@ declare type TSegmentControlRootProps = Omit<React.HTMLAttributes<HTMLDivElement
 
 declare type TSegmentControlValue = string | number;
 
+declare type TSliderCommonProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'defaultChecked'> & {
+    min?: number;
+    max?: number;
+    step?: number;
+    marks?: TSliderMark[];
+    disabled?: boolean;
+};
+
+export declare type TSliderMark = number | {
+    value: number;
+    label?: React.ReactNode;
+};
+
+export declare type TSliderProps = TSliderCommonProps & {
+    value: number;
+    onChange: (value: number) => void;
+};
+
+export declare type TSliderRangeProps = TSliderCommonProps & {
+    value: TSliderRangeValue;
+    onChange: (value: TSliderRangeValue) => void;
+};
+
+export declare type TSliderRangeValue = [number, number];
+
 export declare type TStepperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
     value: number;
     onChange: (value: number) => void;