@alif-ui-test/core 1.11.0 → 2.0.0-alpha.5

package/dist/components/Button/Button.js

@@ -1,46 +1,25 @@
-import { jsx as o, jsxs as v, Fragment as b } from "react/jsx-runtime";
-import a from "./Button.module.css.js";
-import { getButtonStyles as j, getLoaderVariant as z } from "./Button.utils.js";
-import { Loader as u } from "../Loader/Loader.js";
-import { validateIconButtonProps as N } from "../../utils/validate-icon-button-props.js";
-import { classNames as V } from "../../utils/class-names.js";
-const q = ({
-  children: t,
-  className: i,
-  leftSection: s,
-  rightSection: m,
-  size: n = "m",
-  variant: l = "primary",
-  isIconBtn: e = !1,
-  isActive: d = !1,
-  isLoading: r = !1,
-  disabled: x,
-  ...c
-}) => {
-  N(e, s, m, t);
-  const f = ["xs", "s"].includes(n) ? "xs" : "s", p = z(l), y = () => e ? r ? /* @__PURE__ */ o(u, { size: f, variant: p }) : t : /* @__PURE__ */ v(b, { children: [
-    r && /* @__PURE__ */ o(u, { size: f, variant: p }),
-    s,
-    t,
-    m
-  ] });
-  return /* @__PURE__ */ o(
-    "button",
-    {
-      style: j(l, n, e),
-      className: V(
-        a.root,
-        d && a.active,
-        r && a.isLoading,
-        i
-      ),
-      disabled: x,
-      tabIndex: r ? -1 : 0,
-      ...c,
-      children: y()
-    }
-  );
-};
-export {
-  q as Button
-};
+import { classNames as e } from "../../utils/class-names.js";
+import t from "./Button.module.js";
+import { getButtonStyles as n } from "./Button.utils.js";
+import { Loader as r } from "../Loader/Loader.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Button/Button.tsx
+var o = ({ children: o, variant: s = "main", color: c = "primary", size: l = "m", loading: u, className: d, style: f, fullWidth: p, tabIndex: m, ...h }) => /* @__PURE__ */ a("button", {
+	className: e(t.root, "uiFont", u && t.loading, p && "uiFullWidth", d),
+	style: n(s, c, l, f),
+	tabIndex: u ? -1 : m,
+	...h,
+	children: [u && /* @__PURE__ */ i("span", {
+		className: t.loader,
+		"data-testid": "button-loader",
+		children: /* @__PURE__ */ i(r, {
+			size: ["xs", "s"].includes(l) ? "xs" : "s",
+			color: "inherit"
+		})
+	}), /* @__PURE__ */ i("span", {
+		className: t.content,
+		children: o
+	})]
+});
+//#endregion
+export { o as Button };

package/dist/components/Button/Button.module.js

@@ -0,0 +1,8 @@
+var e = {
+	root: "_root_1ff42_1",
+	loading: "_loading_1ff42_444",
+	loader: "_loader_1ff42_484",
+	content: "_content_1ff42_497"
+};
+//#endregion
+export { e as default };

package/dist/components/Button/Button.utils.js

