@memobit/libs 2.1.0 → 3.1.0

package/dist/components/InputPhone/InputPhone2.js

@@ -0,0 +1,82 @@
+import './InputPhone.css';
+/* empty css           */
+import { forwardRef as V, useState as b } from "react";
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+var R = "+## (###) ###-####";
+function h(n, t) {
+  let i = 0, e = "";
+  for (let a = 0; a < t.length && !(i >= n.length); a++)
+    t[a] === "#" ? (e += n[i], i++) : i < n.length && (e += t[a]);
+  return e;
+}
+function c(n) {
+  return n.replace(/\D/g, "");
+}
+function T(n) {
+  return n.split("").filter((t) => t === "#").length;
+}
+var z = V(({ autoFocus: n, disabled: t, error: i, format: e = R, highlighted: a, id: d, label: u, onBlur: N, onChange: v, onClick: D, onKeyDown: L, placeholder: k, readOnly: F = !1, required: g = !1, success: o, value: s }, w) => {
+  const m = s !== void 0, [y, A] = b(() => s ? h(c(s), e) : ""), I = m ? h(c(s ?? ""), e) : y, $ = k ?? e.replace(/#/g, "0"), j = e.length, C = (p) => {
+    const M = c(p), P = T(e), f = M.slice(0, P), x = h(f, e);
+    m || A(x), v?.(x, f);
+  };
+  return /* @__PURE__ */ r("div", {
+    className: "input-phone-wrapper",
+    children: [
+      u && /* @__PURE__ */ r("label", {
+        htmlFor: d,
+        className: "input-phone-label",
+        children: [u, g && /* @__PURE__ */ l("span", {
+          className: "input-phone-required",
+          children: "*"
+        })]
+      }),
+      /* @__PURE__ */ r("div", {
+        className: `input-phone-field${i ? " input-phone-field--error" : ""}${o ? " input-phone-field--success" : ""}${a ? " input-phone-field--highlighted" : ""}${t ? " input-phone-field--disabled" : ""}`,
+        children: [/* @__PURE__ */ l("span", {
+          className: "input-phone-icon",
+          children: /* @__PURE__ */ l("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ l("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.77a16 16 0 0 0 6.29 6.29l.95-.95a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z" })
+          })
+        }), /* @__PURE__ */ l("input", {
+          autoFocus: n,
+          className: "input-phone",
+          disabled: t,
+          id: d,
+          inputMode: "tel",
+          maxLength: j,
+          placeholder: $,
+          readOnly: F,
+          ref: w,
+          required: g,
+          type: "tel",
+          value: I,
+          onBlur: N,
+          onChange: (p) => C(p.target.value),
+          onClick: D,
+          onKeyDown: L
+        })]
+      }),
+      i && /* @__PURE__ */ l("span", {
+        className: "input-phone-error-message",
+        children: i
+      }),
+      o && /* @__PURE__ */ l("span", {
+        className: "input-phone-success-message",
+        children: o
+      })
+    ]
+  });
+});
+z.displayName = "InputPhone";
+export {
+  z as InputPhone
+};

package/dist/components/InputSearch/InputSearch.css

