@arthurzakharov/ui-kit 3.3.0 → 3.4.0

package/dist/assets/sidebar-C-EyF8q9.css

@@ -0,0 +1 @@
+._Sidebar_bino6_1{display:block}._Board_bino6_5{display:flex;flex-direction:column;border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-lg);background-color:var(--rm-ui-sidebar-bg)}._Steps_bino6_13,._Info_bino6_14{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rm-ui-padding-sm)}._Step_bino6_13{display:inline-flex;align-items:center;gap:var(--rm-ui-padding-xs)}._InfoRow_bino6_27{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xs);width:100%}._SidebarButton_bino6_35{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}._Timetable_bino6_42{display:flex;flex-direction:column;gap:var(--rm-ui-padding-xxs)}._Space_bino6_48{flex-shrink:0;height:var(--rm-ui-sidebar-space-base)}@media screen and (min-width:768px){._Space_bino6_48{height:var(--rm-ui-sidebar-space-768, var(--rm-ui-sidebar-space-base))}}@media screen and (min-width:1024px){._Space_bino6_48{height:var(--rm-ui-sidebar-space-1024, var(--rm-ui-sidebar-space-768, var(--rm-ui-sidebar-space-base)))}}@media screen and (min-width:1200px){._Space_bino6_48{height:var( --rm-ui-sidebar-space-1200, var(--rm-ui-sidebar-space-1024, var(--rm-ui-sidebar-space-768, var(--rm-ui-sidebar-space-base))) )}}@media screen and (min-width:1024px){._Board_bino6_5{padding:var(--rm-ui-padding-xl)}}@media screen and (min-width:1200px){._Board_bino6_5{padding:var(--rm-ui-padding-xxl)}}

package/dist/components/sidebar/sidebar.component.d.ts

@@ -28,6 +28,12 @@ interface SidebarTimetableProps extends Base {
     title: string;
     lines: string[];
 }
