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

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

@@ -1,5 +1,26 @@
 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,57 +1,92 @@
-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";
+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";
 export {
-  A as EndInputFields
+  y as EndInputFields
 };

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

@@ -1,57 +1,92 @@
-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";
+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";
 export {
-  z as StartInputFields
+  y as StartInputFields
 };