@smwb/ui-solid 0.1.0

package/dist/components/inputs/selectField/selectField.js

@@ -0,0 +1,249 @@
+import { createComponent as i, addEventListener as Y, use as S, insert as m, effect as k, memo as V, setAttribute as v, className as Z, template as M, delegateEvents as ee } from "solid-js/web";
+import '../../../assets/styles/less/components/selectField/selectField.entry.css';/* empty css                                                                 */
+import { splitProps as te, createSignal as A, createMemo as re, createEffect as H, Show as x, For as ne } from "solid-js";
+import $ from "clsx";
+import { DropdownMenu as le } from "./dropdownMenu.js";
+import { mergeRefs as ae } from "../../../primitives/mergeRefs.js";
+import { TextFieldWrapper as se } from "../textField/textFieldWrapper.js";
+import { Chip as ie } from "../../dataDisplay/chip/chip.js";
+import { Icon as R } from "../../base/icon/icon.js";
+var W = /* @__PURE__ */ M("<span class=smwb-select-field__values>"), oe = /* @__PURE__ */ M("<span class=smwb-select-field__search><span class=smwb-select-field__search-text></span><input class=smwb-select-field__search-input type=text data-testid=search-input>"), ue = /* @__PURE__ */ M("<span role=button aria-haspopup=listbox data-testid=select-field><span class=smwb-select-field__search-wrapper></span><span class=smwb-select-field__actions>");
+function T(p) {
+  p.preventDefault(), p.stopPropagation();
+}
+function we(p) {
+  const [e] = te(p, ["class", "value", "defaultValue", "onChange", "disabled", "readOnly", "name", "multiple", "menuMaxHeight", "menuMiddleware", "menuNoItemsMessage", "menuContainer", "search", "chips", "isFocused", "error", "items", "label", "variant", "fullWidth", "helperText", "onSearch", "resetSearch", "isLoading", "inline", "endAdornment", "hideSelectArrowIcon", "optionRenderer", "clearable", "creatable", "onCreate", "virtualized", "itemHeight", "aria-label", "id", "ref"]), I = () => e.variant ?? "outlined", [o, f] = A(!1), [z, N] = A(e.defaultValue), [h, b] = A(""), P = e.value != null;
+  let g, w, D;
+  const u = () => P ? e.value : z(), y = () => !!e.isFocused || o(), _ = re(() => {
+    const t = u();
+    if (Array.isArray(t)) return e.items.filter((l) => t.includes(l.value));
+    if (t == null || t === "") return [];
+    const n = e.items.find((l) => l.value === t);
+    return n ? [n] : [];
+  }), C = (t, n) => {
+    e.onChange?.(t, {
+      ...p,
+      value: n,
+      name: e.name || void 0
+    }), N(n);
+  }, j = (t) => {
+    t.button === 0 && (t.preventDefault(), g?.focus(), f(!o()));
+  }, B = () => {
+    f(!1), g?.focus();
+  }, K = () => {
+    e.search === !0 && D?.focus();
+  }, U = (t) => {
+    !e.readOnly && [" ", "ArrowUp", "ArrowDown", "Enter"].includes(t.key) && (t.preventDefault(), f(!o()));
+  };
+  H(() => {
+    (!y() || e.search === "menu" && !o()) && (b(""), e.resetSearch?.());
+  }), H(() => {
+    u(), w && (w.scrollLeft = w.scrollWidth);
+  });
+  const q = (t, n) => {
+    let l;
+    if (e.multiple) {
+      const c = u();
+      l = (Array.isArray(c) ? c : [c].filter(Boolean)).slice();
+      const a = l.findIndex((s) => s === n.value);
+      a === -1 ? l.push(n.value) : l.splice(a, 1);
+    } else
+      l = u() === n.value ? "" : n.value;
+    h() && b(""), e.multiple || (f(!1), g?.focus()), C(t, l);
+  }, E = (t) => {
+    b(t.currentTarget.value), e.onSearch?.(t), o() || f(!0);
+  }, G = (t) => (n) => {
+    const l = u();
+    Array.isArray(l) && C(n, l.filter((c) => t !== c));
+  }, J = (t) => {
+    C(t, []);
+  }, Q = () => {
+    if (e.onSearch) return e.items;
+    const t = h();
+    return t ? e.items.filter((n) => n.text.search(new RegExp(t, "i")) !== -1) : e.items;
+  }, X = () => {
+    const t = h();
+    if (e.creatable && t && !e.items.some((n) => n.text.toLowerCase() === t.toLowerCase()))
+      return {
+        text: `Создать "${t}"`,
+        onCreate: (n) => {
+          e.onCreate?.(t, n), b(""), f(!1);
+        }
+      };
+  };
+  return [i(se, {
+    get label() {
+      return e.label;
+    },
+    get helperText() {
+      return e.helperText;
+    },
+    get variant() {
+      return I();
+    },
+    get disabled() {
+      return e.disabled;
+    },
+    get class() {
+      return e.class;
+    },
+    get error() {
+      return e.error;
+    },
+    get fullWidth() {
+      return e.fullWidth;
+    },
+    get isFilledState() {
+      return !!_().length || !!h();
+    },
+    get isFocused() {
+      return y();
+    },
+    get inline() {
+      return e.inline;
+    },
+    get children() {
+      var t = ue(), n = t.firstChild, l = n.nextSibling;
+      t.$$keydown = U, t.addEventListener("focus", K), Y(t, "mousedown", e.disabled || e.readOnly ? void 0 : j, !0);
+      var c = ae(e.ref, (r) => g = r);
+      return typeof c == "function" && S(c, t), S((r) => w = r, n), m(n, i(x, {
+        get when() {
+          return e.chips;
+        },
+        get fallback() {
+          return (() => {
+            var r = W();
+            return m(r, () => _().map((a) => a.text).join(", ")), r;
+          })();
+        },
+        get children() {
+          var r = W();
+          return m(r, i(ne, {
+            get each() {
+              return _();
+            },
+            children: (a) => i(ie, {
+              get label() {
+                return a.text;
+              },
+              get onDelete() {
+                return G(a.value);
+              },
+              onDeleteMouseDown: T
+            })
+          })), r;
+        }
+      }), null), m(n, i(x, {
+        get when() {
+          return V(() => !!(e.search && typeof e.search == "boolean"))() && !e.readOnly;
+        },
+        get children() {
+          var r = oe(), a = r.firstChild, s = a.nextSibling;
+          return m(a, h), s.$$keydown = (d) => d.stopPropagation(), s.$$mousedown = (d) => {
+            d.stopPropagation(), f(!0);
+          }, s.$$input = E, S((d) => D = d, s), k(() => s.value = h()), r;
+        }
+      }), null), m(l, i(x, {
+        get when() {
+          return V(() => !!(Array.isArray(u()) && u().length > 0 || e.clearable && _().length > 0))() && !e.disabled;
+        },
+        get children() {
+          return i(R, {
+            name: "close",
+            size: 20,
+            onClick: J,
+            onMouseDown: T,
+            get class() {
+              return $("smwb-select-field__icon", "smwb-select-field__icon--close");
+            },
+            "aria-label": "Clear selection",
+            role: "button"
+          });
+        }
+      }), null), m(l, () => e.endAdornment, null), m(l, i(x, {
+        get when() {
+          return !e.hideSelectArrowIcon;
+        },
+        get children() {
+          return i(R, {
+            name: "arrow_drop_down",
+            get class() {
+              return $("smwb-select-field__icon", "smwb-select-field__icon--arrow", {
+                "smwb-select-field__icon--opened": o(),
+                "smwb-select-field__icon--focused": y(),
+                "smwb-select-field__icon--error": e.error
+              });
+            }
+          });
+        }
+      }), null), k((r) => {
+        var a = e.id, s = $("smwb-select-field", e.class, {
+          "smwb-select-field--filled": I() === "filled" && e.label,
+          "smwb-select-field--disabled": e.disabled,
+          "smwb-select-field--search": e.search,
+          "smwb-select-field--inline": e.inline
+        }), d = e.disabled ? void 0 : 0, F = o(), O = e.disabled || void 0, L = e["aria-label"];
+        return a !== r.e && v(t, "id", r.e = a), s !== r.t && Z(t, r.t = s), d !== r.a && v(t, "tabindex", r.a = d), F !== r.o && v(t, "aria-expanded", r.o = F), O !== r.i && v(t, "aria-disabled", r.i = O), L !== r.n && v(t, "aria-label", r.n = L), r;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0,
+        n: void 0
+      }), t;
+    }
+  }), i(le, {
+    anchorElement: () => g ?? null,
+    get menuMaxHeight() {
+      return e.menuMaxHeight;
+    },
+    get menuMiddleware() {
+      return e.menuMiddleware;
+    },
+    get search() {
+      return e.search === "menu";
+    },
+    onSearchInputChange: E,
+    get optionRenderer() {
+      return e.optionRenderer;
+    },
+    get items() {
+      return Q();
+    },
+    get searchValue() {
+      return h();
+    },
+    get isOpen() {
+      return o();
+    },
+    onClose: B,
+    onItemClick: q,
+    get value() {
+      return u();
+    },
+    get isLoading() {
+      return e.isLoading;
+    },
+    get menuNoItemsMessage() {
+      return e.menuNoItemsMessage;
+    },
+    get container() {
+      return e.menuContainer;
+    },
+    get virtualized() {
+      return e.virtualized;
+    },
+    get itemHeight() {
+      return e.itemHeight;
+    },
+    get createOption() {
+      return X();
+    }
+  })];
+}
+ee(["mousedown", "keydown", "input"]);
+export {
+  we as SelectField
+};
+//# sourceMappingURL=selectField.js.map

