@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.js

@@ -1,107 +1,73 @@
-import { jsxs as l, jsx as e, Fragment as L } from "react/jsx-runtime";
-import { cn as $ } from "../../../../utils/index.js";
-import { dateTimeInputsVariants as k } from "./DateTimeInputs.variants.js";
-import { useDateTimeInputs as w } from "./hooks/useDateTimeInputs.js";
-import { StartInputFields as P } from "./components/StartInputFields/StartInputFields.js";
-import { EndInputFields as R } from "./components/EndInputFields/EndInputFields.js";
-const q = ({
-  className: m,
-  labelStartDate: u = "Start date",
-  labelEndDate: s = "End date",
-  labelTime: n = "Time",
-  ariaLabelStartDate: D = "Start date",
-  ariaLabelEndDate: h = "End date",
-  errorInvalidDate: p = "Invalid date",
-  errorDateNotAvailable: T = "Date is not available",
-  errorStartAfterEnd: g = "Start date must be before end date",
-  errorEndBeforeStart: E = "End date must be after start date",
-  classNames: a
-}) => {
+import { jsx as b, jsxs as Q, Fragment as W } from "react/jsx-runtime";
+import { c as X } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as Y } from "../../../../utils/index.js";
+import { dateTimeInputsVariants as Z } from "./DateTimeInputs.variants.js";
+import { useDateTimeInputs as _ } from "./hooks/useDateTimeInputs.js";
+import { StartInputFields as ee } from "./components/StartInputFields/StartInputFields.js";
+import { EndInputFields as te } from "./components/EndInputFields/EndInputFields.js";
+const ae = (U) => {
+  const e = X.c(47), {
+    className: h,
+    labelStartDate: w,
+    labelEndDate: P,
+    labelTime: q,
+    ariaLabelStartDate: z,
+    ariaLabelEndDate: G,
+    errorInvalidDate: J,
+    errorDateNotAvailable: K,
+    errorStartAfterEnd: M,
+    errorEndBeforeStart: O,
+    classNames: t
+  } = U, p = w === void 0 ? "Start date" : w, f = P === void 0 ? "End date" : P, a = q === void 0 ? "Time" : q, E = z === void 0 ? "Start date" : z, v = G === void 0 ? "End date" : G, T = J === void 0 ? "Invalid date" : J, S = K === void 0 ? "Date is not available" : K, g = M === void 0 ? "Start date must be before end date" : M, I = O === void 0 ? "End date must be after start date" : O;
+  let u;
+  e[0] !== S || e[1] !== I || e[2] !== T || e[3] !== g ? (u = {
+    errorInvalidDate: T,
+    errorDateNotAvailable: S,
+    errorStartAfterEnd: g,
+    errorEndBeforeStart: I
+  }, e[0] = S, e[1] = I, e[2] = T, e[3] = g, e[4] = u) : u = e[4];
   const {
     timeFormat: r,
-    showTime: d,
-    name: t,
-    disabled: i,
-    time: o,
-    startDateValue: c,
-    startDateError: V,
-    handleStartDateFocus: b,
-    handleStartDateChange: f,
-    handleStartDateBlur: C,
-    handleStartTimeChange: F,
-    endDateValue: S,
-    endDateError: I,
-    handleEndDateFocus: v,
-    handleEndDateChange: B,
-    handleEndDateBlur: x,
-    handleEndTimeChange: y,
-    startHiddenValue: j,
-    endHiddenValue: H
-  } = w({
-    errorInvalidDate: p,
-    errorDateNotAvailable: T,
-    errorStartAfterEnd: g,
-    errorEndBeforeStart: E
-  });
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: $(k({ className: m }), a?.root),
-      children: [
-        /* @__PURE__ */ e(
-          P,
-          {
-            dateValue: c,
-            timeValue: o.startTime,
-            error: V,
-            disabled: i,
-            showTime: d,
-            timeFormat: r,
-            labelDate: u,
-            labelTime: n,
-            ariaLabelDate: D,
-            onDateChange: f,
-            onDateFocus: b,
-            onDateBlur: C,
-            onTimeChange: F,
-            classNames: a
-          }
-        ),
-        /* @__PURE__ */ e(
-          R,
-          {
-            dateValue: S,
-            timeValue: o.endTime,
-            error: I,
-            disabled: i,
-            showTime: d,
-            timeFormat: r,
-            labelDate: s,
-            labelTime: n,
-            ariaLabelDate: h,
-            onDateChange: B,
-            onDateFocus: v,
-            onDateBlur: x,
-            onTimeChange: y,
-            classNames: a
-          }
-        ),
-        t && /* @__PURE__ */ l(L, { children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "hidden",
-              name: `${t}-start`,
-              value: j
-            }
-          ),
-          /* @__PURE__ */ e("input", { type: "hidden", name: `${t}-end`, value: H })
-        ] })
-      ]
-    }
-  );
+    showTime: n,
+    name: D,
+    disabled: o,
+    time: l,
+    startDateValue: V,
+    startDateError: C,
+    handleStartDateFocus: F,
+    handleStartDateChange: B,
+    handleStartDateBlur: L,
+    handleStartTimeChange: N,
+    endDateValue: x,
+    endDateError: A,
+    handleEndDateFocus: y,
+    handleEndDateChange: $,
+    handleEndDateBlur: j,
+    handleEndTimeChange: H,
+    startHiddenValue: R,
+    endHiddenValue: k
+  } = _(u);
+  let i;
+  e[5] !== h || e[6] !== t?.root ? (i = Y(Z({
+    className: h
+  }), t?.root), e[5] = h, e[6] = t?.root, e[7] = i) : i = e[7];
+  let d;
+  e[8] !== E || e[9] !== t || e[10] !== o || e[11] !== L || e[12] !== B || e[13] !== F || e[14] !== N || e[15] !== p || e[16] !== a || e[17] !== n || e[18] !== C || e[19] !== V || e[20] !== l.startTime || e[21] !== r ? (d = /* @__PURE__ */ b(ee, { dateValue: V, timeValue: l.startTime, error: C, disabled: o, showTime: n, timeFormat: r, labelDate: p, labelTime: a, ariaLabelDate: E, onDateChange: B, onDateFocus: F, onDateBlur: L, onTimeChange: N, classNames: t }), e[8] = E, e[9] = t, e[10] = o, e[11] = L, e[12] = B, e[13] = F, e[14] = N, e[15] = p, e[16] = a, e[17] = n, e[18] = C, e[19] = V, e[20] = l.startTime, e[21] = r, e[22] = d) : d = e[22];
+  let s;
+  e[23] !== v || e[24] !== t || e[25] !== o || e[26] !== A || e[27] !== x || e[28] !== j || e[29] !== $ || e[30] !== y || e[31] !== H || e[32] !== f || e[33] !== a || e[34] !== n || e[35] !== l.endTime || e[36] !== r ? (s = /* @__PURE__ */ b(te, { dateValue: x, timeValue: l.endTime, error: A, disabled: o, showTime: n, timeFormat: r, labelDate: f, labelTime: a, ariaLabelDate: v, onDateChange: $, onDateFocus: y, onDateBlur: j, onTimeChange: H, classNames: t }), e[23] = v, e[24] = t, e[25] = o, e[26] = A, e[27] = x, e[28] = j, e[29] = $, e[30] = y, e[31] = H, e[32] = f, e[33] = a, e[34] = n, e[35] = l.endTime, e[36] = r, e[37] = s) : s = e[37];
+  let m;
+  e[38] !== k || e[39] !== D || e[40] !== R ? (m = D && /* @__PURE__ */ Q(W, { children: [
+    /* @__PURE__ */ b("input", { type: "hidden", name: `${D}-start`, value: R }),
+    /* @__PURE__ */ b("input", { type: "hidden", name: `${D}-end`, value: k })
+  ] }), e[38] = k, e[39] = D, e[40] = R, e[41] = m) : m = e[41];
+  let c;
+  return e[42] !== i || e[43] !== d || e[44] !== s || e[45] !== m ? (c = /* @__PURE__ */ Q("div", { className: i, children: [
+    d,
+    s,
+    m
+  ] }), e[42] = i, e[43] = d, e[44] = s, e[45] = m, e[46] = c) : c = e[46], c;
 };
