@companix/uikit 0.1.42 → 0.1.44

package/dist/bundle.es27.js

@@ -1,23 +1,40 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Button as p } from "./bundle.es5.js";
-import { useLoading as s } from "./bundle.es51.js";
-const l = ({
-  onClick: o,
-  appearance: r = "primary",
-  loading: i,
-  ...n
-}) => {
-  const { isLoading: t, isError: a, handleClick: e } = s({ onClick: o });
-  return /* @__PURE__ */ m(
-    p,
-    {
-      appearance: a ? "negative" : r,
-      ...n,
-      loading: t || i,
-      onClick: e
-    }
-  );
-};
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-alert-dialog";
+import { Button as c } from "./bundle.es5.js";
+import { RemoveListener as N } from "./bundle.es61.js";
+import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
+const C = ({
+  open: d,
+  defaultOpen: m,
+  onOpenChange: p,
+  onClosed: h,
+  icon: i,
+  title: l,
+  description: o,
+  cancelDefaultText: s,
+  cancel: t,
+  disableCancel: v,
+  confirm: n
+}) => /* @__PURE__ */ e(r.Root, { open: d, defaultOpen: m, onOpenChange: p, children: /* @__PURE__ */ a(r.Portal, { children: [
+  /* @__PURE__ */ e(r.Overlay, { className: "popup-overlay dialog-overlay" }),
+  /* @__PURE__ */ a(r.Content, { className: "dialog-container", children: [
+    /* @__PURE__ */ e(N, { callback: h }),
+    /* @__PURE__ */ a("div", { className: "popup dialog alert", children: [
+      /* @__PURE__ */ a("div", { className: "alert-body", children: [
+        i && /* @__PURE__ */ e("span", { className: "alert-icon", children: i }),
+        /* @__PURE__ */ a("div", { className: "alert-content", children: [
+          l && /* @__PURE__ */ e(r.Title, { className: "alert-title", children: l }),
+          !l && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(r.Title, {}) }),
+          o && /* @__PURE__ */ e(r.Description, { className: "alert-description", children: o })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "alert-footer", children: [
+        !v && (t?.text || s) && /* @__PURE__ */ e(r.Cancel, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "neutral", ...t, text: t?.text ?? s }) }),
+        n?.text && /* @__PURE__ */ e(r.Action, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "negative", ...n }) })
+      ] })
+    ] })
+  ] })
+] }) });
 export {
-  l as LoadingButton
+  C as AlertDialog
 };

package/dist/bundle.es28.js