package/dist/components/inputs/selectField/selectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectField.js","sources":["../../../../src/components/inputs/selectField/selectField.tsx"],"sourcesContent":["import { type JSX, For, Show, createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DropdownMenu, type DropdownItem, type DropdownItemProps } from \"./dropdownMenu\";\nimport { Chip } from \"../../dataDisplay/chip\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { Icon } from \"../../base/icon\";\nimport type { MenuItemProps } from \"../../navigation/menu\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype SelectEvent = Event & { currentTarget: Element; target: Element };\ntype SearchEvent = Event & { currentTarget: HTMLInputElement };\ntype SelectValue = null | string | number | (string | number | undefined | null)[];\n\nexport type OnSelectChange = (e: SelectEvent, data: SelectFieldProps) => void;\n\nexport interface SelectFieldProps {\n  class?: string;\n  value?: SelectValue | undefined;\n  defaultValue?: null | string | number | (string | number)[];\n  onChange?: OnSelectChange;\n  disabled?: boolean;\n  readOnly?: boolean;\n  name?: string | undefined;\n  multiple?: boolean;\n  menuMaxHeight?: number;\n  menuMiddleware?: DropdownItemProps[\"menuMiddleware\"];\n  menuNoItemsMessage?: JSX.Element;\n  menuContainer?: HTMLElement;\n  search?: true | false | \"menu\";\n  chips?: boolean;\n  isFocused?: boolean;\n  error?: boolean;\n  items: DropdownItem[];\n  label?: string;\n  variant?: \"outlined\" | \"filled\";\n  fullWidth?: boolean;\n  helperText?: JSX.Element;\n  onSearch?: (e: SearchEvent) => void;\n  isLoading?: boolean;\n  resetSearch?: () => void;\n  inline?: boolean;\n  endAdornment?: JSX.Element;\n  hideSelectArrowIcon?: boolean;\n  optionRenderer?: (args: MenuItemProps) => JSX.Element;\n  clearable?: boolean;\n  creatable?: boolean;\n  onCreate?: (inputValue: string, event: SelectEvent) => void;\n  virtualized?: boolean;\n  itemHeight?: number;\n  \"aria-label\"?: string;\n  id?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction stopEvent(event: Event): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport function SelectField(props: SelectFieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"disabled\",\n    \"readOnly\",\n    \"name\",\n    \"multiple\",\n    \"menuMaxHeight\",\n    \"menuMiddleware\",\n    \"menuNoItemsMessage\",\n    \"menuContainer\",\n    \"search\",\n    \"chips\",\n    \"isFocused\",\n    \"error\",\n    \"items\",\n    \"label\",\n    \"variant\",\n    \"fullWidth\",\n    \"helperText\",\n    \"onSearch\",\n    \"resetSearch\",\n    \"isLoading\",\n    \"inline\",\n    \"endAdornment\",\n    \"hideSelectArrowIcon\",\n    \"optionRenderer\",\n    \"clearable\",\n    \"creatable\",\n    \"onCreate\",\n    \"virtualized\",\n    \"itemHeight\",\n    \"aria-label\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  const variant = (): \"outlined\" | \"filled\" => local.variant ?? \"outlined\";\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [valueState, setValueState] = createSignal<SelectValue | undefined>(local.defaultValue);\n  const [searchValue, setSearchValue] = createSignal(\"\");\n\n  const isControlled = local.value != null;\n  let anchorEl: HTMLSpanElement | undefined;\n  let searchWrapperEl: HTMLSpanElement | undefined;\n  let searchInputEl: HTMLInputElement | undefined;\n\n  const value = (): SelectValue | undefined => (isControlled ? local.value : valueState());\n  const isFocused = (): boolean => !!local.isFocused || isOpen();\n\n  // Selection is derived from the current value — no effect-driven sync.\n  const selectedItems = createMemo<DropdownItem[]>(() => {\n    const v = value();\n    if (Array.isArray(v)) return local.items.filter((item) => v.includes(item.value));\n    if (v === undefined || v === null || v === \"\") return [];\n    const item = local.items.find((i) => i.value === v);\n    return item ? [item] : [];\n  });\n\n  const updateValue = (event: SelectEvent, next: SelectValue | undefined): void => {\n    local.onChange?.(event, { ...props, value: next, name: local.name || undefined });\n    setValueState(next);\n  };\n\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    anchorEl?.focus();\n    setIsOpen(!isOpen());\n  };\n\n  const onClose = (): void => {\n    setIsOpen(false);\n    anchorEl?.focus();\n  };\n\n  const onFocus = (): void => {\n    if (local.search === true) searchInputEl?.focus();\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.readOnly && [\" \", \"ArrowUp\", \"ArrowDown\", \"Enter\"].includes(event.key)) {\n      event.preventDefault();\n      setIsOpen(!isOpen());\n    }\n  };\n\n  // Reset search text when the field loses focus / menu closes.\n  createEffect(() => {\n    if (!isFocused() || (local.search === \"menu\" && !isOpen())) {\n      setSearchValue(\"\");\n      local.resetSearch?.();\n    }\n  });\n\n  // Keep the multi-value scroller pinned to the end.\n  createEffect(() => {\n    value();\n    if (searchWrapperEl) searchWrapperEl.scrollLeft = searchWrapperEl.scrollWidth;\n  });\n\n  const onItemClick = (event: SelectEvent, item: DropdownItem): void => {\n    let next: SelectValue | undefined;\n    if (local.multiple) {\n      const current = value();\n      const valueArray = (Array.isArray(current) ? current : [current].filter(Boolean)) as Array<string | number | undefined | null>;\n      next = valueArray.slice();\n      const idx = next.findIndex((el) => el === item.value);\n      if (idx === -1) next.push(item.value);\n      else next.splice(idx, 1);\n    } else {\n      next = value() === item.value ? \"\" : item.value;\n    }\n    if (searchValue()) setSearchValue(\"\");\n    if (!local.multiple) {\n      setIsOpen(false);\n      anchorEl?.focus();\n    }\n    updateValue(event, next);\n  };\n\n  const onSearchInputChange = (event: SearchEvent): void => {\n    setSearchValue(event.currentTarget.value);\n    local.onSearch?.(event);\n    if (!isOpen()) setIsOpen(true);\n  };\n\n  const onDeleteChip = (currentValue: string | number | undefined | null) => (event: SelectEvent): void => {\n    const current = value();\n    if (Array.isArray(current)) {\n      updateValue(event, current.filter((v) => currentValue !== v));\n    }\n  };\n\n  const onResetSelected: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    updateValue(event, []);\n  };\n\n  const filteredItems = (): DropdownItem[] => {\n    if (local.onSearch) return local.items;\n    const sv = searchValue();\n    if (sv) return local.items.filter((el) => el.text.search(new RegExp(sv, \"i\")) !== -1);\n    return local.items;\n  };\n\n  const createOption = (): DropdownItemProps[\"createOption\"] => {\n    const sv = searchValue();\n    if (local.creatable && sv && !local.items.some((i) => i.text.toLowerCase() === sv.toLowerCase())) {\n      return {\n        text: `Создать \"${sv}\"`,\n        onCreate: (event) => {\n          local.onCreate?.(sv, event);\n          setSearchValue(\"\");\n          setIsOpen(false);\n        },\n      };\n    }\n    return undefined;\n  };\n\n  return (\n    <>\n      <TextFieldWrapper\n        label={local.label}\n        helperText={local.helperText}\n        variant={variant()}\n        disabled={local.disabled}\n        class={local.class}\n        error={local.error}\n        fullWidth={local.fullWidth}\n        isFilledState={!!selectedItems().length || !!searchValue()}\n        isFocused={isFocused()}\n        inline={local.inline}\n      >\n        <span\n          ref={mergeRefs(local.ref, (el) => (anchorEl = el as HTMLSpanElement))}\n          id={local.id}\n          class={cn(\"smwb-select-field\", local.class, {\n            \"smwb-select-field--filled\": variant() === \"filled\" && local.label,\n            \"smwb-select-field--disabled\": local.disabled,\n            \"smwb-select-field--search\": local.search,\n            \"smwb-select-field--inline\": local.inline,\n          })}\n          tabindex={local.disabled ? undefined : 0}\n          role=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen()}\n          aria-disabled={local.disabled || undefined}\n          aria-label={local[\"aria-label\"]}\n          onMouseDown={local.disabled || local.readOnly ? undefined : onMouseDown}\n          onFocus={onFocus}\n          onKeyDown={onKeyDown}\n          data-testid=\"select-field\"\n        >\n          <span class=\"smwb-select-field__search-wrapper\" ref={(el) => (searchWrapperEl = el)}>\n            <Show\n              when={local.chips}\n              fallback={<span class=\"smwb-select-field__values\">{selectedItems().map((el) => el.text).join(\", \")}</span>}\n            >\n              <span class=\"smwb-select-field__values\">\n                <For each={selectedItems()}>\n                  {(item) => (\n                    <Chip label={item.text} onDelete={onDeleteChip(item.value)} onDeleteMouseDown={stopEvent} />\n                  )}\n                </For>\n              </span>\n            </Show>\n            <Show when={local.search && typeof local.search === \"boolean\" && !local.readOnly}>\n              <span class=\"smwb-select-field__search\">\n                <span class=\"smwb-select-field__search-text\">{searchValue()}</span>\n                <input\n                  class=\"smwb-select-field__search-input\"\n                  ref={(el) => (searchInputEl = el)}\n                  type=\"text\"\n                  value={searchValue()}\n                  onInput={onSearchInputChange}\n                  onMouseDown={(event) => {\n                    event.stopPropagation();\n                    setIsOpen(true);\n                  }}\n                  onKeyDown={(event) => event.stopPropagation()}\n                  data-testid=\"search-input\"\n                />\n              </span>\n            </Show>\n          </span>\n          <span class=\"smwb-select-field__actions\">\n            <Show\n              when={\n                ((Array.isArray(value()) && (value() as unknown[]).length > 0) ||\n                  (local.clearable && selectedItems().length > 0)) &&\n                !local.disabled\n              }\n            >\n              <Icon\n                name=\"close\"\n                size={20}\n                onClick={onResetSelected}\n                onMouseDown={stopEvent}\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--close\")}\n                aria-label=\"Clear selection\"\n                role=\"button\"\n              />\n            </Show>\n            {local.endAdornment}\n            <Show when={!local.hideSelectArrowIcon}>\n              <Icon\n                name=\"arrow_drop_down\"\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--arrow\", {\n                  \"smwb-select-field__icon--opened\": isOpen(),\n                  \"smwb-select-field__icon--focused\": isFocused(),\n                  \"smwb-select-field__icon--error\": local.error,\n                })}\n              />\n            </Show>\n          </span>\n        </span>\n      </TextFieldWrapper>\n      <DropdownMenu\n        anchorElement={() => anchorEl ?? null}\n        menuMaxHeight={local.menuMaxHeight}\n        menuMiddleware={local.menuMiddleware}\n        search={local.search === \"menu\"}\n        onSearchInputChange={onSearchInputChange}\n        optionRenderer={local.optionRenderer}\n        items={filteredItems()}\n        searchValue={searchValue()}\n        isOpen={isOpen()}\n        onClose={onClose}\n        onItemClick={onItemClick}\n        value={value()}\n        isLoading={local.isLoading}\n        menuNoItemsMessage={local.menuNoItemsMessage}\n        container={local.menuContainer}\n        virtualized={local.virtualized}\n        itemHeight={local.itemHeight}\n        createOption={createOption()}\n      />\n    </>\n  );\n}\n\nexport default SelectField;\n"],"names":["stopEvent","event","preventDefault","stopPropagation","SelectField","props","local","splitProps","variant","isOpen","setIsOpen","createSignal","valueState","setValueState","defaultValue","searchValue","setSearchValue","isControlled","value","anchorEl","searchWrapperEl","searchInputEl","isFocused","selectedItems","createMemo","v","Array","isArray","items","filter","item","includes","find","i","updateValue","next","onChange","name","undefined","onMouseDown","button","focus","onClose","onFocus","search","onKeyDown","readOnly","key","createEffect","resetSearch","scrollLeft","scrollWidth","onItemClick","multiple","current","Boolean","slice","idx","findIndex","el","push","splice","onSearchInputChange","currentTarget","onSearch","onDeleteChip","currentValue","onResetSelected","filteredItems","sv","text","RegExp","createOption","creatable","some","toLowerCase","onCreate","_$createComponent","TextFieldWrapper","label","helperText","disabled","class","error","fullWidth","isFilledState","length","inline","children","_el$","_tmpl$3","_el$2","firstChild","_el$7","nextSibling","$$keydown","addEventListener","_$addEventListener","_ref$","mergeRefs","ref","_$use","_$insert","Show","when","chips","fallback","_el$8","_tmpl$","map","join","_el$3","For","each","Chip","onDelete","onDeleteMouseDown","_$memo","_el$4","_tmpl$2","_el$5","_el$6","$$mousedown","$$input","_$effect","clearable","Icon","size","onClick","cn","role","endAdornment","hideSelectArrowIcon","_p$","_v$","id","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$setAttribute","t","_$className","a","o","n","DropdownMenu","anchorElement","menuMaxHeight","menuMiddleware","optionRenderer","isLoading","menuNoItemsMessage","container","menuContainer","virtualized","itemHeight","_$delegateEvents"],"mappings":"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"}