@@ -1,69 +1,37 @@
-import { getSize as r } from "../../utils/get-size.js";
-import { resolveTypography as n } from "../../utils/typography.js";
-const c = (o) => {
-  switch (o) {
-    case "xs":
-      return n("description", "l");
-    case "s":
-      return n("body", "sStrong");
-    case "m":
-    case "l":
-      return n("body", "mStrong");
-  }
-}, a = (o, t, l) => {
-  const e = {
-    borderColor: "transparent",
-    borderColorHover: "transparent",
-    borderColorDisabled: "transparent",
-    borderColorActive: "transparent"
-  };
-  (o === "outline" || o === "outline-neutral") && (e.borderColor = `var(--button-border-color-${o}-default)`, e.borderColorHover = `var(--button-border-color-${o}-hover)`, e.borderColorActive = `var(--button-border-color-${o}-active)`, e.borderColorDisabled = `var(--button-border-color-${o}-disabled)`);
-  const b = c(t);
-  return {
-    "--button-height": r(t, "button-height"),
-    "--button-padding-x": l ? r(t, "button-spacing-horizontal-icon-btn") : r(t, "button-spacing-horizontal"),
-    "--button-padding-y": l ? r(t, "button-spacing-horizontal-icon-btn") : r(t, "button-spacing-horizontal"),
-    "--button-font-family": b.fontFamily,
-    "--button-font-weight": b.fontWeight,
-    "--button-font-size": b.fontSize,
-    "--button-line-height": b.lineHeight,
-    "--button-letter-spacing": b.letterSpacing,
-    "--button-border-radius": r(t, "button-border-radius"),
-    "--button-border-width": r(t, "button-border-width"),
-    "--button-bg-color": `var(--button-bg-color-${o}-default)`,
-    "--button-bg-color-active": `var(--button-bg-color-${o}-active)`,
-    "--button-bg-color-disabled": `var(--button-bg-color-${o}-disabled)`,
-    "--button-bg-color-hover": `var(--button-bg-color-${o}-hover)`,
-    "--button-label-color": `var(--button-label-color-${o}-default)`,
-    "--button-label-color-hover": `var(--button-label-color-${o}-hover)`,
-    "--button-label-color-active": `var(--button-label-color-${o}-active)`,
-    "--button-label-color-disabled": `var(--button-label-color-${o}-disabled)`,
-    "--button-border-color-hover": e.borderColorHover,
-    "--button-border-color": e.borderColor,
-    "--button-border-color-active": e.borderColorActive,
-    "--button-border-color-disabled": e.borderColorDisabled,
-    "--button-icon-width": r(t, "button-icon-width"),
-    "--button-icon-height": r(t, "button-icon-height"),
-    "--button-icon-color": `var(--button-icon-color-${o}-default)`,
-    "--button-icon-color-hover": `var(--button-icon-color-${o}-hover)`,
-    "--button-icon-color-active": `var(--button-icon-color-${o}-active)`,
-    "--button-icon-color-disabled": `var(--button-icon-color-${o}-disabled)`
-  };
-}, i = (o) => {
-  switch (o) {
-    case "outline":
-      return "primary";
-    case "outline-neutral":
-    case "secondary":
-    case "tertiary":
-      return "secondary";
-    case "primary":
-      return "contrast";
-    case "risk":
-      return "risk";
-  }
-};
-export {
-  a as getButtonStyles,
-  i as getLoaderVariant
-};
+import { resolveTypography as e } from "../../utils/typography.js";
+//#region src/components/Button/Button.utils.ts
+var t = (t) => {
+	switch (t) {
+		case "xs": return e("description", "l", "regular");
+		case "s": return e("body", "s", "medium");
+		case "m":
+		case "l": return e("body", "m", "medium");
+	}
+}, n = (e, n, r, i) => ({
+	...t(r),
+	"--button-height": `var(--button-${e}-height-${r})`,
+	"--button-min-width": e === "function" ? "auto" : `var(--button-main-min-width-${r})`,
+	"--button-spacing-between": `var(--button-spacing-between-${r})`,
+	"--button-padding-x": `var(--button-${e}-spacing-horizontal-${r})`,
+	"--button-bg-color": `var(--button-${e}-bg-color-${n}-default)`,
+	"--button-bg-color-active": `var(--button-${e}-bg-color-${n}-active)`,
+	"--button-bg-color-disabled": `var(--button-${e}-bg-color-${n}-disabled)`,
+	"--button-bg-color-hover": `var(--button-${e}-bg-color-${n}-hover)`,
+	"--button-border-radius": `var(--button-${e}-border-radius-${r})`,
+	"--button-border-width": `var(--button-${e}-border-width-${r})`,
+	"--button-border-width-focus": `var(--button-${e}-border-width-focus)`,
+	"--button-content-color": `var(--button-${e}-content-color-${n}-default)`,
+	"--button-content-color-hover": `var(--button-${e}-content-color-${n}-hover)`,
+	"--button-content-color-active": `var(--button-${e}-content-color-${n}-active)`,
+	"--button-content-color-disabled": `var(--button-${e}-content-color-${n}-disabled)`,
+	"--button-border-color-default": `var(--button-${e}-border-color-${n}-default)`,
+	"--button-border-color-hover": `var(--button-${e}-border-color-${n}-hover)`,
+	"--button-border-color-active": `var(--button-${e}-border-color-${n}-active)`,
+	"--button-border-color-disabled": `var(--button-${e}-border-color-${n}-disabled)`,
+	"--button-border-color-focus": `var(--button-${e}-border-color-${n}-focus)`,
+	"--button-icon-size": `var(--button-icon-size-${r})`,
+	"--button-box-shadow": e === "fab" ? "var(--shadow-l)" : "none",
+	...i
+});
+//#endregion
+export { n as getButtonStyles };