-q.displayName = "DateRangePickerDateTimeInputs";
+ae.displayName = "DateRangePickerDateTimeInputs";
 export {
-  q as DateTimeInputs
+  ae as DateTimeInputs
 };

package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.variants.js

@@ -1,26 +1,5 @@
 import { c as t } from "../../../../index-D29mdTf5.js";
-const a = t(["flex", "gap-8", "w-full", "px-1"]), n = t([
-  "flex",
-  "gap-2",
-  "items-center",
-  "w-66.5"
-]), p = t([
-  "flex",
-  "flex-col",
-  "gap-2",
-  "w-38"
-]), l = t([
-  "flex",
-  "flex-col",
-  "gap-2",
-  "flex-1"
-]), r = t([
-  "text-sm",
-  "font-medium",
-  "text-slate-500",
-  "dark:text-metal-400",
-  "leading-5"
-]);
+const a = t(["flex", "gap-8", "w-full", "px-1"]), n = t(["flex", "gap-2", "items-center", "w-66.5"]), p = t(["flex", "flex-col", "gap-2", "w-38"]), l = t(["flex", "flex-col", "gap-2", "flex-1"]), r = t(["text-sm", "font-medium", "text-slate-500", "dark:text-metal-400", "leading-5"]);
 export {
   p as dateInputWrapperVariants,
   n as dateTimeGroupVariants,

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js

@@ -1,92 +1,57 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { cn as r } from "../../../../../../utils/index.js";
-import { Input as g } from "../../../../../Input/Input.js";
-import { TimePicker as v } from "../../../../../TimePicker/TimePicker.js";
-import { Typography as p } from "../../../../../Typography/Typography.js";
-import { inputLabelVariants as o, dateInputWrapperVariants as E, timeInputWrapperVariants as V, dateTimeGroupVariants as W } from "../../DateTimeInputs.variants.js";
-const y = ({
-  dateValue: l,
-  timeValue: m,
-  error: d,
-  disabled: i,
-  showTime: n,
-  timeFormat: u = "24",
-  labelDate: c = "End date",
-  labelTime: f = "Time",
-  ariaLabelDate: s = "End date",
-  onDateChange: h,
-  onDateFocus: b,
-  onDateBlur: x,
-  onTimeChange: I,
-  classNames: e
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: r(
-      W(),
-      !n && "w-auto flex-1",
-      e?.group
-    ),
-    children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: r(
-            E(),
-            !n && "w-full flex-1",
-            e?.dateWrapper
-          ),
-          children: [
-            /* @__PURE__ */ a(
-              p,
-              {
-                component: "label",
-                className: r(o(), e?.label),
-                children: c
-              }
-            ),
-            /* @__PURE__ */ a(
-              g,
-              {
-                value: l,
-                onChange: h,
-                onFocus: b,
-                onBlur: x,
-                error: d,
-                disabled: i,
-                className: r(e?.input),
-                "aria-label": s
-              }
-            )
-          ]
-        }
-      ),
-      n && /* @__PURE__ */ t("div", { className: r(V(), e?.timeWrapper), children: [
-        /* @__PURE__ */ a(
-          p,
-          {
-            component: "label",
-            className: r(o(), e?.label),
-            children: f
-          }
-        ),
-        /* @__PURE__ */ a(
-          v,
-          {
-            mode: "input",
-            showList: !0,
-            format: u,
-            time: m,
-            onChange: I,
-            disabled: i,
-            name: "end time"
-          }
-        )
-      ] })
-    ]
-  }
-);
-y.displayName = "EndInputFields";
+import { jsxs as I, jsx as f } from "react/jsx-runtime";
+import { c as G } from "../../../../../../compiler-runtime-DA41awpA.js";
+import { cn as c } from "../../../../../../utils/index.js";
+import { Input as P } from "../../../../../Input/Input.js";
+import { TimePicker as R } from "../../../../../TimePicker/TimePicker.js";
+import { Typography as j } from "../../../../../Typography/Typography.js";
+import { dateTimeGroupVariants as $, dateInputWrapperVariants as q, inputLabelVariants as B, timeInputWrapperVariants as z } from "../../DateTimeInputs.variants.js";
+const A = (k) => {
+  const e = G.c(39), {
+    dateValue: b,
+    timeValue: h,
+    error: g,
+    disabled: l,
+    showTime: a,
+    timeFormat: w,
+    labelDate: C,
+    labelTime: L,
+    ariaLabelDate: y,
+    onDateChange: v,
+    onDateFocus: N,
+    onDateBlur: T,
+    onTimeChange: W,
+    classNames: t
+  } = k, D = w === void 0 ? "24" : w, x = C === void 0 ? "End date" : C, F = L === void 0 ? "Time" : L, V = y === void 0 ? "End date" : y;
+  let i;
+  e[0] !== t?.group || e[1] !== a ? (i = c($(), !a && "w-auto flex-1", t?.group), e[0] = t?.group, e[1] = a, e[2] = i) : i = e[2];
+  let r;
+  e[3] !== t?.dateWrapper || e[4] !== a ? (r = c(q(), !a && "w-full flex-1", t?.dateWrapper), e[3] = t?.dateWrapper, e[4] = a, e[5] = r) : r = e[5];
+  let o;
+  e[6] !== t?.label ? (o = c(B(), t?.label), e[6] = t?.label, e[7] = o) : o = e[7];
+  let n;
+  e[8] !== x || e[9] !== o ? (n = /* @__PURE__ */ f(j, { component: "label", className: o, children: x }), e[8] = x, e[9] = o, e[10] = n) : n = e[10];
+  const E = t?.input;
+  let s;
+  e[11] !== E ? (s = c(E), e[11] = E, e[12] = s) : s = e[12];
+  let m;
+  e[13] !== V || e[14] !== b || e[15] !== l || e[16] !== g || e[17] !== T || e[18] !== v || e[19] !== N || e[20] !== s ? (m = /* @__PURE__ */ f(P, { value: b, onChange: v, onFocus: N, onBlur: T, error: g, disabled: l, className: s, "aria-label": V }), e[13] = V, e[14] = b, e[15] = l, e[16] = g, e[17] = T, e[18] = v, e[19] = N, e[20] = s, e[21] = m) : m = e[21];
+  let p;
+  e[22] !== m || e[23] !== r || e[24] !== n ? (p = /* @__PURE__ */ I("div", { className: r, children: [
+    n,
+    m
+  ] }), e[22] = m, e[23] = r, e[24] = n, e[25] = p) : p = e[25];
+  let d;
+  e[26] !== t?.label || e[27] !== t?.timeWrapper || e[28] !== l || e[29] !== F || e[30] !== W || e[31] !== a || e[32] !== D || e[33] !== h ? (d = a && /* @__PURE__ */ I("div", { className: c(z(), t?.timeWrapper), children: [
+    /* @__PURE__ */ f(j, { component: "label", className: c(B(), t?.label), children: F }),
+    /* @__PURE__ */ f(R, { mode: "input", showList: !0, format: D, time: h, onChange: W, disabled: l, name: "end time" })
+  ] }), e[26] = t?.label, e[27] = t?.timeWrapper, e[28] = l, e[29] = F, e[30] = W, e[31] = a, e[32] = D, e[33] = h, e[34] = d) : d = e[34];
+  let u;
+  return e[35] !== p || e[36] !== d || e[37] !== i ? (u = /* @__PURE__ */ I("div", { className: i, children: [
+    p,
+    d
+  ] }), e[35] = p, e[36] = d, e[37] = i, e[38] = u) : u = e[38], u;
+};
+A.displayName = "EndInputFields";
 export {
-  y as EndInputFields
+  A as EndInputFields
 };

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js