package/dist/components/inputs/slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider, default } from "./slider";
+export type { SliderProps, SliderValue, SliderMark } from "./slider";

package/dist/components/inputs/slider/slider.d.ts

@@ -0,0 +1,34 @@
+import { type JSX } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type SliderValue = number | [number, number];
+export interface SliderMark {
+    value: number;
+    label?: JSX.Element;
+}
+export interface SliderProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, "onChange"> {
+    value?: SliderValue;
+    onChange?: (event: Event, value: SliderValue, data: SliderProps) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    name?: string;
+    defaultValue?: SliderValue;
+    disabled?: boolean;
+    variant?: "continuous" | "discrete";
+    valueField?: boolean;
+    withTicks?: boolean;
+    label?: string;
+    helperText?: JSX.Element;
+    error?: boolean;
+    size?: "small" | "medium" | "large";
+    color?: "primary" | "secondary" | "error" | "success" | "warning" | "info";
+    /** Enables a two-thumb range slider (value becomes `[number, number]`). */
+    range?: boolean;
+    orientation?: "horizontal" | "vertical";
+    marks?: boolean | SliderMark[];
+    "aria-label"?: string;
+    getAriaValueText?: (value: number) => string;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Slider(props: SliderProps): JSX.Element;
+export default Slider;