+interface SidebarSpaceProps extends Base {
+    height: string;
+    768?: string;
+    1024?: string;
+    1200?: string;
+}
 export declare const Sidebar: (({ children, ...base }: PropsWithChildren<Base>) => import("react/jsx-runtime").JSX.Element) & {
     Title: ({ children, ...base }: PropsWithChildren<Base>) => import("react/jsx-runtime").JSX.Element;
     Steps: ({ steps, ...base }: SidebarStepsProps) => import("react/jsx-runtime").JSX.Element;
@@ -37,5 +43,6 @@ export declare const Sidebar: (({ children, ...base }: PropsWithChildren<Base>)
     Certifications: (props: CertificationsProps) => import("react/jsx-runtime").JSX.Element;
     Timetable: ({ title, lines, ...base }: SidebarTimetableProps) => import("react/jsx-runtime").JSX.Element;
     Line: () => import("react/jsx-runtime").JSX.Element;
+    Space: ({ height, 768: h768, 1024: h1024, 1200: h1200, ...base }: SidebarSpaceProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/sidebar/sidebar.component.js

@@ -1,96 +1,113 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { clsx as c, baseProps as i } from "../../utils/functions/functions.util.js";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { clsx as l, baseProps as d, parseSpacingValue as m } from "../../utils/functions/functions.util.js";
 import { FadeScale as p } from "../../animations/fade-scale/fade-scale.component.js";
-import { Certifications as b } from "../certifications/certifications.component.js";
-import { Line as S } from "../line/line.component.js";
-import { Text as n } from "../text/text.component.js";
+import { Certifications as S } from "../certifications/certifications.component.js";
+import { Line as _ } from "../line/line.component.js";
+import { Text as c } from "../text/text.component.js";
 import { UserPanel as f } from "../user-panel/user-panel.component.js";
 import "../../controls/primitives/box/box.component.js";
 import "../../utils/content/content.component.js";
 import "lucide-react";
 import "usehooks-ts";
-import { Status as _ } from "../../controls/primitives/status/status.component.js";
-import '../../assets/sidebar-BxN_2Ut_.css';const N = "_Sidebar_p7prx_1", h = "_Board_p7prx_5", u = "_Steps_p7prx_14", x = "_Info_p7prx_15", g = "_Step_p7prx_14", I = "_InfoRow_p7prx_28", v = "_SidebarButton_p7prx_36", T = "_Timetable_p7prx_43", d = {
+import { Status as u } from "../../controls/primitives/status/status.component.js";
+import '../../assets/sidebar-C-EyF8q9.css';const N = "_Sidebar_bino6_1", h = "_Board_bino6_5", v = "_Steps_bino6_13", g = "_Info_bino6_14", I = "_Step_bino6_13", y = "_InfoRow_bino6_27", T = "_SidebarButton_bino6_35", B = "_Timetable_bino6_42", w = "_Space_bino6_48", o = {
   Sidebar: N,
   Board: h,
-  Steps: u,
-  Info: x,
-  Step: g,
-  InfoRow: I,
-  SidebarButton: v,
-  Timetable: T
-}, y = ({ children: a, ...t }) => /* @__PURE__ */ e(
+  Steps: v,
+  Info: g,
+  Step: I,
+  InfoRow: y,
+  SidebarButton: T,
+  Timetable: B,
+  Space: w
+}, x = ({ children: a, ...t }) => /* @__PURE__ */ e(
   "div",
   {
-    "data-testid": i(t, "data-testid", "sidebar"),
-    className: c(d.Sidebar, i(t, "className")),
-    children: /* @__PURE__ */ e("div", { className: d.Board, children: a })
+    "data-testid": d(t, "data-testid", "sidebar"),
+    className: l(o.Sidebar, d(t, "className")),
+    children: /* @__PURE__ */ e("div", { className: o.Board, children: a })
   }
-), B = ({ children: a, ...t }) => /* @__PURE__ */ e(
-  n,
+), $ = ({ children: a, ...t }) => /* @__PURE__ */ e(
+  c,
   {
     preset: "sidebar-title",
-    "data-testid": i(t, "data-testid", "sidebar-title"),
-    className: i(t, "className"),
+    "data-testid": d(t, "data-testid", "sidebar-title"),
+    className: d(t, "className"),
     children: a
   }
-), w = ({ steps: a, ...t }) => /* @__PURE__ */ e(
+), z = ({ steps: a, ...t }) => /* @__PURE__ */ e(
   "div",
   {
-    "data-testid": i(t, "data-testid", "sidebar-steps"),
-    className: c(d.Steps, i(t, "className")),
-    children: a.map(({ state: s, text: r }) => /* @__PURE__ */ m("div", { className: d.Step, "data-testid": "sidebar-step", children: [
-      /* @__PURE__ */ e(_, { state: s }),
-      /* @__PURE__ */ e(n, { tag: "span", weight: "medium", size: "body-small", color: s === "idle" ? "grey-400" : "text-primary", children: r })
-    ] }, r))
+    "data-testid": d(t, "data-testid", "sidebar-steps"),
+    className: l(o.Steps, d(t, "className")),
+    children: a.map(({ state: i, text: s }) => /* @__PURE__ */ b("div", { className: o.Step, "data-testid": "sidebar-step", children: [
+      /* @__PURE__ */ e(u, { state: i }),
+      /* @__PURE__ */ e(c, { tag: "span", weight: "medium", size: "body-small", color: i === "idle" ? "grey-400" : "text-primary", children: s })
+    ] }, s))
   }
-), $ = ({ rows: a, ...t }) => {
-  const s = a.filter(([, r]) => r.trim() !== "");
-  return s.length === 0 ? null : /* @__PURE__ */ e(
+), R = ({ rows: a, ...t }) => {
+  const i = a.filter(([, s]) => s.trim() !== "");
+  return i.length === 0 ? null : /* @__PURE__ */ e(
     "div",
     {
-      "data-testid": i(t, "data-testid", "sidebar-info"),
-      className: c(d.Info, i(t, "className")),
-      children: s.map(([r, l], o) => /* @__PURE__ */ m("div", { className: d.InfoRow, "data-testid": "sidebar-info-row", children: [
-        /* @__PURE__ */ e(n, { tag: "span", size: "body-small", color: "text-secondary", children: r }),
-        /* @__PURE__ */ e(n, { tag: "span", size: "body-small", align: "right", children: l })
-      ] }, `${r}-${o}`))
+      "data-testid": d(t, "data-testid", "sidebar-info"),
+      className: l(o.Info, d(t, "className")),
+      children: i.map(([s, n], r) => /* @__PURE__ */ b("div", { className: o.InfoRow, "data-testid": "sidebar-info-row", children: [
+        /* @__PURE__ */ e(c, { tag: "span", size: "body-small", color: "text-secondary", children: s }),
+        /* @__PURE__ */ e(c, { tag: "span", size: "body-small", align: "right", children: n })
+      ] }, `${s}-${r}`))
     }
   );
-}, z = ({ isOpen: a, title: t, data: s, button: r, onClick: l, ...o }) => /* @__PURE__ */ e(
+}, j = ({ isOpen: a, title: t, data: i, button: s, onClick: n, ...r }) => /* @__PURE__ */ e(
   p,
   {
     name: "sidebar-user",
     condition: a,
-    "data-testid": i(o, "data-testid", "sidebar-user"),
-    className: i(o, "className"),
-    children: /* @__PURE__ */ e(f, { title: t, data: s, button: r, onClick: l })
+    "data-testid": d(r, "data-testid", "sidebar-user"),
+    className: d(r, "className"),
+    children: /* @__PURE__ */ e(f, { title: t, data: i, button: s, onClick: n })
   }
-), R = ({ isVisible: a, children: t, ...s }) => /* @__PURE__ */ e(
+), C = ({ isVisible: a, children: t, ...i }) => /* @__PURE__ */ e(
   p,
   {
     name: "sidebar-submit",
     condition: a,
-    "data-testid": i(s, "data-testid", "sidebar-submit"),
-    className: i(s, "className"),
-    children: /* @__PURE__ */ e("div", { className: d.SidebarButton, children: t })
+    "data-testid": d(i, "data-testid", "sidebar-submit"),
+    className: d(i, "className"),
+    children: /* @__PURE__ */ e("div", { className: o.SidebarButton, children: t })
   }
-), j = (a) => /* @__PURE__ */ e(b, { ...a }), C = ({ title: a, lines: t, ...s }) => {
-  const r = i(s, "data-testid", "sidebar-timetable");
-  return /* @__PURE__ */ m("div", { "data-testid": r, className: c(d.Timetable, i(s, "className")), children: [
-    /* @__PURE__ */ e(n, { tag: "span", size: "body-small", color: "text-secondary", "data-testid": `${r}-title`, children: a }),
-    t.map((l, o) => /* @__PURE__ */ e(n, { tag: "span", size: "body-small", "data-testid": `${r}-line-${o}`, children: l }, o))
+), L = (a) => /* @__PURE__ */ e(S, { ...a }), U = ({ title: a, lines: t, ...i }) => {
+  const s = d(i, "data-testid", "sidebar-timetable");
+  return /* @__PURE__ */ b("div", { "data-testid": s, className: l(o.Timetable, d(i, "className")), children: [
+    /* @__PURE__ */ e(c, { tag: "span", size: "body-small", color: "text-secondary", "data-testid": `${s}-title`, children: a }),
+    t.map((n, r) => /* @__PURE__ */ e(c, { tag: "span", size: "body-small", "data-testid": `${s}-line-${r}`, children: n }, r))
   ] });
-}, L = () => /* @__PURE__ */ e(S, {}), M = Object.assign(y, {
-  Title: B,
-  Steps: w,
-  Info: $,
-  User: z,
-  Submit: R,
-  Certifications: j,
-  Timetable: C,
-  Line: L
+}, P = () => /* @__PURE__ */ e(_, {}), F = ({ height: a, 768: t, 1024: i, 1200: s, ...n }) => {
+  const r = {
+    "--rm-ui-sidebar-space-base": m(a),
+    ...t !== void 0 ? { "--rm-ui-sidebar-space-768": m(t) } : {},
+    ...i !== void 0 ? { "--rm-ui-sidebar-space-1024": m(i) } : {},
+    ...s !== void 0 ? { "--rm-ui-sidebar-space-1200": m(s) } : {}
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-testid": d(n, "data-testid", "sidebar-space"),
+      className: l(o.Space, d(n, "className")),
+      style: r
+    }
+  );
+}, W = Object.assign(x, {
+  Title: $,
+  Steps: z,
+  Info: R,
+  User: j,
+  Submit: C,
+  Certifications: L,
+  Timetable: U,
+  Line: P,
+  Space: F
 });
 export {
-  M as Sidebar
+  W as Sidebar
 };

package/dist/main.d.ts

@@ -53,4 +53,4 @@ export { Svg, type SvgProps } from './utils/svg/svg.component';
 export { Text, type TextProps } from './components/text';
 export { UserPanel } from './components/user-panel';
 export { Warranty, type WarrantyProps } from './components/warranty';
-export { birthDateToGerman, blurAfterClick, clsx, containsHtml, convertDateFormat, convertToDateNumber, convertToEuro, defaultTo, deleteUrlParameters, fakeAwait, formatDate, formatEuroAmount, formatNumber, getDate, getFromJson, getKeysFromUrlParams, getPath, getSalutationLabel, getSecretFromUrlParams, getSettlementPercent, getTimeStamp, isHtmlString, isLeapYear, isString, isValidBirthDate, isValidDate, isValidHouseNumber, isWithinTimeStamps, last, once, pickValues, publicSrcPath, removeLastNumberSuffix, removeSlashAtEnd, searchParams, sortSearchParams, stripRequestName, toGermanDate, trimAllStringKeys, updateLastPathSubdirectory, withControl, } from './utils/functions';
+export { birthDateToGerman, blurAfterClick, clsx, containsHtml, convertDateFormat, convertToDateNumber, convertToEuro, defaultTo, deleteUrlParameters, fakeAwait, formatDate, formatEuroAmount, formatNumber, getDate, getFromJson, getKeysFromUrlParams, getPath, getSalutationLabel, getSecretFromUrlParams, getSettlementPercent, getTimeStamp, isHtmlString, isLeapYear, isString, isValidBirthDate, isValidDate, isValidHouseNumber, isWithinTimeStamps, last, once, parseSpacingValue, pickValues, publicSrcPath, removeLastNumberSuffix, removeSlashAtEnd, searchParams, sortSearchParams, stripRequestName, toGermanDate, trimAllStringKeys, updateLastPathSubdirectory, withControl, } from './utils/functions';

package/dist/main.js

@@ -16,8 +16,8 @@ import { Radio as v } from "./controls/interactives/radio/radio.component.js";
 import { TextArea as N } from "./controls/interactives/text-area/text-area.component.js";
 import { TextField as w } from "./controls/interactives/text-field/text-field.component.js";
 import { Box as H } from "./controls/primitives/box/box.component.js";
-import { Caption as M } from "./controls/primitives/caption/caption.component.js";
-import { Choice as V } from "./controls/primitives/choice/choice.component.js";
+import { Caption as V } from "./controls/primitives/caption/caption.component.js";
+import { Choice as U } from "./controls/primitives/choice/choice.component.js";
 import { ErrorMessage as K } from "./controls/primitives/error-message/error-message.component.js";
 import { HiddenInput as q } from "./controls/primitives/hidden-input/hidden-input.component.js";
 import { Label as J } from "./controls/primitives/label/label.component.js";
@@ -43,8 +43,8 @@ import { Loader as vr } from "./components/loader/loader.component.js";
 import { MainAttachment as Nr } from "./components/main-attachment/main-attachment.component.js";
 import { Message as wr } from "./components/message/message.component.js";
 import { MessageBlock as Hr } from "./components/message-block/message-block.component.js";
-import { NotFound as Mr } from "./components/not-found/not-found.component.js";
-import { Payment as Vr } from "./components/payment/payment.component.js";
+import { NotFound as Vr } from "./components/not-found/not-found.component.js";
+import { Payment as Ur } from "./components/payment/payment.component.js";
 import { PriceLine as Kr } from "./components/price-line/price-line.component.js";
 import { Sidebar as qr } from "./components/sidebar/sidebar.component.js";
 import { SignCtaTracker as Jr } from "./components/sign-cta-tracker/sign-cta-tracker.component.js";
@@ -53,7 +53,7 @@ import { Svg as Qr } from "./utils/svg/svg.component.js";
 import { Text as Zr } from "./components/text/text.component.js";
 import { UserPanel as $r } from "./components/user-panel/user-panel.component.js";
 import { Warranty as oo } from "./components/warranty/warranty.component.js";
-import { birthDateToGerman as to, blurAfterClick as ao, clsx as mo, containsHtml as po, convertDateFormat as fo, convertToDateNumber as xo, convertToEuro as io, defaultTo as no, deleteUrlParameters as so, fakeAwait as lo, formatDate as co, formatEuroAmount as uo, formatNumber as go, getDate as So, getFromJson as bo, getKeysFromUrlParams as Po, getPath as ho, getSalutationLabel as Do, getSecretFromUrlParams as To, getSettlementPercent as Fo, getTimeStamp as Lo, isHtmlString as Ao, isLeapYear as Co, isString as Bo, isValidBirthDate as ko, isValidDate as vo, isValidHouseNumber as yo, isWithinTimeStamps as No, last as Ro, once as wo, pickValues as Eo, publicSrcPath as Ho, removeLastNumberSuffix as Io, removeSlashAtEnd as Mo, searchParams as Uo, sortSearchParams as Vo, stripRequestName as Go, toGermanDate as Ko, trimAllStringKeys as Wo, updateLastPathSubdirectory as qo, withControl as zo } from "./utils/functions/functions.util.js";
+import { birthDateToGerman as to, blurAfterClick as ao, clsx as mo, containsHtml as po, convertDateFormat as fo, convertToDateNumber as xo, convertToEuro as io, defaultTo as no, deleteUrlParameters as so, fakeAwait as lo, formatDate as co, formatEuroAmount as uo, formatNumber as go, getDate as So, getFromJson as bo, getKeysFromUrlParams as Po, getPath as ho, getSalutationLabel as Do, getSecretFromUrlParams as To, getSettlementPercent as Fo, getTimeStamp as Lo, isHtmlString as Ao, isLeapYear as Co, isString as Bo, isValidBirthDate as ko, isValidDate as vo, isValidHouseNumber as yo, isWithinTimeStamps as No, last as Ro, once as wo, parseSpacingValue as Eo, pickValues as Ho, publicSrcPath as Io, removeLastNumberSuffix as Vo, removeSlashAtEnd as Mo, searchParams as Uo, sortSearchParams as Go, stripRequestName as Ko, toGermanDate as Wo, trimAllStringKeys as qo, updateLastPathSubdirectory as zo, withControl as Jo } from "./utils/functions/functions.util.js";
 import './assets/main-DZmlIs7j.css';export {
   Z as Accordion,
   $ as AccordionTable,
@@ -63,12 +63,12 @@ import './assets/main-DZmlIs7j.css';export {
   c as ButtonCard,
   u as ButtonRadio,
   S as ButtonText,
-  M as Caption,
+  V as Caption,
   P as CardImage,
   D as CardText,
   mr as Certifications,
   F as Checkbox,
-  V as Choice,
+  U as Choice,
   fr as DataProtectedLabel,
   ir as Dialog,
   sr as DialogArticle,
@@ -93,8 +93,8 @@ import './assets/main-DZmlIs7j.css';export {
   Nr as MainAttachment,
   wr as Message,
   Hr as MessageBlock,
-  Mr as NotFound,
-  Vr as Payment,
+  Vr as NotFound,
+  Ur as Payment,
   Kr as PriceLine,
   v as Radio,
   j as RadioLabel,
@@ -139,15 +139,16 @@ import './assets/main-DZmlIs7j.css';export {
   No as isWithinTimeStamps,
   Ro as last,
   wo as once,
-  Eo as pickValues,
-  Ho as publicSrcPath,
-  Io as removeLastNumberSuffix,
+  Eo as parseSpacingValue,
+  Ho as pickValues,
+  Io as publicSrcPath,
+  Vo as removeLastNumberSuffix,
   Mo as removeSlashAtEnd,
   Uo as searchParams,
-  Vo as sortSearchParams,
-  Go as stripRequestName,
-  Ko as toGermanDate,
-  Wo as trimAllStringKeys,
-  qo as updateLastPathSubdirectory,
-  zo as withControl
+  Go as sortSearchParams,
+  Ko as stripRequestName,
+  Wo as toGermanDate,
+  qo as trimAllStringKeys,
+  zo as updateLastPathSubdirectory,
+  Jo as withControl
 };

package/dist/utils/functions/functions.util.d.ts

@@ -43,6 +43,13 @@ export declare const convertToEuro: (num: number, options?: {
  * Accepts strings, numbers, bigints, arrays (recursively), and dictionaries (truthy values' keys are included).
  * Falsy values (`null`, `undefined`, `false`, `0`, `0n`, `''`) are skipped.
  */
+/**
+ * Resolves a spacing-style string to a valid CSS value.
+ * - `'--foo'` (starts with `--`) → `var(--foo)` — treated as a CSS custom property reference.
+ * - `'12'` / `'-4'` (integer-like) → `'12px'` / `'-4px'` — appended with `px`.
+ * - anything else → passed through unchanged (so `'1rem'`, `'50%'`, `'auto'`, etc. work).
+ */
+export declare const parseSpacingValue: (value: string) => string;
 export declare const clsx: (...inputs: ClsxClassValue[]) => string;
 export declare const removeSlashAtEnd: (url: string | null) => string;
 export declare const convertDateFormat: (dateString: string) => string;

package/dist/utils/functions/functions.util.js

@@ -1,4 +1,4 @@
-function $(t, e, r) {
+function y(t, e, r) {
   return e <= t && t < r;
 }
 function S(t) {
@@ -14,10 +14,10 @@ function D(t) {
 function P(t) {
   return b(t) && D(t);
 }
-const E = (t, e) => (r) => {
+const x = (t, e) => (r) => {
   e?.prevent && r.preventDefault(), e?.stop && r.stopPropagation(), e?.blur && r.currentTarget.blur(), e?.withEvent ? t(r) : t();
 };
-function x(t, e, r) {
+function E(t, e, r) {
   return t[e] ? t[e] : r;
 }
 const j = (t, e) => new Intl.NumberFormat("de-DE", {
@@ -25,7 +25,7 @@ const j = (t, e) => new Intl.NumberFormat("de-DE", {
   currency: "EUR",
   minimumFractionDigits: e?.skipZeroCents && t % 1 === 0 ? 0 : 2,
   maximumFractionDigits: e?.skipZeroCents && t % 1 === 0 ? 0 : 2
-}).format(t), N = (...t) => {
+}).format(t), R = (t) => t.startsWith("--") ? `var(${t})` : /^-?\d+$/.test(t) ? `${t}px` : t, N = (...t) => {
   const e = [];
   for (const r of t)
     if (r) {
@@ -43,13 +43,13 @@ const j = (t, e) => new Intl.NumberFormat("de-DE", {
           r[n] && e.push(n);
     }
   return e.join(" ");
-}, v = (t) => typeof t != "string" ? "" : t.replace(/\/$/, ""), R = (t) => {
+}, H = (t) => typeof t != "string" ? "" : t.replace(/\/$/, ""), O = (t) => {
   const e = t.split("/");
   return e[2] + "-" + e[1] + "-" + e[0];
 }, w = (t) => {
   const e = Array.from(t.entries());
   return e.sort(([r], [n]) => r === "secret" ? -1 : n === "secret" ? 1 : r === "page" ? -1 : n === "page" ? 1 : 0), new URLSearchParams(e);
-}, F = (t) => parseFloat(String(t)).toFixed().replace(".", ","), H = (t, e = !0) => {
+}, F = (t) => parseFloat(String(t)).toFixed().replace(".", ","), Y = (t, e = !0) => {
   const r = [
     { value: "male", label: "Herr" },
     { value: "female", label: "Frau" },
@@ -59,7 +59,7 @@ const j = (t, e) => new Intl.NumberFormat("de-DE", {
     { value: "Divers", label: "Divers" }
   ].find((n) => n.value === t)?.label || "";
   return (t === "male" || t === "Herr") && e ? "Herrn" : r;
-}, O = (t, e) => t > 0 ? String(F(e / t * 100)) : "0,00", Y = async (t) => {
+}, v = (t, e) => t > 0 ? String(F(e / t * 100)) : "0,00", z = async (t) => {
   const e = typeof t == "string" ? Number(t) : t;
   return await new Promise((r) => {
     setTimeout(() => {
@@ -79,15 +79,15 @@ const j = (t, e) => new Intl.NumberFormat("de-DE", {
   else if (s > 30 && (o === 4 || o === 6 || o === 9 || o === 11))
     return !1;
   return !0;
-}, z = (t) => {
+}, L = (t) => {
   if (/^\s*(3[01]|[12][0-9]|0?[1-9])\/(1[012]|0?[1-9])\/((?:19|20)\d{2})\s*$/g.test(t) && M(t)) {
     const [r, n, s] = t.split("/"), o = /* @__PURE__ */ new Date(), a = String(o.getFullYear() - 18), i = l(String(o.getMonth() + 1)), c = l(`${o.getDate()}`), u = /* @__PURE__ */ new Date(`${s}-${n}-${r}T00:00:00`), f = /* @__PURE__ */ new Date(`${a}-${i}-${c}T00:00:00`);
     return u <= f;
   }
   return !1;
-}, L = (t) => $(t.length, 1, 20), I = (t, e) => {
+}, I = (t) => y(t.length, 1, 20), U = (t, e) => {
   t.currentTarget.blur(), e();
-}, U = (t, e) => e === "/" ? e + t + "/" : e + "/" + t + "/", C = (t, e) => "/" + [e !== "/" ? e : "", t].join("*").replace(/\//g, "*").split("*").filter(Boolean).join("/"), h = (t) => new URLSearchParams(t), A = (t, e) => t == null || Object.is(t, NaN) ? e : t, B = (t) => A(h(t).get("secret"), "");
+}, C = (t, e) => e === "/" ? e + t + "/" : e + "/" + t + "/", V = (t, e) => "/" + [e !== "/" ? e : "", t].join("*").replace(/\//g, "*").split("*").filter(Boolean).join("/"), h = (t) => new URLSearchParams(t), A = (t, e) => t == null || Object.is(t, NaN) ? e : t, B = (t) => A(h(t).get("secret"), "");
 function G(t, e, r = "") {
   const n = h(e), s = (o) => n.get(o)?.trim() || r;
   return Array.isArray(t) ? t.map((o) => s(o)) : s(t);
@@ -96,24 +96,24 @@ const J = (t, ...e) => {
   const r = new URL(t), n = new URLSearchParams(r.search);
   return e.forEach((s) => n.delete(s)), `${r.origin}${r.pathname}?${w(n).toString()}${r.hash}`;
 };
-function V(t = /* @__PURE__ */ new Date()) {
-  const e = t.getTimezoneOffset(), r = e > 0 ? "-" : "+", n = (y) => String(Math.floor(Math.abs(y))).padStart(2, "0"), s = t.getFullYear(), o = n(t.getMonth() + 1), a = n(t.getDate()), i = n(t.getHours()), c = n(t.getMinutes()), u = n(t.getSeconds()), f = n(e / 60), p = n(e % 60), d = `${r}${f}:${p}`;
+function W(t = /* @__PURE__ */ new Date()) {
+  const e = t.getTimezoneOffset(), r = e > 0 ? "-" : "+", n = ($) => String(Math.floor(Math.abs($))).padStart(2, "0"), s = t.getFullYear(), o = n(t.getMonth() + 1), a = n(t.getDate()), i = n(t.getHours()), c = n(t.getMinutes()), u = n(t.getSeconds()), f = n(e / 60), p = n(e % 60), d = `${r}${f}:${p}`;
   return `${s}-${o}-${a}T${i}:${c}:${u}${d}`;
 }
 function k(t, e) {
   const r = (/* @__PURE__ */ new Date()).getTime(), n = new Date(t).getTime() || r, s = new Date(e).getTime() || r;
   return r > n && r < s;
 }
-const K = (t) => t[t.length - 1], W = (t) => new Intl.NumberFormat("de-DE", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(t), Z = (t) => {
+const K = (t) => t[t.length - 1], Z = (t) => new Intl.NumberFormat("de-DE", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(t), q = (t) => {
   if (!t) return "";
   const e = t.split("/");
   if (e.length !== 3 || !e.every((o) => /^\d+$/.test(o))) return "";
   const [r, n, s] = e;
   return `${r}.${n}.${s}`;
-}, q = (t) => {
+}, _ = (t) => {
   let e, r = !1;
   return () => (r || (e = t(), r = !0), e);
-}, _ = (t) => {
+}, Q = (t) => {
   if (!t) return "";
   if (/^\d{2}\.\d{2}\.\d{4}$/.test(t)) return t;
   const e = t.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
@@ -127,21 +127,21 @@ const K = (t) => t[t.length - 1], W = (t) => new Intl.NumberFormat("de-DE", { mi
     return `${o}.${s}.${n}`;
   }
   return "";
-}, Q = (t) => {
+}, X = (t) => {
   const e = t.match(new RegExp(/GET\/authenticate/)), r = t.match(new RegExp(/POST\/marketing\/case/));
   return e ? e[0] : r ? r[0] : t;
 };
-function X(t) {
+function tt(t) {
   const e = t.match(/^(.*)_(\d+)$/);
   return e ? [e[1], Number.parseInt(e[2])] : [t, -1];
 }
-function tt(t, e) {
+function et(t, e) {
   const r = t.endsWith("/"), n = r ? t.slice(0, -1) : t;
   if (!/^\/([^/]+\/)*[^/]+$/.test(n)) return t;
   const s = n.split("/");
   return s.length <= 2 ? t : (s[s.length - 1] = e, s.join("/") + (r ? "/" : ""));
 }
-function et(t, e) {
+function rt(t, e) {
   const r = t.getFullYear(), n = t.getMonth() + 1, s = t.getDate();
   if (e?.daysFromNow) {
     const o = new Date(t);
@@ -167,18 +167,18 @@ const m = (t) => typeof t == "object" && t !== null && !Array.isArray(t), g = (t
     ) : m(n) ? e[r] = g(n) : e[r] = n;
   return e;
 };
-function rt(t) {
+function nt(t) {
   if (!t) return "";
   const e = new Date(t);
   if (isNaN(e.getTime())) return "";
   const r = String(e.getDate()).padStart(2, "0"), n = String(e.getMonth() + 1).padStart(2, "0"), s = e.getFullYear();
   return `${r}.${n}.${s}`;
 }
-function nt(t) {
+function st(t) {
   const e = Object.entries(t).filter(([, r]) => S(r) ? !1 : typeof r == "string" ? r.trim() !== "" : !0);
   return e.length ? Object.fromEntries(e) : null;
 }
-const st = (t, e, r) => {
+const ot = (t, e, r) => {
   try {
     const n = JSON.parse(t);
     if (!e) return n;
@@ -192,46 +192,47 @@ const st = (t, e, r) => {
   }
 };
 export {
-  x as baseProps,
-  Z as birthDateToGerman,
-  I as blurAfterClick,
+  E as baseProps,
+  q as birthDateToGerman,
+  U as blurAfterClick,
   N as clsx,
   D as containsHtml,
-  R as convertDateFormat,
+  O as convertDateFormat,
   l as convertToDateNumber,
   j as convertToEuro,
   A as defaultTo,
   J as deleteUrlParameters,
-  Y as fakeAwait,
-  rt as formatDate,
-  W as formatEuroAmount,
+  z as fakeAwait,
+  nt as formatDate,
+  Z as formatEuroAmount,
   F as formatNumber,
-  et as getDate,
-  st as getFromJson,
+  rt as getDate,
+  ot as getFromJson,
   G as getKeysFromUrlParams,
-  U as getPath,
-  H as getSalutationLabel,
+  C as getPath,
+  Y as getSalutationLabel,
   B as getSecretFromUrlParams,
-  O as getSettlementPercent,
-  V as getTimeStamp,
+  v as getSettlementPercent,
+  W as getTimeStamp,
   P as isHtmlString,
   T as isLeapYear,
   b as isString,
-  z as isValidBirthDate,
+  L as isValidBirthDate,
   M as isValidDate,
-  L as isValidHouseNumber,
+  I as isValidHouseNumber,
   k as isWithinTimeStamps,
   K as last,
-  q as once,
-  nt as pickValues,
-  C as publicSrcPath,
-  X as removeLastNumberSuffix,
-  v as removeSlashAtEnd,
+  _ as once,
+  R as parseSpacingValue,
+  st as pickValues,
+  V as publicSrcPath,
+  tt as removeLastNumberSuffix,
+  H as removeSlashAtEnd,
   h as searchParams,
   w as sortSearchParams,
-  Q as stripRequestName,
-  _ as toGermanDate,
+  X as stripRequestName,
+  Q as toGermanDate,
   g as trimAllStringKeys,
-  tt as updateLastPathSubdirectory,
-  E as withControl
+  et as updateLastPathSubdirectory,
+  x as withControl
 };

package/dist/utils/functions/index.js

@@ -1,10 +1,10 @@
-import { baseProps as a, birthDateToGerman as r, blurAfterClick as o, clsx as m, containsHtml as i, convertDateFormat as s, convertToDateNumber as l, convertToEuro as n, defaultTo as u, deleteUrlParameters as c, fakeAwait as S, formatDate as g, formatEuroAmount as b, formatNumber as h, getDate as P, getFromJson as f, getKeysFromUrlParams as p, getPath as d, getSalutationLabel as D, getSecretFromUrlParams as T, getSettlementPercent as v, getTimeStamp as A, isHtmlString as N, isLeapYear as F, isString as L, isValidBirthDate as V, isValidDate as k, isValidHouseNumber as x, isWithinTimeStamps as y, last as E, once as H, pickValues as U, publicSrcPath as w, removeLastNumberSuffix as C, removeSlashAtEnd as G, searchParams as K, sortSearchParams as q, stripRequestName as B, toGermanDate as J, trimAllStringKeys as R, updateLastPathSubdirectory as W, withControl as Y } from "./functions.util.js";
+import { baseProps as a, birthDateToGerman as r, blurAfterClick as o, clsx as i, containsHtml as m, convertDateFormat as s, convertToDateNumber as l, convertToEuro as n, defaultTo as u, deleteUrlParameters as c, fakeAwait as S, formatDate as g, formatEuroAmount as p, formatNumber as b, getDate as h, getFromJson as P, getKeysFromUrlParams as f, getPath as d, getSalutationLabel as D, getSecretFromUrlParams as T, getSettlementPercent as v, getTimeStamp as A, isHtmlString as N, isLeapYear as V, isString as F, isValidBirthDate as L, isValidDate as k, isValidHouseNumber as x, isWithinTimeStamps as y, last as E, once as H, parseSpacingValue as U, pickValues as w, publicSrcPath as C, removeLastNumberSuffix as G, removeSlashAtEnd as K, searchParams as q, sortSearchParams as B, stripRequestName as J, toGermanDate as R, trimAllStringKeys as W, updateLastPathSubdirectory as Y, withControl as j } from "./functions.util.js";
 export {
   a as baseProps,
   r as birthDateToGerman,
   o as blurAfterClick,
-  m as clsx,
-  i as containsHtml,
+  i as clsx,
+  m as containsHtml,
   s as convertDateFormat,
   l as convertToDateNumber,
   n as convertToEuro,
@@ -12,34 +12,35 @@ export {
   c as deleteUrlParameters,
   S as fakeAwait,
   g as formatDate,
-  b as formatEuroAmount,
-  h as formatNumber,
-  P as getDate,
-  f as getFromJson,
-  p as getKeysFromUrlParams,
+  p as formatEuroAmount,
+  b as formatNumber,
+  h as getDate,
+  P as getFromJson,
+  f as getKeysFromUrlParams,
   d as getPath,
   D as getSalutationLabel,
   T as getSecretFromUrlParams,
   v as getSettlementPercent,
   A as getTimeStamp,
   N as isHtmlString,
-  F as isLeapYear,
-  L as isString,
-  V as isValidBirthDate,
+  V as isLeapYear,
+  F as isString,
+  L as isValidBirthDate,
   k as isValidDate,
   x as isValidHouseNumber,
   y as isWithinTimeStamps,
   E as last,
   H as once,
-  U as pickValues,
-  w as publicSrcPath,
-  C as removeLastNumberSuffix,
-  G as removeSlashAtEnd,
-  K as searchParams,
-  q as sortSearchParams,
-  B as stripRequestName,
-  J as toGermanDate,
-  R as trimAllStringKeys,
-  W as updateLastPathSubdirectory,
-  Y as withControl
+  U as parseSpacingValue,
+  w as pickValues,
+  C as publicSrcPath,
+  G as removeLastNumberSuffix,
+  K as removeSlashAtEnd,
+  q as searchParams,
+  B as sortSearchParams,
+  J as stripRequestName,
+  R as toGermanDate,
+  W as trimAllStringKeys,
+  Y as updateLastPathSubdirectory,
+  j as withControl
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "3.3.0",
+  "version": "3.4.0",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/sidebar-BxN_2Ut_.css

@@ -1 +0,0 @@
-._Sidebar_p7prx_1{display:block}._Board_p7prx_5{display:flex;flex-direction:column;gap:var(--rm-ui-padding-md);border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-lg);background-color:var(--rm-ui-sidebar-bg)}._Steps_p7prx_14,._Info_p7prx_15{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rm-ui-padding-sm)}._Step_p7prx_14{display:inline-flex;align-items:center;gap:var(--rm-ui-padding-xs)}._InfoRow_p7prx_28{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xs);width:100%}._SidebarButton_p7prx_36{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}._Timetable_p7prx_43{display:flex;flex-direction:column;gap:var(--rm-ui-padding-xxs)}@media screen and (min-width:1024px){._Board_p7prx_5{padding:var(--rm-ui-padding-xl)}}@media screen and (min-width:1200px){._Board_p7prx_5{padding:var(--rm-ui-padding-xxl);gap:var(--rm-ui-padding-lg)}}