@@ -1,21 +1,23 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { useTabSlider as l, makeTabId as m } from "./bundle.es62.js";
-import * as n from "@radix-ui/react-tabs";
-import { useRef as f, useId as T, createContext as u, useContext as c } from "react";
-const o = u({ baseId: "", containerRef: {} }), x = ({ children: s, value: e, onChange: r }) => {
-  const t = f(null), i = T().replaceAll(":", "");
-  return /* @__PURE__ */ a(n.Root, { value: e, onValueChange: (d) => r(d), children: /* @__PURE__ */ a(o.Provider, { value: { baseId: i, containerRef: t }, children: /* @__PURE__ */ b(n.List, { className: "tabs", ref: t, children: [
-    /* @__PURE__ */ a(I, { value: e }),
-    s
-  ] }) }) });
-}, I = ({ value: s }) => {
-  const { baseId: e, containerRef: r } = c(o), t = l({ baseId: e, value: s, containerRef: r });
-  return /* @__PURE__ */ a("div", { className: "tab-indicator-container", style: t, children: /* @__PURE__ */ a("div", { className: "tab-indicator" }) });
-}, p = ({ children: s, value: e, ...r }) => {
-  const { baseId: t } = c(o);
-  return /* @__PURE__ */ a(n.Trigger, { ...r, id: m(t, e), className: "tab", value: e, children: s });
+import { jsx as m } from "react/jsx-runtime";
+import { Button as p } from "./bundle.es5.js";
+import { useLoading as s } from "./bundle.es52.js";
+const l = ({
+  onClick: o,
+  appearance: r = "primary",
+  loading: i,
+  ...n
+}) => {
+  const { isLoading: t, isError: a, handleClick: e } = s({ onClick: o });
+  return /* @__PURE__ */ m(
+    p,
+    {
+      appearance: a ? "negative" : r,
+      ...n,
+      loading: t || i,
+      onClick: e
+    }
+  );
 };
-x.Tab = p;
 export {
-  x as Tabs
+  l as LoadingButton
 };

package/dist/bundle.es29.js

@@ -1,24 +1,21 @@
-import { jsx as d, Fragment as p } from "react/jsx-runtime";
-import { useRerender as T } from "./bundle.es74.js";
-import { getNextCandleTime as x, sleep as S, getTimes as g } from "@companix/utils-js";
-import { useRef as v, useEffect as s } from "react";
-const n = (t) => String(t).padStart(2, "0"), C = ({ expiration: t, separator: m = ":", onExpired: i }) => {
-  const e = v(null), o = T();
-  s(() => {
-    const c = Date.now(), f = x(c, "1s") - c;
-    return e.current && clearInterval(e.current), S(f).then(() => {
-      o(), e.current = setInterval(() => {
-        o();
-      }, 1e3);
-    }), () => {
-      e.current && clearInterval(e.current);
-    };
-  }, [t]);
-  const r = t - Date.now(), { hours: u, minutes: a, seconds: l } = g(r);
-  return s(() => {
-    r <= 0 && (i?.(), e.current && clearInterval(e.current));
-  }, [r <= 0]), /* @__PURE__ */ d(p, { children: [n(u), n(a), n(l)].join(m) });
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { useTabSlider as l, makeTabId as m } from "./bundle.es63.js";
+import * as n from "@radix-ui/react-tabs";
+import { useRef as f, useId as T, createContext as u, useContext as c } from "react";
+const o = u({ baseId: "", containerRef: {} }), x = ({ children: s, value: e, onChange: r }) => {
+  const t = f(null), i = T().replaceAll(":", "");
+  return /* @__PURE__ */ a(n.Root, { value: e, onValueChange: (d) => r(d), children: /* @__PURE__ */ a(o.Provider, { value: { baseId: i, containerRef: t }, children: /* @__PURE__ */ b(n.List, { className: "tabs", ref: t, children: [
+    /* @__PURE__ */ a(I, { value: e }),
+    s
+  ] }) }) });
+}, I = ({ value: s }) => {
+  const { baseId: e, containerRef: r } = c(o), t = l({ baseId: e, value: s, containerRef: r });
+  return /* @__PURE__ */ a("div", { className: "tab-indicator-container", style: t, children: /* @__PURE__ */ a("div", { className: "tab-indicator" }) });
+}, p = ({ children: s, value: e, ...r }) => {
+  const { baseId: t } = c(o);
+  return /* @__PURE__ */ a(n.Trigger, { ...r, id: m(t, e), className: "tab", value: e, children: s });
 };
+x.Tab = p;
 export {
-  C as Countdown
+  x as Tabs
 };

package/dist/bundle.es30.js

@@ -1,46 +1,24 @@
-import { jsx as m } from "react/jsx-runtime";
-import u from "classnames";
-import { useResizeTextarea as z } from "./bundle.es50.js";
-import { attr as e, callMultiple as R } from "@companix/utils-browser";
-import { useEffect as T } from "react";
-import { mergeRefs as g } from "react-merge-refs";
-const E = ({
-  onResize: f,
-  grow: t = !1,
-  value: a,
-  onChange: i,
-  disabled: o,
-  required: s,
-  rows: l = 2,
-  fill: p = !1,
-  textAreaRef: c,
-  className: n,
-  ...d
-}) => {
-  const [x, r] = z(f, t);
-  return T(r, [r, a]), /* @__PURE__ */ m(
-    "div",
-    {
-      className: "form form-textarea",
-      "data-required": e(s),
-      "data-disabled": e(o),
-      "data-fill": e(p),
-      children: /* @__PURE__ */ m(
-        "textarea",
-        {
-          className: u("form-input", n),
-          "data-grow": e(t),
-          value: a,
-          ref: g([c, x]),
-          rows: l,
-          disabled: o,
-          onChange: R(i, r),
-          ...d
-        }
-      )
-    }
-  );
+import { jsx as d, Fragment as p } from "react/jsx-runtime";
+import { useRerender as T } from "./bundle.es75.js";
+import { getNextCandleTime as x, sleep as S, getTimes as g } from "@companix/utils-js";
+import { useRef as v, useEffect as s } from "react";
+const n = (t) => String(t).padStart(2, "0"), C = ({ expiration: t, separator: m = ":", onExpired: i }) => {
+  const e = v(null), o = T();
+  s(() => {
+    const c = Date.now(), f = x(c, "1s") - c;
+    return e.current && clearInterval(e.current), S(f).then(() => {
+      o(), e.current = setInterval(() => {
+        o();
+      }, 1e3);
+    }), () => {
+      e.current && clearInterval(e.current);
+    };
+  }, [t]);
+  const r = t - Date.now(), { hours: u, minutes: a, seconds: l } = g(r);
+  return s(() => {
+    r <= 0 && (i?.(), e.current && clearInterval(e.current));
+  }, [r <= 0]), /* @__PURE__ */ d(p, { children: [n(u), n(a), n(l)].join(m) });
 };
 export {
-  E as TextArea
+  C as Countdown
 };

package/dist/bundle.es31.js

@@ -1,123 +1,46 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Popover as T } from "./bundle.es11.js";
-import { Input as w } from "./bundle.es15.js";
-import { useState as A, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es75.js";
-import { useDayDisableCheker as N } from "./bundle.es61.js";
-import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es67.js";
-import { SelectRightElements as Y } from "./bundle.es76.js";
-const i = {
-  char: "-",
-  toString: (e) => {
-    if (e) {
-      const n = v(e.getDate()), r = v(e.getMonth() + 1), l = e.getFullYear();
-      return [n, r, l].join(i.char);
-    }
-    return "";
-  },
-  toValue: (e) => {
-    const n = e.split(i.char);
-    if (n.length === 3) {
-      const [r, l, a] = [h(n[0]), h(n[1]), h(n[2])];
-      if (r && l && a) {
-        const o = new Date(a, l - 1, r);
-        if (o.getFullYear() === a && o.getDate() === r && o.getMonth() === l - 1)
-          return o;
-      }
-    }
-    return null;
-  }
-}, U = (e) => {
-  const {
-    clearButton: n,
-    clearButtonIcon: r,
-    children: l,
-    disabled: a,
-    // calendar props
-    value: o,
-    enableTime: y,
-    disablePickers: I,
-    showNeighboringMonth: P,
-    onChange: c,
-    shouldDisableDate: g,
-    viewDate: S,
-    disablePast: d,
-    disableFuture: D,
-    minDateTime: C,
-    maxDateTime: b,
-    // input props
-    ...V
-  } = e, [m, s] = A(() => i.toString(o ?? null)), p = j(null), k = N({
-    disableFuture: D,
-    disablePast: d,
-    shouldDisableDate: g,
-    minDateTime: C,
-    maxDateTime: b
-  }), B = (t) => {
-    a || p.current && p.current.getAttribute("data-state") === "open" && t.preventDefault();
-  }, F = (t) => {
-    t.stopPropagation(), s(""), c?.(null);
-  }, x = (t) => {
-    s(t);
-    const f = i.toValue(t);
-    f && !k(f) && c?.(f);
-  }, M = () => {
-    const t = i.toValue(m);
-    (!t || k(t)) && s(i.toString(o ?? null));
-  }, R = (t) => {
-    c?.(t), s(i.toString(t));
-  };
-  return /* @__PURE__ */ u(
-    T,
+import { jsx as m } from "react/jsx-runtime";
+import u from "classnames";
+import { useResizeTextarea as z } from "./bundle.es51.js";
+import { attr as e, callMultiple as R } from "@companix/utils-browser";
+import { useEffect as T } from "react";
+import { mergeRefs as g } from "react-merge-refs";
+const E = ({
+  onResize: f,
+  grow: t = !1,
+  value: a,
+  onChange: i,
+  disabled: o,
+  required: s,
+  rows: l = 2,
+  fill: p = !1,
+  textAreaRef: c,
+  className: n,
+  ...d
+}) => {
+  const [x, r] = z(f, t);
+  return T(r, [r, a]), /* @__PURE__ */ m(
+    "div",
     {
-      minimal: !0,
-      ref: p,
-      sideOffset: 0,
-      onOpenAutoFocus: (t) => t.preventDefault(),
-      onCloseAutoFocus: (t) => t.preventDefault(),
-      disabled: a,
-      fitMaxHeight: !1,
-      content: () => /* @__PURE__ */ u(
-        E,
-        {
-          value: o,
-          disablePast: d,
-          disableFuture: D,
-          enableTime: y,
-          disablePickers: I,
-          showNeighboringMonth: P,
-          onChange: R,
-          shouldDisableDate: g,
-          viewDate: S,
-          minDateTime: C,
-          maxDateTime: b
-        }
-      ),
-      children: /* @__PURE__ */ u(
-        w,
+      className: "form form-textarea",
+      "data-required": e(s),
+      "data-disabled": e(o),
+      "data-fill": e(p),
+      children: /* @__PURE__ */ m(
+        "textarea",
         {
-          ...V,
-          value: m,
-          disabled: a,
-          onClick: B,
-          onValueChange: x,
-          onBlur: M,
-          mask: "99-99-9999",
-          rightElement: /* @__PURE__ */ u(
-            Y,
-            {
-              clearButton: n,
-              clearButtonIcon: r,
-              value: !!O(m, ["-", "_"]),
-              onClear: F
-            }
-          )
+          className: u("form-input", n),
+          "data-grow": e(t),
+          value: a,
+          ref: g([c, x]),
+          rows: l,
+          disabled: o,
+          onChange: R(i, r),
+          ...d
         }
       )
     }
   );
 };
 export {
-  U as DatePicker
+  E as TextArea
 };

package/dist/bundle.es32.js

@@ -1,76 +1,123 @@
-import { jsxs as D, jsx as h } from "react/jsx-runtime";
-import { useMemo as M, useEffect as C } from "react";
-import { Select as c } from "./bundle.es13.js";
-import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es67.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es77.js";
-const B = ({
-  min: o = j,
-  max: e = N,
-  disabled: r,
-  value: a,
-  noDaySelect: g,
-  noYearSelect: u,
-  onChange: l,
-  required: m,
-  size: i
-}) => {
-  const d = M(() => O({ min: o, max: e }), [o, e]);
-  C(() => {
-    const t = d(a);
-    t && l(t);
-  }, [d, a]);
-  const { years: p, months: w, days: f } = V({ min: o, max: e, now: a }), s = (t, x) => {
-    const n = { ...a };
-    n[t] = x;
-    const y = T(n.month, n.year);
-    n.day = n.day > y ? y : n.day, l(n);
-  };
-  return /* @__PURE__ */ D("div", { className: "data-input", children: [
-    !u && p.length > 0 && /* @__PURE__ */ h(
-      c,
-      {
-        placeholder: "Год",
-        options: p,
-        onChange: (t) => s("year", t),
-        value: a.year,
-        required: m,
-        disabled: r,
-        size: i,
-        minimalOptions: !0,
-        matchTarget: "min-width"
-      }
-    ),
-    /* @__PURE__ */ h(
-      c,
-      {
-        placeholder: "Месяц",
-        className: "w-full",
-        options: w,
-        onChange: (t) => s("month", t),
-        value: a.month,
-        disabled: r,
-        required: m,
-        size: i,
-        minimalOptions: !0,
-        matchTarget: "min-width"
+import { jsx as u } from "react/jsx-runtime";
+import { Popover as T } from "./bundle.es11.js";
+import { Input as w } from "./bundle.es15.js";
+import { useState as A, useRef as j } from "react";
+import { Calendar as E } from "./bundle.es76.js";
+import { useDayDisableCheker as N } from "./bundle.es62.js";
+import { getNum as h, formatTime as v } from "@companix/utils-js";
+import { removeDigits as O } from "./bundle.es68.js";
+import { SelectRightElements as Y } from "./bundle.es77.js";
+const i = {
+  char: "-",
+  toString: (e) => {
+    if (e) {
+      const n = v(e.getDate()), r = v(e.getMonth() + 1), l = e.getFullYear();
+      return [n, r, l].join(i.char);
+    }
+    return "";
+  },
+  toValue: (e) => {
+    const n = e.split(i.char);
+    if (n.length === 3) {
+      const [r, l, a] = [h(n[0]), h(n[1]), h(n[2])];
+      if (r && l && a) {
+        const o = new Date(a, l - 1, r);
+        if (o.getFullYear() === a && o.getDate() === r && o.getMonth() === l - 1)
+          return o;
       }
-    ),
-    !g && /* @__PURE__ */ h(
-      c,
-      {
-        placeholder: "День",
-        options: f,
-        disabled: r || f.length === 0,
-        onChange: (t) => s("day", t),
-        value: a.day,
-        required: m,
-        size: i,
-        minimalOptions: !0,
-        matchTarget: "min-width"
-      }
-    )
-  ] });
+    }
+    return null;
+  }
+}, U = (e) => {
+  const {
+    clearButton: n,
+    clearButtonIcon: r,
+    children: l,
+    disabled: a,
+    // calendar props
+    value: o,
+    enableTime: y,
+    disablePickers: I,
+    showNeighboringMonth: P,
+    onChange: c,
+    shouldDisableDate: g,
+    viewDate: S,
+    disablePast: d,
+    disableFuture: D,
+    minDateTime: C,
+    maxDateTime: b,
+    // input props
+    ...V
+  } = e, [m, s] = A(() => i.toString(o ?? null)), p = j(null), k = N({
+    disableFuture: D,
+    disablePast: d,
+    shouldDisableDate: g,
+    minDateTime: C,
+    maxDateTime: b
+  }), B = (t) => {
+    a || p.current && p.current.getAttribute("data-state") === "open" && t.preventDefault();
+  }, F = (t) => {
+    t.stopPropagation(), s(""), c?.(null);
+  }, x = (t) => {
+    s(t);
+    const f = i.toValue(t);
+    f && !k(f) && c?.(f);
+  }, M = () => {
+    const t = i.toValue(m);
+    (!t || k(t)) && s(i.toString(o ?? null));
+  }, R = (t) => {
+    c?.(t), s(i.toString(t));
+  };
+  return /* @__PURE__ */ u(
+    T,
+    {
+      minimal: !0,
+      ref: p,
+      sideOffset: 0,
+      onOpenAutoFocus: (t) => t.preventDefault(),
+      onCloseAutoFocus: (t) => t.preventDefault(),
+      disabled: a,
+      fitMaxHeight: !1,
+      content: () => /* @__PURE__ */ u(
+        E,
+        {
+          value: o,
+          disablePast: d,
+          disableFuture: D,
+          enableTime: y,
+          disablePickers: I,
+          showNeighboringMonth: P,
+          onChange: R,
+          shouldDisableDate: g,
+          viewDate: S,
+          minDateTime: C,
+          maxDateTime: b
+        }
+      ),
+      children: /* @__PURE__ */ u(
+        w,
+        {
+          ...V,
+          value: m,
+          disabled: a,
+          onClick: B,
+          onValueChange: x,
+          onBlur: M,
+          mask: "99-99-9999",
+          rightElement: /* @__PURE__ */ u(
+            Y,
+            {
+              clearButton: n,
+              clearButtonIcon: r,
+              value: !!O(m, ["-", "_"]),
+              onClear: F
+            }
+          )
+        }
+      )
+    }
+  );
 };
 export {
-  B as DateInput
+  U as DatePicker
 };