package/dist/components/Checkbox/Checkbox.js

@@ -1,54 +1,58 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import e from "./Checkbox.module.css.js";
-import { getCheckboxStyles as m } from "./Checkbox.utils.js";
-import { OutlineSystemRemove as p } from "../../icons/components/OutlineSystemRemove.js";
-import { classNames as t } from "../../utils/class-names.js";
-const b = ({
-  label: r,
-  description: a,
-  size: l = "s",
-  checked: i = !1,
-  isAllChecked: n = !1,
-  ...c
-}) => /* @__PURE__ */ o(
-  "label",
-  {
-    style: m(l),
-    className: t(e.root, n && e.inputWithList),
-    children: [
-      /* @__PURE__ */ s("input", { hidden: !0, type: "checkbox", checked: i, ...c }),
-      /* @__PURE__ */ o("div", { className: e.checkboxIcon, children: [
-        /* @__PURE__ */ s(
-          p,
-          {
-            className: t(!i && n && e.iconVisible)
-          }
-        ),
-        /* @__PURE__ */ s(
-          "svg",
-          {
-            viewBox: "0 0 24 24",
-            className: t(e.checkmark, i && e.iconVisible),
-            children: /* @__PURE__ */ s(
-              "path",
-              {
-                fill: "none",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M5 12L10 17L20 7"
-              }
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ o("div", { className: e.textContainer, children: [
-        r && /* @__PURE__ */ s("span", { className: e.label, children: r }),
-        a && /* @__PURE__ */ s("span", { className: e.description, children: a })
-      ] })
-    ]
-  }
-);
-export {
-  b as Checkbox
+import { classNames as e } from "../../utils/class-names.js";
+import t from "./Checkbox.module.js";
+import { getCheckboxStyles as n } from "./Checkbox.utils.js";
+import { useCheckboxGroupContext as r } from "./CheckboxGroup/CheckboxGroup.context.js";
+import { CheckboxGroup as i } from "./CheckboxGroup/CheckboxGroup.js";
+import { InlineInput as a } from "../InlineInput/InlineInput.js";
+import { useComponentId as o } from "../../hooks/useComponentId/useComponentId.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { OutlineSystemRemove as l } from "@alif-ui-test/icons";
+//#region src/components/Checkbox/Checkbox.tsx
+var u = ({ label: i, description: u, size: d = "m", checked: f = !1, isAllChecked: p = !1, labelPosition: m = "right", id: h, value: g, disabled: _, name: v, ...y }) => {
+	let b = o(h), x = r(), S = x?.size ?? d, C = x?.labelPosition ?? m, w = x?.disabled || _, T = {
+		name: x?.name ?? v,
+		checked: x?.values.includes(String(g)) ?? f,
+		onChange: (e) => {
+			x?.toggleValue(String(g)), y.onChange?.(e);
+		}
+	};
+	return /* @__PURE__ */ s(a, {
+		label: i,
+		description: u,
+		size: S,
+		disabled: w,
+		style: n(S),
+		className: e(t.root, p && t.inputWithList),
+		bodyElement: "label",
+		labelPosition: C,
+		id: b,
+		children: /* @__PURE__ */ c("div", {
+			className: t.checkboxInner,
+			children: [
+				/* @__PURE__ */ s("input", {
+					id: b,
+					type: "checkbox",
+					disabled: w,
+					value: g,
+					...y,
+					...T
+				}),
+				/* @__PURE__ */ s(l, { className: e(!T.checked && p && t.iconVisible) }),
+				/* @__PURE__ */ s("svg", {
+					viewBox: "0 0 24 24",
+					className: e(t.checkmark, T.checked && t.iconVisible),
+					children: /* @__PURE__ */ s("path", {
+						fill: "none",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "M5 12L10 17L20 7"
+					})
+				})
+			]
+		})
+	});
 };
+u.Group = i;
+//#endregion
+export { u as Checkbox };

package/dist/components/Checkbox/Checkbox.module.js

@@ -0,0 +1,8 @@
+var e = {
+	root: "_root_22u0b_1",
+	checkboxInner: "_checkboxInner_22u0b_29",
+	inputWithList: "_inputWithList_22u0b_94",
+	iconVisible: "_iconVisible_22u0b_100"
+};
+//#endregion
+export { e as default };

package/dist/components/Checkbox/Checkbox.utils.js

@@ -1,44 +1,10 @@
-import { getSize as t } from "../../utils/get-size.js";
-import { resolveTypography as i } from "../../utils/typography.js";
-const n = (e) => {
-  switch (e) {
-    case "m":
-      return i("body", "m");
-    case "s":
-      return i("body", "s");
-  }
-}, r = (e) => {
-  switch (e) {
-    case "m":
-      return i("description", "l");
-    case "s":
-      return i("description", "m");
-  }
-}, s = (e) => {
-  const o = n(e), c = r(e);
-  return {
-    "--label-font-family": o.fontFamily,
-    "--label-font-size": o.fontSize,
-    "--label-font-weight": o.fontWeight,
-    "--label-line-height": o.lineHeight,
-    "--label-letter-spacing": o.letterSpacing,
-    "--description-font-family": c.fontFamily,
-    "--description-font-weight": c.fontWeight,
-    "--description-font-size": c.fontSize,
-    "--description-line-height": c.lineHeight,
-    "--description-letter-spacing": c.letterSpacing,
-    "--checkbox-height": t(e, "checkbox-height"),
-    "--checkbox-space-between": t(e, "checkbox-spacing-between"),
-    "--checkbox-border": t(e, "checkbox-border-width"),
-    "--checkbox-border-radius": t(e, "checkbox-border-radius"),
-    "--checkbox-icon-width": t(e, "checkbox-icon-width"),
-    "--checkbox-icon-height": t(e, "checkbox-icon-height"),
-    "--checkbox-spacing-horizontal": t(
-      e,
-      "checkbox-spacing-horizontal"
-    )
-  };
-};
-export {
-  s as getCheckboxStyles
-};
+import { getSize as e } from "../../utils/get-size.js";
+//#region src/components/Checkbox/Checkbox.utils.ts
+var t = (t) => ({
+	"--checkbox-size": e(t, "checkbox-size"),
+	"--checkbox-border-width": e(t, "checkbox-border-width"),
+	"--checkbox-border-radius": e(t, "checkbox-border-radius"),
+	"--checkbox-icon-size": e(t, "checkbox-icon-size")
+});
+//#endregion
+export { t as getCheckboxStyles };

package/dist/components/Checkbox/CheckboxGroup/CheckboxGroup.context.js

@@ -0,0 +1,5 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/components/Checkbox/CheckboxGroup/CheckboxGroup.context.ts
+var n = e(null), r = () => t(n);
+//#endregion
+export { n as CheckboxGroupContext, r as useCheckboxGroupContext };

package/dist/components/Checkbox/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,29 @@
+import { classNames as e } from "../../../utils/class-names.js";
+import { CheckboxGroupContext as t } from "./CheckboxGroup.context.js";
+import n from "./CheckboxGroup.module.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx
+var i = ({ name: i, size: a, value: o, children: s, onChange: c, orientation: l = "vertical", className: u, style: d, defaultValue: f, disabled: p, labelPosition: m, ref: h }) => {
+	let g = e(n.root, n[l], u), _ = o || f || [];
+	return /* @__PURE__ */ r(t.Provider, {
+		value: {
+			name: i,
+			size: a,
+			disabled: p,
+			labelPosition: m,
+			values: _,
+			toggleValue: (e) => {
+				c && c(_.includes(e) ? _.filter((t) => t !== e) : [..._, e]);
+			}
+		},
+		children: /* @__PURE__ */ r("div", {
+			className: g,
+			role: "group",
+			ref: h,
+			style: d,
+			children: s
+		})
+	});
+};
+//#endregion
+export { i as CheckboxGroup };

package/dist/components/Checkbox/CheckboxGroup/CheckboxGroup.module.js

@@ -0,0 +1,7 @@
+var e = {
+	root: "_root_fnrd2_1",
+	horizontal: "_horizontal_fnrd2_8",
+	vertical: "_vertical_fnrd2_13"
+};
+//#endregion
+export { e as default };

package/dist/components/Collapse/Collapse.js

@@ -1,11 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Transition as s } from "../Transition/Transition.js";
-const p = ({
-  isOpen: r,
-  className: t,
-  children: i,
-  duration: n = 300
-}) => /* @__PURE__ */ o(s, { duration: n, transition: "collapser", mounted: r, children: (e) => /* @__PURE__ */ o("div", { style: e, className: t, children: i }) });
-export {
-  p as Collapse
-};
+import { Transition as e } from "../Transition/Transition.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Collapse/Collapse.tsx
+var n = ({ isOpen: n, className: r, children: i, duration: a = 300 }) => /* @__PURE__ */ t(e, {
+	duration: a,
+	exitDuration: a,
+	transition: "collapser",
+	mounted: n,
+	children: (e) => /* @__PURE__ */ t("div", {
+		style: e,
+		className: r,
+		children: i
+	})
+});
+//#endregion
+export { n as Collapse };

package/dist/components/Dates/Dates.module.js

@@ -0,0 +1,37 @@
+var e = {
+	root: "_root_x12kc_1",
+	dateTimeContainer: "_dateTimeContainer_x12kc_53",
+	calendarContainer: "_calendarContainer_x12kc_58",
+	controlPanel: "_controlPanel_x12kc_62",
+	controlPanelButtonArrow: "_controlPanelButtonArrow_x12kc_70",
+	controlPanelDateContainer: "_controlPanelDateContainer_x12kc_85",
+	controlPanelButtons: "_controlPanelButtons_x12kc_90",
+	controlPanelActiveButtons: "_controlPanelActiveButtons_x12kc_105",
+	calendar: "_calendar_x12kc_58",
+	calendarShadow: "_calendarShadow_x12kc_117",
+	dateCell: "_dateCell_x12kc_128",
+	today: "_today_x12kc_146",
+	active: "_active_x12kc_151",
+	rangeMiddle: "_rangeMiddle_x12kc_151",
+	rangeStart: "_rangeStart_x12kc_151",
+	rangeEnd: "_rangeEnd_x12kc_151",
+	confirmationBlock: "_confirmationBlock_x12kc_166",
+	dateOptions: "_dateOptions_x12kc_175",
+	weekend: "_weekend_x12kc_183",
+	todayRangeMiddle: "_todayRangeMiddle_x12kc_226",
+	month: "_month_x12kc_230",
+	inlineTimePickerWrapper: "_inlineTimePickerWrapper_x12kc_234",
+	timePicker: "_timePicker_x12kc_239",
+	timePickerColumn: "_timePickerColumn_x12kc_247",
+	time: "_time_x12kc_239",
+	timeHeaderContainer: "_timeHeaderContainer_x12kc_270",
+	timeHeader: "_timeHeader_x12kc_270",
+	activeTime: "_activeTime_x12kc_286",
+	timeOverlay: "_timeOverlay_x12kc_290",
+	confirmationButton: "_confirmationButton_x12kc_301",
+	days: "_days_x12kc_305",
+	weekday: "_weekday_x12kc_312",
+	weekendRangeMiddle: "_weekendRangeMiddle_x12kc_317"
+};
+//#endregion
+export { e as default };

package/dist/components/Dates/Dates.utils.js

@@ -1,65 +1,49 @@
-import { resolveTypography as c } from "../../utils/typography.js";
-const d = {
-  time: "var(--picker-date-border-radius-times)",
-  day: "var(--picker-date-border-radius-days)",
-  "date-time": "var(--picker-date-border-radius-days)",
-  month: "var(--picker-date-border-radius-month)",
-  year: "var(--picker-date-border-radius-years)"
-}, a = {
-  year: "var(--picker-date-width-calendar)",
-  month: "var(--picker-date-width-calendar)",
-  day: "var(--picker-date-width-calendar)",
-  time: "var(--picker-date-width-time)",
-  "date-time": "calc(var(--picker-date-width-calendar) + var(--picker-date-width-time))"
-}, p = {
-  year: "20px",
-  month: "0px",
-  day: "0px",
-  time: "20px",
-  "date-time": "20px"
-}, s = (e) => d[e], f = (e, t) => {
-  const r = c("body", "s"), o = c("body", "m"), n = c("body", "mStrong"), i = c("description", "l");
-  return {
-    "--picker-body-s-font-family": r.fontFamily,
-    "--picker-body-s-font-weight": r.fontWeight,
-    "--picker-body-s-font-size": r.fontSize,
-    "--picker-body-s-line-height": r.lineHeight,
-    "--picker-body-s-letter-spacing": r.letterSpacing,
-    "--picker-body-m-font-family": o.fontFamily,
-    "--picker-body-m-font-weight": o.fontWeight,
-    "--picker-body-m-font-size": o.fontSize,
-    "--picker-body-m-line-height": o.lineHeight,
-    "--picker-body-m-letter-spacing": o.letterSpacing,
-    "--picker-body-m-strong-font-family": n.fontFamily,
-    "--picker-body-m-strong-font-weight": n.fontWeight,
-    "--picker-body-m-strong-font-size": n.fontSize,
-    "--picker-body-m-strong-line-height": n.lineHeight,
-    "--picker-body-m-strong-letter-spacing": n.letterSpacing,
-    "--picker-description-l-font-family": i.fontFamily,
-    "--picker-description-l-font-weight": i.fontWeight,
-    "--picker-description-l-font-size": i.fontSize,
-    "--picker-description-l-line-height": i.lineHeight,
-    "--picker-description-l-letter-spacing": i.letterSpacing,
-    "--picker-date-border-radius": s(e),
-    "--picker-width": t || a[e],
-    "--picker-mask-image-height": p[e]
-  };
-}, g = (e, t = "") => {
-  let r = "", o = 0, n = 0;
-  for (let i = 0; i < t.length && !(o >= e.length && t[i] !== "a"); i++)
-    "DMYHm".includes(t[i]) || "ДМГЧм".includes(t[i]) || "РМСсм".includes(t[i]) ? (r += e[o] || "_", o++) : t[i] === "a" ? n === 0 && e.length > o ? (r += e[o].toUpperCase() === "A" ? "AM" : "PM", n = 1, o++) : n === 0 && (r += "_M") : r += t[i];
-  return r;
-}, y = (e) => e.replace(/\D/g, ""), h = (e) => {
-  if (!e) return;
-  const t = e.parentElement;
-  if (!t) return;
-  const r = e.offsetTop - t.offsetTop;
-  t.scrollTop = r - t.clientHeight / 2 + e.clientHeight / 2;
-}, m = (e) => e ? e.includes("%") ? "trigger" : e : "max-content";
-export {
-  g as formatInputValue,
-  f as getPickerStyles,
-  m as getPopoverWidth,
-  y as sanitizeInput,
-  h as scrollToCenter
-};
+//#region src/components/Dates/Dates.utils.ts
+var e = (e) => {
+	switch (e) {
+		case "year": return {
+			width: "var(--picker-date-calendar-width)",
+			maskImageHeight: "12px"
+		};
+		case "month":
+		case "day": return {
+			width: "var(--picker-date-calendar-width)",
+			maskImageHeight: "0px"
+		};
+		case "time": return {
+			width: "var(--picker-date-width-time)",
+			maskImageHeight: "12px"
+		};
+		case "date-time": return {
+			width: "calc(var(--picker-date-calendar-width) + var(--picker-date-time-width))",
+			maskImageHeight: "12px"
+		};
+	}
+}, t = (t, n, r) => {
+	let { width: i, maskImageHeight: a } = e(t);
+	return {
+		"--picker-width": n ?? i,
+		"--picker-mask-image-height": a,
+		...r
+	};
+}, n = (e, t = "") => {
+	let n = e.replace(/\D/g, ""), r = "", i = 0;
+	for (let e = 0; e < t.length && i < n.length; e++) {
+		let a = t[e];
+		/[DMYHmДМГЧмРМСсм]/.test(a) ? (r += n[i] || "_", i++) : r += a;
+	}
+	return r;
+}, r = (e) => {
+	if (!e) return;
+	let t = e.parentElement;
+	t && (t.scrollTop = e.offsetTop - t.offsetTop - t.clientHeight / 2 + e.clientHeight / 2);
+}, i = (e) => e ? e.includes("%") ? "trigger" : e : "max-content", a = (e, t, n, r, i) => {
+	if (!t) return null;
+	let [a, o] = n ?? [];
+	return a != null && o != null ? i(a, o) : a != null && r != null ? i(a, r) : a == null ? Array.isArray(e) && e[0] != null && e[1] != null ? i(e[0], e[1]) : null : [a, a];
+}, o = (e, t, n) => e ? {
+	onMouseEnter: () => t(n),
+	onMouseLeave: () => t(null)
+} : {};
+//#endregion
+export { n as formatInputValue, t as getPickerStyles, i as getPopoverWidth, a as getRangeBoundaries, o as getRangeMouseHandlers, r as scrollToCenter };