@@ -0,0 +1 @@
+.input-search{--input-search-line-offset:var(--spacing-12);--input-search-line-height:calc(var(--font-size-sm) * var(--line-height-normal));width:100%;position:relative}.input-search__icon{height:var(--input-search-line-height);color:var(--form-control-placeholder-color);z-index:2;left:var(--spacing-12);bottom:var(--input-search-line-offset);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-search__icon .icon{font-size:18px}.input-search__clear{height:var(--input-search-line-height);color:var(--form-control-placeholder-color);z-index:2;right:var(--spacing-8);bottom:var(--input-search-line-offset);padding:var(--spacing-4);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute}.input-search__clear:hover{color:var(--form-control-color)}.input-search__clear:focus{color:var(--form-control-focus-border-color);outline:none}.input-search .input-text{padding-left:var(--spacing-40)}.input-search:has(.input-search__clear) .input-text{padding-right:var(--spacing-40)}

package/dist/components/InputSearch/InputSearch2.js

@@ -0,0 +1,53 @@
+import './InputSearch.css';
+import { Icon as a } from "../Icon/Icon2.js";
+import { Tooltip as N } from "../Tooltip/Tooltip2.js";
+import { InputText as j } from "../InputText/InputText2.js";
+/* empty css            */
+import { forwardRef as w } from "react";
+import { jsx as r, jsxs as S } from "react/jsx-runtime";
+var R = w(({ autoComplete: s = "off", autoFocus: i, disabled: t, id: n, label: m, onBlur: l, onChange: o, onClick: p, onKeyDown: h, onKeyUp: f, placeholder: u = "Search...", readOnly: c = !1, required: d = !1, value: e, className: x = "" }, _) => {
+  const C = () => {
+    o?.("");
+  }, I = e && e.length > 0 && !t && !c;
+  return /* @__PURE__ */ S("div", {
+    className: `input-search ${x}`,
+    children: [
+      /* @__PURE__ */ r("div", {
+        className: "input-search__icon",
+        children: /* @__PURE__ */ r(a, { name: "search" })
+      }),
+      /* @__PURE__ */ r(j, {
+        autoComplete: s,
+        autoFocus: i,
+        disabled: t,
+        id: n,
+        label: m,
+        onBlur: l,
+        onChange: o,
+        onClick: p,
+        onKeyDown: h,
+        onKeyUp: f,
+        placeholder: u,
+        readOnly: c,
+        required: d,
+        value: e,
+        ref: _
+      }),
+      I && /* @__PURE__ */ r(N, {
+        title: "Clear search",
+        children: /* @__PURE__ */ r("button", {
+          type: "button",
+          className: "input-search__clear",
+          onClick: C,
+          children: /* @__PURE__ */ r(a, {
+            name: "clear",
+            size: "sm"
+          })
+        })
+      })
+    ]
+  });
+});
+export {
+  R as InputSearch
+};

package/dist/components/InputText/InputText.css

@@ -0,0 +1 @@
+.input-text-wrapper{gap:var(--spacing-8);flex-direction:column;width:100%;display:flex}.input-text-wrapper .input-text-label{color:var(--form-control-label-color,var(--form-control-color));font-size:var(--form-control-label-font-size,var(--font-size-sm));font-weight:var(--form-control-label-font-weight,var(--font-weight-medium));letter-spacing:var(--form-control-label-letter-spacing,normal);text-transform:var(--form-control-label-text-transform,none)}.input-text-wrapper .input-text-label .input-text-required{color:var(--body-danger-color,#dc2626);margin-left:var(--spacing-2)}.input-text-wrapper .input-text{background-color:var(--form-control-background-color);color:var(--form-control-color);border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);padding:var(--spacing-12);font-family:var(--form-control-font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);box-sizing:border-box;width:100%}.input-text-wrapper .input-text:focus{background-color:var(--form-control-focus-background-color);border-color:var(--form-control-focus-border-color);color:var(--form-control-focus-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow);outline:none}.input-text-wrapper .input-text::placeholder{color:var(--form-control-placeholder-color)}.input-text-wrapper .input-text.input-text-error{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);color:var(--form-control-error-color)}.input-text-wrapper .input-text.input-text-error:focus{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.input-text-wrapper .input-text.input-text-success{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);color:var(--form-control-success-color)}.input-text-wrapper .input-text.input-text-success:focus{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.input-text-wrapper.input-text-highlighted .input-text{border-color:var(--form-control-focus-border-color)}.input-text-wrapper .input-text-error-message{font-size:var(--font-size-xs);color:var(--form-control-error-color)}.input-text-wrapper .input-text-success-message{font-size:var(--font-size-xs);color:var(--form-control-success-color)}

package/dist/components/InputText/InputText2.js

@@ -0,0 +1,47 @@
+import './InputText.css';
+/* empty css          */
+import { forwardRef as w } from "react";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+var F = w(({ autoComplete: r = "on", autoFocus: l, disabled: m, error: e, highlighted: x, id: s, label: n, maxLength: u, onBlur: c, onChange: h, onClick: o, onKeyDown: d, onKeyUp: f, placeholder: g, readOnly: N = !1, required: p = !1, success: a, value: v }, $) => /* @__PURE__ */ i("div", {
+  className: `input-text-wrapper${x ? " input-text-highlighted" : ""}`,
+  children: [
+    n && /* @__PURE__ */ i("label", {
+      htmlFor: s,
+      className: "input-text-label",
+      children: [n, p && /* @__PURE__ */ t("span", {
+        className: "input-text-required",
+        children: "*"
+      })]
+    }),
+    /* @__PURE__ */ t("input", {
+      autoComplete: r,
+      autoFocus: l,
+      disabled: m,
+      type: "text",
+      className: `input-text ${e ? "input-text-error" : ""} ${a ? "input-text-success" : ""}`,
+      id: s,
+      maxLength: u,
+      placeholder: g,
+      ref: $,
+      value: v,
+      onBlur: c,
+      onChange: (j) => h?.(j.target.value),
+      onClick: o,
+      onKeyDown: d,
+      onKeyUp: f,
+      readOnly: N,
+      required: p
+    }),
+    e && /* @__PURE__ */ t("span", {
+      className: "input-text-error-message",
+      children: e
+    }),
+    a && /* @__PURE__ */ t("span", {
+      className: "input-text-success-message",
+      children: a
+    })
+  ]
+}));
+export {
+  F as InputText
+};

package/dist/components/InputTextarea/InputTextarea.css

@@ -0,0 +1 @@
+.input-textarea-wrapper{gap:var(--spacing-8);flex-direction:column;display:flex}.input-textarea-wrapper .input-textarea-label{color:var(--form-control-label-color,var(--form-control-color));font-size:var(--form-control-label-font-size,var(--font-size-sm));font-weight:var(--form-control-label-font-weight,var(--font-weight-medium));letter-spacing:var(--form-control-label-letter-spacing,normal);text-transform:var(--form-control-label-text-transform,none)}.input-textarea-wrapper .input-textarea-label .input-textarea-required{color:var(--body-danger-color,#dc2626);margin-left:var(--spacing-2)}.input-textarea-wrapper .input-textarea{background-color:var(--form-control-background-color);color:var(--form-control-color);border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);padding:var(--spacing-12);font-family:var(--form-control-font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);box-sizing:border-box;width:100%}.input-textarea-wrapper .input-textarea:focus{background-color:var(--form-control-focus-background-color);border-color:var(--form-control-focus-border-color);color:var(--form-control-focus-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow);outline:none}.input-textarea-wrapper .input-textarea::placeholder{color:var(--form-control-placeholder-color)}.input-textarea-wrapper .input-textarea.input-textarea-error{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);color:var(--form-control-error-color)}.input-textarea-wrapper .input-textarea.input-textarea-error:focus{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.input-textarea-wrapper .input-textarea.input-textarea-success{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);color:var(--form-control-success-color)}.input-textarea-wrapper .input-textarea.input-textarea-success:focus{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.input-textarea-wrapper.input-textarea-highlighted .input-textarea{border-color:var(--form-control-focus-border-color)}.input-textarea-wrapper .input-textarea-error-message{font-size:var(--font-size-xs);color:var(--form-control-error-color)}.input-textarea-wrapper .input-textarea-success-message{font-size:var(--font-size-xs);color:var(--form-control-success-color)}

package/dist/components/InputTextarea/InputTextarea2.js

@@ -0,0 +1,46 @@
+import './InputTextarea.css';
+/* empty css              */
+import { forwardRef as $ } from "react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+var F = $(({ autoComplete: p = "on", autoFocus: i, cols: l, disabled: m, error: a, id: r, label: s, maxLength: x, onBlur: u, onChange: c, onClick: o, onKeyDown: d, onKeyUp: h, placeholder: N, required: f, rows: g, success: t, value: v }, j) => /* @__PURE__ */ n("div", {
+  className: "input-textarea-wrapper",
+  children: [
+    s && /* @__PURE__ */ n("label", {
+      htmlFor: r,
+      className: "input-textarea-label",
+      children: [s, f && /* @__PURE__ */ e("span", {
+        className: "input-textarea-required",
+        children: "*"
+      })]
+    }),
+    /* @__PURE__ */ e("textarea", {
+      autoComplete: p,
+      autoFocus: i,
+      className: `input-textarea${a ? " input-textarea-error" : ""}${t ? " input-textarea-success" : ""}`,
+      cols: l,
+      disabled: m,
+      id: r,
+      maxLength: x,
+      onBlur: u,
+      onChange: (w) => c?.(w.target.value),
+      onClick: o,
+      onKeyDown: d,
+      onKeyUp: h,
+      placeholder: N,
+      ref: j,
+      rows: g,
+      value: v
+    }),
+    a && /* @__PURE__ */ e("span", {
+      className: "input-textarea-error-message",
+      children: a
+    }),
+    t && /* @__PURE__ */ e("span", {
+      className: "input-textarea-success-message",
+      children: t
+    })
+  ]
+}));
+export {
+  F as InputTextarea
+};

package/dist/components/InputTime/InputTime.css

@@ -0,0 +1 @@
+.input-time-wrapper{gap:var(--spacing-8);flex-direction:column;display:flex}.input-time-wrapper .input-time-label{color:var(--form-control-label-color,var(--form-control-color));font-size:var(--form-control-label-font-size,var(--font-size-sm));font-weight:var(--form-control-label-font-weight,var(--font-weight-medium));letter-spacing:var(--form-control-label-letter-spacing,normal);text-transform:var(--form-control-label-text-transform,none)}.input-time-wrapper .input-time-label .input-time-required{color:var(--body-danger-color,#dc2626);margin-left:var(--spacing-2)}.input-time-wrapper .input-time{background-color:var(--form-control-background-color);color:var(--form-control-color);border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);padding:var(--spacing-12);font-family:var(--form-control-font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);box-sizing:border-box;width:100%}.input-time-wrapper .input-time:focus{background-color:var(--form-control-focus-background-color);border-color:var(--form-control-focus-border-color);color:var(--form-control-focus-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow);outline:none}.input-time-wrapper .input-time::placeholder{color:var(--form-control-placeholder-color)}.input-time-wrapper .input-time::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer;opacity:.7}.input-time-wrapper .input-time::-webkit-calendar-picker-indicator:hover{opacity:1}.input-time-wrapper .input-time.input-time-error{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);color:var(--form-control-error-color)}.input-time-wrapper .input-time.input-time-error:focus{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.input-time-wrapper .input-time.input-time-success{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);color:var(--form-control-success-color)}.input-time-wrapper .input-time.input-time-success:focus{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.input-time-wrapper.input-time-highlighted .input-time{border-color:var(--form-control-focus-border-color)}.input-time-wrapper .input-time-error-message{font-size:var(--font-size-xs);color:var(--form-control-error-color)}.input-time-wrapper .input-time-success-message{font-size:var(--font-size-xs);color:var(--form-control-success-color)}.input-time-field{align-items:center;display:flex;position:relative}.input-time-field--with-clock .input-time{padding-right:var(--spacing-40)}.input-time-field--with-clock .input-time::-webkit-calendar-picker-indicator{display:none}.input-time-clock-button{border-radius:var(--radius-sm);color:var(--form-control-color);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-4);right:var(--spacing-8);transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.input-time-clock-button:hover:not(:disabled){background-color:var(--calendar-day-hover-background-color)}.input-time-clock-button--active{background-color:var(--calendar-day-selected-background-color);color:var(--calendar-day-selected-color)}.input-time-clock-button:disabled{cursor:not-allowed;opacity:.5}

package/dist/components/InputTime/InputTime2.js

@@ -0,0 +1,85 @@
+import './InputTime.css';
+import { Icon as S } from "../Icon/Icon2.js";
+import { Popover as T } from "../Popover/Popover2.js";
+import { TimePicker as j } from "../TimePicker/TimePicker2.js";
+/* empty css          */
+import { forwardRef as w, useRef as y, useState as E } from "react";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+var v = (i) => i.toString().padStart(2, "0"), O = (i) => {
+  const [n, t] = (i ?? "").split(":").map(Number);
+  return {
+    hours: Number.isFinite(n) ? n : 0,
+    minutes: Number.isFinite(t) ? t : 0,
+    seconds: 0
+  };
+}, H = w(({ autoFocus: i, disabled: n, error: t, highlighted: N, id: o, label: c, max: k, min: g, minuteStep: C = 1, onBlur: $, onChange: p, onClick: x, onKeyDown: F, onKeyUp: I, readOnly: u = !1, required: f = !1, success: l, value: h, withClock: a = !1 }, P) => {
+  const [r, d] = E(!1), b = y(null), R = (s) => {
+    p?.(`${v(s.hours)}:${v(s.minutes)}`);
+  };
+  return /* @__PURE__ */ m("div", {
+    className: `input-time-wrapper${N ? " input-time-highlighted" : ""}`,
+    children: [
+      c && /* @__PURE__ */ m("label", {
+        htmlFor: o,
+        className: "input-time-label",
+        children: [c, f && /* @__PURE__ */ e("span", {
+          className: "input-time-required",
+          children: "*"
+        })]
+      }),
+      /* @__PURE__ */ m("div", {
+        ref: b,
+        className: `input-time-field${a ? " input-time-field--with-clock" : ""}`,
+        children: [/* @__PURE__ */ e("input", {
+          autoFocus: i,
+          disabled: n,
+          type: "time",
+          className: `input-time${t ? " input-time-error" : ""}${l ? " input-time-success" : ""}`,
+          id: o,
+          max: k,
+          min: g,
+          ref: P,
+          value: h ?? "",
+          onBlur: $,
+          onChange: (s) => p?.(s.target.value || void 0),
+          onClick: x,
+          onKeyDown: F,
+          onKeyUp: I,
+          readOnly: u,
+          required: f
+        }), a && /* @__PURE__ */ e("button", {
+          className: `input-time-clock-button${r ? " input-time-clock-button--active" : ""}`,
+          disabled: n || u,
+          onClick: () => d(!r),
+          title: "Pick on a clock",
+          type: "button",
+          children: /* @__PURE__ */ e(S, { name: "time" })
+        })]
+      }),
+      t && /* @__PURE__ */ e("span", {
+        className: "input-time-error-message",
+        children: t
+      }),
+      l && /* @__PURE__ */ e("span", {
+        className: "input-time-success-message",
+        children: l
+      }),
+      a && /* @__PURE__ */ e(T, {
+        visible: r,
+        onClose: () => d(!1),
+        anchorEl: b.current,
+        children: /* @__PURE__ */ e(j, {
+          collapsibleClock: !1,
+          label: "",
+          minuteStep: C,
+          onChange: R,
+          value: O(h),
+          withClock: !0
+        })
+      })
+    ]
+  });
+});
+export {
+  H as InputTime
+};

package/dist/components/InputUrl/InputUrl.css

@@ -0,0 +1 @@
+.input-url-wrapper{gap:var(--spacing-8);flex-direction:column;width:100%;display:flex}.input-url-wrapper .input-url-label{color:var(--form-control-label-color,var(--form-control-color));font-size:var(--form-control-label-font-size,var(--font-size-sm));font-weight:var(--form-control-label-font-weight,var(--font-weight-medium));letter-spacing:var(--form-control-label-letter-spacing,normal);text-transform:var(--form-control-label-text-transform,none)}.input-url-wrapper .input-url-label .input-url-required{color:var(--body-danger-color,#dc2626);margin-left:var(--spacing-2)}.input-url-wrapper .input-url{background-color:var(--form-control-background-color);color:var(--form-control-color);border:var(--spacing-1) solid var(--form-control-border-color);border-radius:var(--radius-sm);padding:var(--spacing-12);font-family:var(--form-control-font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);box-sizing:border-box;width:100%}.input-url-wrapper .input-url:focus{background-color:var(--form-control-focus-background-color);border-color:var(--form-control-focus-border-color);color:var(--form-control-focus-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow);outline:none}.input-url-wrapper .input-url::placeholder{color:var(--form-control-placeholder-color)}.input-url-wrapper .input-url.input-url-error{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);color:var(--form-control-error-color)}.input-url-wrapper .input-url.input-url-error:focus{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.input-url-wrapper .input-url.input-url-success{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);color:var(--form-control-success-color)}.input-url-wrapper .input-url.input-url-success:focus{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.input-url-wrapper.input-url-highlighted .input-url{border-color:var(--form-control-focus-border-color)}.input-url-wrapper .input-url-error-message{font-size:var(--font-size-xs);color:var(--form-control-error-color)}.input-url-wrapper .input-url-success-message{font-size:var(--font-size-xs);color:var(--form-control-success-color)}

package/dist/components/InputUrl/InputUrl2.js

@@ -0,0 +1,65 @@
+import './InputUrl.css';
+/* empty css         */
+import { forwardRef as A, useState as B } from "react";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+var F = "Please enter a valid URL (e.g. https://example.com)", I = (l) => {
+  try {
+    const e = new URL(l);
+    return e.protocol === "http:" || e.protocol === "https:";
+  } catch {
+    return !1;
+  }
+}, G = A(({ autoFocus: l, disabled: e, error: f, highlighted: v, id: u, label: i, maxLength: g, onBlur: E, onChange: R, onClick: N, onKeyDown: U, onKeyUp: x, onValidationChange: o, placeholder: L = "https://...", readOnly: w = !1, required: p = !1, success: a, validationErrorMessage: y, value: S }, _) => {
+  const [c, d] = B(void 0), h = (r) => {
+    if (!r)
+      return d(void 0), o?.(!0), !0;
+    const n = I(r);
+    return d(n ? void 0 : y ?? F), o?.(n), n;
+  }, $ = (r) => {
+    R?.(r), c && h(r);
+  }, j = (r) => {
+    h(r.target.value), E?.(r);
+  }, s = f ?? c;
+  return /* @__PURE__ */ m("div", {
+    className: `input-url-wrapper${v ? " input-url-highlighted" : ""}`,
+    children: [
+      i && /* @__PURE__ */ m("label", {
+        htmlFor: u,
+        className: "input-url-label",
+        children: [i, p && /* @__PURE__ */ t("span", {
+          className: "input-url-required",
+          children: "*"
+        })]
+      }),
+      /* @__PURE__ */ t("input", {
+        autoFocus: l,
+        disabled: e,
+        type: "url",
+        className: `input-url${s ? " input-url-error" : ""}${a ? " input-url-success" : ""}`,
+        id: u,
+        maxLength: g,
+        placeholder: L,
+        ref: _,
+        value: S,
+        onBlur: j,
+        onChange: (r) => $(r.target.value),
+        onClick: N,
+        onKeyDown: U,
+        onKeyUp: x,
+        readOnly: w,
+        required: p
+      }),
+      s && /* @__PURE__ */ t("span", {
+        className: "input-url-error-message",
+        children: s
+      }),
+      a && /* @__PURE__ */ t("span", {
+        className: "input-url-success-message",
+        children: a
+      })
+    ]
+  });
+});
+export {
+  G as InputUrl
+};

package/dist/components/JourneyWizard/JourneyWizard.css

@@ -0,0 +1 @@
+.journey-wizard{gap:var(--spacing-24);flex-direction:column;display:flex}.journey-wizard--modal{padding:var(--spacing-4) var(--spacing-24) var(--spacing-24)}.journey-wizard--drawer{padding:var(--spacing-4) 0 var(--spacing-8)}.journey-wizard__progress{gap:var(--spacing-8);padding-top:var(--spacing-12);justify-content:center;align-items:center;display:flex}.journey-wizard__dot{border-radius:var(--radius-full);background-color:var(--border-color);width:8px;height:8px;transition:width var(--transition-moderate), background-color var(--transition-moderate)}.journey-wizard__dot--done{background-color:var(--body-accent-color);opacity:.5}.journey-wizard__dot--active{background-color:var(--body-accent-color);width:24px}.journey-wizard__step{gap:var(--spacing-20);flex-direction:column;display:flex}.journey-wizard__step-header{gap:var(--spacing-6);flex-direction:column;display:flex}.journey-wizard__step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--body-title-color);line-height:var(--line-height-tight);margin:0}.journey-wizard__step-subtitle{font-size:var(--font-size-sm);color:var(--body-color-muted);line-height:var(--line-height-normal);margin:0}.journey-wizard__step-content{gap:var(--spacing-16);flex-direction:column;display:flex}.journey-wizard__nav{padding-top:var(--spacing-16);border-top:1px solid var(--border-color);margin-top:var(--spacing-8);justify-content:space-between;align-items:center;display:flex}.journey-wizard__nav-side{min-width:90px;display:flex}.journey-wizard__nav-side--right{justify-content:flex-end}.journey-wizard__nav-counter{font-size:var(--font-size-sm);color:var(--body-color-muted);font-weight:var(--font-weight-medium)}

package/dist/components/JourneyWizard/JourneyWizard2.js

@@ -0,0 +1,147 @@
+import './JourneyWizard.css';
+import { Icon as C } from "../Icon/Icon2.js";
+import { Button as c } from "../Button/Button2.js";
+import { Modal as k } from "../Modal/Modal2.js";
+import { Drawer as x } from "../Drawer/Drawer2.js";
+/* empty css              */
+import { useEffect as S, useState as B } from "react";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+var M = ({ isOpen: n, onClose: z, onComplete: j, steps: t, title: u, presentation: _ = "drawer", width: y = "480px" }) => {
+  const [i, s] = B(0);
+  S(() => {
+    n && s(0);
+  }, [n]);
+  const r = t[i], p = i === t.length - 1, v = i === 0, h = r?.canProceed !== !1, N = r?.canGoBack !== !1, f = () => {
+    i < t.length - 1 && s((d) => d + 1);
+  }, b = () => {
+    i > 0 && s((d) => d - 1);
+  }, m = () => {
+    s(0), z();
+  }, g = () => {
+    s(0), j();
+  }, o = /* @__PURE__ */ e("div", {
+    className: "journey-wizard__progress",
+    children: t.map((d, w) => /* @__PURE__ */ e("span", { className: `journey-wizard__dot${w === i ? " journey-wizard__dot--active" : w < i ? " journey-wizard__dot--done" : ""}` }, d.id))
+  }), l = /* @__PURE__ */ a("div", {
+    className: "journey-wizard__nav",
+    children: [
+      /* @__PURE__ */ e("div", {
+        className: "journey-wizard__nav-side",
+        children: !v && /* @__PURE__ */ e(c, {
+          variant: "ghost",
+          icon: "previous",
+          disabled: !N,
+          onClick: b,
+          children: "Back"
+        })
+      }),
+      /* @__PURE__ */ a("span", {
+        className: "journey-wizard__nav-counter",
+        children: [
+          i + 1,
+          " / ",
+          t.length
+        ]
+      }),
+      /* @__PURE__ */ e("div", {
+        className: "journey-wizard__nav-side journey-wizard__nav-side--right",
+        children: p ? /* @__PURE__ */ e(c, {
+          variant: "success",
+          icon: "save",
+          disabled: !h,
+          onClick: g,
+          children: "Save"
+        }) : /* @__PURE__ */ a(c, {
+          variant: "info",
+          disabled: !h,
+          onClick: f,
+          children: ["Next ", /* @__PURE__ */ e(C, {
+            name: "next",
+            size: "sm"
+          })]
+        })
+      })
+    ]
+  });
+  return _ === "inline" ? n ? /* @__PURE__ */ a("div", {
+    className: "journey-wizard journey-wizard--inline",
+    children: [
+      o,
+      /* @__PURE__ */ a("div", {
+        className: "journey-wizard__step",
+        children: [/* @__PURE__ */ a("div", {
+          className: "journey-wizard__step-header",
+          children: [/* @__PURE__ */ e("h2", {
+            className: "journey-wizard__step-title",
+            children: r?.title
+          }), r?.subtitle && /* @__PURE__ */ e("p", {
+            className: "journey-wizard__step-subtitle",
+            children: r.subtitle
+          })]
+        }), /* @__PURE__ */ e("div", {
+          className: "journey-wizard__step-content",
+          children: r?.content
+        })]
+      }),
+      l
+    ]
+  }) : null : _ === "modal" ? /* @__PURE__ */ e(k, {
+    isOpen: n,
+    onClose: m,
+    title: u,
+    size: "large",
+    usePortal: !0,
+    children: /* @__PURE__ */ a("div", {
+      className: "journey-wizard journey-wizard--modal",
+      children: [
+        o,
+        /* @__PURE__ */ a("div", {
+          className: "journey-wizard__step",
+          children: [/* @__PURE__ */ a("div", {
+            className: "journey-wizard__step-header",
+            children: [/* @__PURE__ */ e("h2", {
+              className: "journey-wizard__step-title",
+              children: r?.title
+            }), r?.subtitle && /* @__PURE__ */ e("p", {
+              className: "journey-wizard__step-subtitle",
+              children: r.subtitle
+            })]
+          }), /* @__PURE__ */ e("div", {
+            className: "journey-wizard__step-content",
+            children: r?.content
+          })]
+        }),
+        l
+      ]
+    })
+  }) : /* @__PURE__ */ e(x, {
+    isOpen: n,
+    onClose: m,
+    title: u,
+    width: y,
+    position: "right",
+    footer: l,
+    children: /* @__PURE__ */ a("div", {
+      className: "journey-wizard journey-wizard--drawer",
+      children: [o, /* @__PURE__ */ a("div", {
+        className: "journey-wizard__step",
+        children: [/* @__PURE__ */ a("div", {
+          className: "journey-wizard__step-header",
+          children: [/* @__PURE__ */ e("h2", {
+            className: "journey-wizard__step-title",
+            children: r?.title
+          }), r?.subtitle && /* @__PURE__ */ e("p", {
+            className: "journey-wizard__step-subtitle",
+            children: r.subtitle
+          })]
+        }), /* @__PURE__ */ e("div", {
+          className: "journey-wizard__step-content",
+          children: r?.content
+        })]
+      })]
+    })
+  });
+};
+export {
+  M as JourneyWizard
+};

package/dist/components/List/List.css

@@ -0,0 +1 @@
+.list{margin:0;padding:0;list-style:none}.list--vertical{flex-direction:column;display:flex}.list--horizontal{flex-flow:wrap;display:flex}.list__item{padding:var(--spacing-8) var(--spacing-12);color:var(--body-color);font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:var(--radius-sm);align-items:center;display:flex}.list__item--alternate{background-color:var(--list-alternate-background-color)}.list__item--disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.list--selectable .list__item{cursor:pointer;-webkit-user-select:none;user-select:none}.list--selectable .list__item:hover:not(.list--selectable .list__item--disabled){background-color:var(--list-hover-background-color);color:var(--body-color-accent)}.list--selectable .list__item--active{background-color:var(--list-hover-background-color);color:var(--body-color-accent);border-left:3px solid var(--card-border-accent-color);padding-left:calc(var(--spacing-12) - 3px)}.list--horizontal .list--selectable .list__item--active{border-left:none;border-bottom:3px solid var(--card-border-accent-color);padding-left:var(--spacing-12);padding-bottom:calc(var(--spacing-8) - 3px)}

package/dist/components/List/List2.js

@@ -0,0 +1,28 @@
+import './List.css';
+/* empty css     */
+import { useState as f } from "react";
+import { jsx as e } from "react/jsx-runtime";
+var h = ({ items: l, direction: s = "vertical", selectable: t = !1, defaultSelectedId: a, onSelect: r, className: d = "" }) => {
+  const [c, n] = f(a), o = (i) => {
+    !t || i.disabled || (n(i.id), r?.(i));
+  };
+  return /* @__PURE__ */ e("ul", {
+    className: `list list--${s} ${t ? "list--selectable" : ""} ${d}`,
+    children: l.map((i, _) => {
+      const m = t && c === i.id;
+      return /* @__PURE__ */ e("li", {
+        className: [
+          "list__item",
+          _ % 2 === 1 ? "list__item--alternate" : "",
+          m ? "list__item--active" : "",
+          i.disabled ? "list__item--disabled" : ""
+        ].filter(Boolean).join(" "),
+        onClick: () => o(i),
+        children: i.label
+      }, i.id);
+    })
+  });
+};
+export {
+  h as List
+};

package/dist/components/Loading/Loading.css

@@ -0,0 +1 @@
+.loading{padding:var(--spacing-32);justify-content:center;align-items:center;display:flex}.loading__spinner{width:var(--spacing-40);height:var(--spacing-40);border:var(--spacing-4) solid var(--loader-border-color);border-top:var(--spacing-4) solid var(--loader-border-top-color);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/components/Loading/Loading2.js

@@ -0,0 +1,11 @@
+import './Loading.css';
+/* empty css        */
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+var m = () => /* @__PURE__ */ r("div", {
+  className: "loading",
+  children: /* @__PURE__ */ r("div", { className: "loading__spinner" })
+});
+export {
+  m as Loading
+};

package/dist/components/MenuHamburger/MenuHamburger.css

@@ -0,0 +1 @@
+.MenuHamburger{--MenuHamburger-icon-button-size:calc(var(--spacing-12) + var(--spacing-12) + 1.3125rem + var(--spacing-1) + var(--spacing-1));position:relative}.MenuHamburger_opener--icon-only,.MenuHamburger_single-item--icon-only{box-sizing:border-box;width:var(--MenuHamburger-icon-button-size);height:var(--MenuHamburger-icon-button-size);justify-content:center;padding:0!important}.MenuHamburger_dropdown{flex-direction:column;min-width:200px;display:flex}.MenuHamburger_dropdown button{border-radius:0!important}.MenuHamburger_entry:not(:last-child) .MenuHamburger_item{border-bottom:var(--spacing-1) solid var(--delimiter-color)}.MenuHamburger_separator{height:var(--spacing-4);background-color:var(--delimiter-color);opacity:.5}.MenuHamburger_item{cursor:pointer;text-align:left;width:100%;padding:var(--spacing-12) var(--spacing-16)!important;color:var(--card-color)!important;background-color:#0000!important;align-items:flex-start!important;transition:background-color .2s!important;display:flex!important}.MenuHamburger_item span{gap:var(--spacing-12);align-items:center;display:flex}.MenuHamburger_item span span:first-child{width:var(--spacing-32)}.MenuHamburger_item:hover{background-color:var(--list-hover-background-color)!important}.MenuHamburger_item--active{background-color:var(--card-background-accent-color)!important;border-left:4px solid var(--card-border-accent-color)!important;font-weight:var(--font-weight-semibold)!important}.MenuHamburger_item--active:hover{background-color:var(--card-background-accent-color)}.MenuHamburger_item__icon{font-size:var(--font-size-lg);line-height:1}.MenuHamburger_item__label{font-size:var(--font-size-sm);font-weight:inherit;white-space:nowrap}