@@ -1,92 +1,57 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { cn as r } from "../../../../../../utils/index.js";
-import { Input as g } from "../../../../../Input/Input.js";
-import { TimePicker as v } from "../../../../../TimePicker/TimePicker.js";
-import { Typography as p } from "../../../../../Typography/Typography.js";
-import { inputLabelVariants as o, dateInputWrapperVariants as S, timeInputWrapperVariants as V, dateTimeGroupVariants as W } from "../../DateTimeInputs.variants.js";
-const y = ({
-  dateValue: l,
-  timeValue: m,
-  error: u,
-  disabled: n,
-  showTime: e,
-  timeFormat: d = "24",
-  labelDate: c = "Start date",
-  labelTime: f = "Time",
-  ariaLabelDate: s = "Start date",
-  onDateChange: h,
-  onDateFocus: b,
-  onDateBlur: x,
-  onTimeChange: I,
-  classNames: t
-}) => /* @__PURE__ */ i(
-  "div",
-  {
-    className: r(
-      W(),
-      !e && "w-auto flex-1",
-      t?.group
-    ),
-    children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: r(
-            S(),
-            !e && "w-full flex-1",
-            t?.dateWrapper
-          ),
-          children: [
-            /* @__PURE__ */ a(
-              p,
-              {
-                component: "label",
-                className: r(o(), t?.label),
-                children: c
-              }
-            ),
-            /* @__PURE__ */ a(
-              g,
-              {
-                value: l,
-                onChange: h,
-                onFocus: b,
-                onBlur: x,
-                error: u,
-                disabled: n,
-                className: r(t?.input),
-                "aria-label": s
-              }
-            )
-          ]
-        }
-      ),
-      e && /* @__PURE__ */ i("div", { className: r(V(), t?.timeWrapper), children: [
-        /* @__PURE__ */ a(
-          p,
-          {
-            component: "label",
-            className: r(o(), t?.label),
-            children: f
-          }
-        ),
-        /* @__PURE__ */ a(
-          v,
-          {
-            mode: "input",
-            showList: !0,
-            format: d,
-            time: m,
-            onChange: I,
-            disabled: n,
-            name: "start time"
-          }
-        )
-      ] })
-    ]
-  }
-);
-y.displayName = "StartInputFields";
+import { jsxs as w, jsx as f } from "react/jsx-runtime";
+import { c as E } from "../../../../../../compiler-runtime-DA41awpA.js";
+import { cn as d } from "../../../../../../utils/index.js";
+import { Input as G } from "../../../../../Input/Input.js";
+import { TimePicker as P } from "../../../../../TimePicker/TimePicker.js";
+import { Typography as j } from "../../../../../Typography/Typography.js";
+import { dateTimeGroupVariants as R, dateInputWrapperVariants as $, inputLabelVariants as B, timeInputWrapperVariants as q } from "../../DateTimeInputs.variants.js";
+const z = (k) => {
+  const e = E.c(39), {
+    dateValue: b,
+    timeValue: h,
+    error: g,
+    disabled: l,
+    showTime: a,
+    timeFormat: C,
+    labelDate: L,
+    labelTime: S,
+    ariaLabelDate: y,
+    onDateChange: v,
+    onDateFocus: N,
+    onDateBlur: T,
+    onTimeChange: W,
+    classNames: t
+  } = k, D = C === void 0 ? "24" : C, x = L === void 0 ? "Start date" : L, F = S === void 0 ? "Time" : S, V = y === void 0 ? "Start date" : y;
+  let r;
+  e[0] !== t?.group || e[1] !== a ? (r = d(R(), !a && "w-auto flex-1", t?.group), e[0] = t?.group, e[1] = a, e[2] = r) : r = e[2];
+  let i;
+  e[3] !== t?.dateWrapper || e[4] !== a ? (i = d($(), !a && "w-full flex-1", t?.dateWrapper), e[3] = t?.dateWrapper, e[4] = a, e[5] = i) : i = e[5];
+  let o;
+  e[6] !== t?.label ? (o = d(B(), t?.label), e[6] = t?.label, e[7] = o) : o = e[7];
+  let s;
+  e[8] !== x || e[9] !== o ? (s = /* @__PURE__ */ f(j, { component: "label", className: o, children: x }), e[8] = x, e[9] = o, e[10] = s) : s = e[10];
+  const I = t?.input;
+  let m;
+  e[11] !== I ? (m = d(I), e[11] = I, e[12] = m) : m = e[12];
+  let n;
+  e[13] !== V || e[14] !== b || e[15] !== l || e[16] !== g || e[17] !== T || e[18] !== v || e[19] !== N || e[20] !== m ? (n = /* @__PURE__ */ f(G, { value: b, onChange: v, onFocus: N, onBlur: T, error: g, disabled: l, className: m, "aria-label": V }), e[13] = V, e[14] = b, e[15] = l, e[16] = g, e[17] = T, e[18] = v, e[19] = N, e[20] = m, e[21] = n) : n = e[21];
+  let p;
+  e[22] !== n || e[23] !== i || e[24] !== s ? (p = /* @__PURE__ */ w("div", { className: i, children: [
+    s,
+    n
+  ] }), e[22] = n, e[23] = i, e[24] = s, e[25] = p) : p = e[25];
+  let c;
+  e[26] !== t?.label || e[27] !== t?.timeWrapper || e[28] !== l || e[29] !== F || e[30] !== W || e[31] !== a || e[32] !== D || e[33] !== h ? (c = a && /* @__PURE__ */ w("div", { className: d(q(), t?.timeWrapper), children: [
+    /* @__PURE__ */ f(j, { component: "label", className: d(B(), t?.label), children: F }),
+    /* @__PURE__ */ f(P, { mode: "input", showList: !0, format: D, time: h, onChange: W, disabled: l, name: "start time" })
+  ] }), e[26] = t?.label, e[27] = t?.timeWrapper, e[28] = l, e[29] = F, e[30] = W, e[31] = a, e[32] = D, e[33] = h, e[34] = c) : c = e[34];
+  let u;
+  return e[35] !== p || e[36] !== c || e[37] !== r ? (u = /* @__PURE__ */ w("div", { className: r, children: [
+    p,
+    c
+  ] }), e[35] = p, e[36] = c, e[37] = r, e[38] = u) : u = e[38], u;
+};
+z.displayName = "StartInputFields";
 export {
-  y as StartInputFields
+  z as StartInputFields
 };