lawgic-dev-kit 0.2.4 → 0.3.4

package/dist/components/atoms/UncontrolledSelector/UncontrolledSelector.js

@@ -0,0 +1,58 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { useState as m } from "react";
+import u from "../../molecules/FloatingMenu/FloatingMenu.js";
+import { FontAwesomeIcon as f } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faChevronDown as p } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+const v = ({ options: r, onChange: n, value: o, disabled: i, error: d, label: c, placeholder: x }) => {
+  var s;
+  const [l, a] = m(!1);
+  return /* @__PURE__ */ e.jsx(
+    u,
+    {
+      open: l,
+      onClose: () => a(!1),
+      offset: 12,
+      padding: 0,
+      placement: "bottom",
+      className: "!p-0 overflow-hidden",
+      strategy: "fixed",
+      component: /* @__PURE__ */ e.jsx("div", { className: "bg-white rounded-lg shadow-lg max-h-[150px] overflow-y-auto flex flex-col py-8", children: r.map((t) => /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: () => n(t.value),
+          className: `w-full text-center px-16 py-8 transition-all duration-100 hover:bg-blue-100 ${o === t.label ? "text-blue-500 font-medium" : ""}`,
+          children: t.label
+        },
+        t.value
+      )) }),
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-8 relative", onClick: () => a(!l), children: [
+        /* @__PURE__ */ e.jsx(
+          "h6",
+          {
+            className: `text-gray-600 font-600 group ${d && "!text-red-500"} text-label ${i && "text-gray-300"}`,
+            children: c
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: `px-10 py-8 bg-blue-50 border-1 border-blue-200 rounded-full flex items-center gap-8 cursor-pointer transition-colors duration-150 ease-in-out ${l ? "!border-blue-500" : ""}`,
+            children: [
+              o ? /* @__PURE__ */ e.jsx("h4", { className: "text-body-m", children: (s = r.find((t) => t.value === o)) == null ? void 0 : s.label }) : /* @__PURE__ */ e.jsx("h4", { className: "text-body-m text-gray-400", children: x }),
+              /* @__PURE__ */ e.jsx(
+                f,
+                {
+                  icon: p,
+                  className: `text-gray-400 transition-all duration-150 ease-in-out ${l ? "rotate-180" : ""}`
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  v as default
+};

package/dist/components/atoms/UncontrolledTextInput/UncontrolledTextInput.js

@@ -0,0 +1,80 @@
+import { j as o } from "../../../_virtual/jsx-runtime.js";
+import { useTheme as i } from "../../../providers/ThemeProvider.js";
+const m = ({
+  label: c,
+  onChange: x,
+  value: r,
+  name: t,
+  error: l,
+  placeholder: d,
+  className: p = "",
+  disabled: e = !1,
+  disabledInput: n = !1,
+  leftSide: s,
+  rightSide: a,
+  ...g
+}) => {
+  const { t: u } = i();
+  return /* @__PURE__ */ o.jsxs(
+    "label",
+    {
+      className: `flex flex-col group gap-8 select-none ${e && "cursor-not-allowed"} ${p}`,
+      htmlFor: t,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          "h6",
+          {
+            className: `text-gray-600 font-600 group ${l && "!text-red-500"} text-label ${e && "text-gray-300"}`,
+            children: c
+          }
+        ),
+        /* @__PURE__ */ o.jsxs(
+          "label",
+          {
+            htmlFor: t,
+            className: `
+					flex items-center justify-between gap-8 p-16
+				
+				${l && "!border-red-500"} 
+
+				bg-light
+				
+				w-full h-full rounded-full border 
+				
+				${r && !e ? "border-blue-200" : "border-blue-100"} 
+				${!e && "group-hover:border-blue-300"} 
+				${e && "cursor-not-allowed"}
+				
+				group-focus-within:border-blue-500 transition-colors duration-200 ease-in-out
+				${n && "hover:!cursor-pointer"}
+				group-disabled:bg-gray-500
+				`,
+            children: [
+              s && s,
+              /* @__PURE__ */ o.jsx(
+                "input",
+                {
+                  ...g,
+                  id: t,
+                  name: t,
+                  disabled: e,
+                  placeholder: d,
+                  value: r,
+                  onChange: (f) => {
+                    x(f.target.value);
+                  },
+                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 text-body-m disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none ${n && "pointer-events-none !select-none !caret-transparent"}`
+                }
+              ),
+              a && a
+            ]
+          }
+        ),
+        /* @__PURE__ */ o.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: l && u(l || "", { x: u(t) }) })
+      ]
+    }
+  );
+};
+export {
+  m as default
+};

package/dist/components/atoms/UploadContainer/UploadContainer.js

@@ -0,0 +1,115 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { useState as g, useRef as $ } from "react";
+import k from "../TextButton/TextButton.js";
+import { useTheme as B } from "../../../providers/ThemeProvider.js";
+import { translateBytes as F } from "../../../utils/files.js";
+import "../../../_virtual/lodash.js";
+import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import "../ImageProfileInput/ImageProfileInput.validators.js";
+import "../../../_virtual/client.js";
+const K = ({
+  title: h = "drag_and_drop_your_files_here",
+  subtitle: d = null,
+  buttonTitle: v = "choose_files",
+  onUpload: j = () => {
+  },
+  acceptedExtensions: n = [
+    "pdf",
+    "png",
+    "jpg",
+    "jpeg",
+    "svg",
+    "docx",
+    "doc",
+    "xls",
+    "xlsx"
+  ],
+  maxSize: o = 1024
+  // en KB
+}) => {
+  const { t: l } = B(), [f, a] = g(!1), [m, i] = g(""), c = $(null), y = n.map((e) => `.${e}`).join(","), u = (e) => {
+    const r = [];
+    let p = !1;
+    Array.from(e).forEach((s) => {
+      var x;
+      const _ = ((x = s.name.split(".").pop()) == null ? void 0 : x.toLowerCase()) || "";
+      if (!n.includes(_)) {
+        i(
+          `El archivo ${s.name} tiene una extensión no permitida.`
+        ), p = !0;
+        return;
+      }
+      if (s.size > o * 1024) {
+        i(
+          `El archivo ${s.name} excede el tamaño máximo de ${o}KB.`
+        ), p = !0;
+        return;
+      }
+      r.push(s);
+    }), !p && r.length > 0 && (i(""), j(r));
+  }, D = () => {
+    c.current && c.current.click();
+  }, b = (e) => {
+    const r = e.target.files;
+    r && r.length > 0 && u(r), e.target.value = "";
+  }, N = (e) => {
+    e.preventDefault(), e.stopPropagation(), a(!0);
+  }, C = (e) => {
+    e.preventDefault(), e.stopPropagation(), a(!1);
+  }, E = (e) => {
+    e.preventDefault(), e.stopPropagation(), f || a(!0);
+  }, w = (e) => {
+    e.preventDefault(), e.stopPropagation(), a(!1);
+    const r = e.dataTransfer.files;
+    r.length > 0 && u(r);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "w-full mx-auto font-sans", children: [
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: `flex flex-col border-[1.4px] border-dashed rounded-2xl pt-28 p-32 text-center cursor-pointer transition-all duration-300 ${f ? "border-blue-400 bg-blue-100/50" : "border-gray-200 bg-white hover:border-blue-400"}`,
+        onDragEnter: N,
+        onDragLeave: C,
+        onDragOver: E,
+        onDrop: w,
+        onClick: D,
+        children: [
+          /* @__PURE__ */ t.jsx("div", { className: "flex justify-center translate-y-4", children: /* @__PURE__ */ t.jsx(
+            "img",
+            {
+              className: "w-full h-auto max-w-160",
+              src: "/images/svg/empty-state/empty-state-upload.svg",
+              alt: "empty-state"
+            }
+          ) }),
+          /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ t.jsx("h3", { className: "font-600 text-xl text-dark", children: l(h) }),
+            d && /* @__PURE__ */ t.jsx("p", { className: "font-400 text-lg text-gray-500", children: l(d) }),
+            /* @__PURE__ */ t.jsx(k, { color: "blue", children: l(v) }),
+            /* @__PURE__ */ t.jsx(
+              "input",
+              {
+                type: "file",
+                ref: c,
+                className: "hidden",
+                multiple: !0,
+                accept: y,
+                onChange: b
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    m && /* @__PURE__ */ t.jsx("div", { className: "mt-3 text-sm text-red-500", children: m }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-10 w-full flex justify-center", children: /* @__PURE__ */ t.jsxs("span", { className: "text-gray-500 font-400 text-base", children: [
+      n.join(", ").toUpperCase(),
+      " formats. Maximus size:",
+      " ",
+      F(o, "mb")
+    ] }) })
+  ] });
+};
+export {
+  K as default
+};

package/dist/components/molecules/AlertModal/AlertModal.js

@@ -0,0 +1,112 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { faX as h } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { FontAwesomeIcon as y } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import "react";
+import "../../../utils/files.js";
+import "../../../_virtual/lodash.js";
+import { useTheme as j } from "../../../providers/ThemeProvider.js";
+import g from "../../atoms/BoxContainer/BoxContainer.js";
+import "../../../_virtual/client.js";
+import a from "../../atoms/Button/Button.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import { AnimatePresence as u } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as n } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const I = ({
+  title: s,
+  description: r,
+  open: o,
+  onClose: i,
+  onConfirm: l,
+  onCancel: c
+}) => {
+  const { t: e } = j(), m = {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1 }
+  }, x = {
+    hidden: {
+      opacity: 0,
+      scale: 0.8,
+      y: -20
+    },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      y: 0,
+      transition: {
+        type: "spring",
+        stiffness: 300,
+        damping: 25
+      }
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.8,
+      y: 20,
+      transition: {
+        duration: 0.2
+      }
+    }
+  }, p = () => {
+    l(), i();
+  }, d = () => {
+    c(), i();
+  };
+  return /* @__PURE__ */ t.jsx(u, { children: o && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+    n.div,
+    {
+      className: "fixed inset-0 bg-black bg-opacity-50 z-9999 flex items-center justify-center",
+      initial: "hidden",
+      animate: "visible",
+      exit: "hidden",
+      variants: m,
+      onClick: i,
+      children: /* @__PURE__ */ t.jsx(
+        n.div,
+        {
+          className: "w-full max-w-4xl mx-16 z-50",
+          variants: x,
+          initial: "hidden",
+          animate: "visible",
+          exit: "exit",
+          onClick: (f) => f.stopPropagation(),
+          children: /* @__PURE__ */ t.jsxs(g, { className: "flex flex-col gap-16 p-32", children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center gap-16", children: [
+              /* @__PURE__ */ t.jsx("h3", { className: "text-black font-700 text-3xl", children: s }),
+              /* @__PURE__ */ t.jsx(
+                y,
+                {
+                  icon: h,
+                  className: "cursor-pointer text-2xl text-gray-500 transition-all duration-300 hover:text-gray-700",
+                  onClick: i
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t.jsx("p", { className: "text-gray-500 text-xl font-600", children: r }),
+            /* @__PURE__ */ t.jsxs("div", { className: "flex justify-end w-full gap-16", children: [
+              /* @__PURE__ */ t.jsx(
+                a,
+                {
+                  onClick: d,
+                  variant: "transparent",
+                  className: "px-24 !py-10 !text-lg",
+                  children: e("cancel")
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                a,
+                {
+                  onClick: p,
+                  className: "px-24 py-16 !text-lg",
+                  children: e("confirm")
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  ) }) });
+};
+export {
+  I as default
+};

package/dist/components/molecules/CalendarSelector/CalendarSelector.js

@@ -0,0 +1,221 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { faChevronRight as W } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { faChevronLeft as _ } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
+import { useState as a, useEffect as q } from "react";
+import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import "../../../utils/files.js";
+import "../../../_virtual/lodash.js";
+import { useTheme as z } from "../../../providers/ThemeProvider.js";
+import G from "../FloatingMenu/FloatingMenu.js";
+import J from "./PeriodToggle.js";
+import K from "./TimeDisplay.js";
+import "../../../_virtual/client.js";
+import N from "../../atoms/IconButton/IconButton.js";
+import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import { AnimatePresence as Q } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as b } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+import { startOfWeek as U } from "../../../node_modules/date-fns/startOfWeek.js";
+import { startOfMonth as V } from "../../../node_modules/date-fns/startOfMonth.js";
+import { endOfWeek as X } from "../../../node_modules/date-fns/endOfWeek.js";
+import { endOfMonth as Y } from "../../../node_modules/date-fns/endOfMonth.js";
+import { eachDayOfInterval as Z } from "../../../node_modules/date-fns/eachDayOfInterval.js";
+import { isSameDay as ee } from "../../../node_modules/date-fns/isSameDay.js";
+import { isSameMonth as te } from "../../../node_modules/date-fns/isSameMonth.js";
+import { isToday as oe } from "../../../node_modules/date-fns/isToday.js";
+import { subMonths as re } from "../../../node_modules/date-fns/subMonths.js";
+import { addMonths as ne } from "../../../node_modules/date-fns/addMonths.js";
+import { setHours as w } from "../../../node_modules/date-fns/setHours.js";
+import { setMinutes as E } from "../../../node_modules/date-fns/setMinutes.js";
+import { setSeconds as P } from "../../../node_modules/date-fns/setSeconds.js";
+import { formatDate as h } from "../../../node_modules/date-fns/format.js";
+const Te = ({
+  date: o,
+  onDateChange: g,
+  showTimeSelector: S = !0
+}) => {
+  const [n, d] = a(o), [y, p] = a(o), [l, v] = a(o.getHours() % 12 || 12), [f, M] = a(
+    o.getHours() >= 12 ? "PM" : "AM"
+  ), [x, j] = a(0), { t: k } = z(), [C, u] = a(!1);
+  q(() => {
+    d(o), p(o), v(o.getHours() % 12 || 12), M(o.getHours() >= 12 ? "PM" : "AM");
+  }, [o]);
+  const A = () => {
+    j(-1), setTimeout(() => {
+      d(re(n));
+    }, 10);
+  }, H = () => {
+    j(1), setTimeout(() => {
+      d(ne(n, 1));
+    }, 10);
+  }, F = (t) => {
+    const r = w(
+      E(P(t, 0), 0),
+      f === "AM" ? l % 12 : l % 12 + 12
+    );
+    p(r), g(r);
+  }, O = (t) => {
+    v(t);
+    const r = w(
+      E(P(y, 0), 0),
+      f === "AM" ? t % 12 : t % 12 + 12
+    );
+    p(r), g(r), u(!1);
+  }, T = (t) => {
+    M(t);
+  }, B = () => /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mb-8", children: [
+    /* @__PURE__ */ e.jsx("h4", { className: "text-header-4", children: h(n, "MMMM yyyy") }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-8", children: [
+      /* @__PURE__ */ e.jsx(
+        N,
+        {
+          variant: "transparent",
+          color: "gray",
+          icon: _,
+          onClick: A
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        N,
+        {
+          variant: "transparent",
+          color: "gray",
+          icon: W,
+          onClick: H
+        }
+      )
+    ] })
+  ] }), I = () => {
+    const t = U(V(n)), r = X(Y(n)), s = Z({ start: t, end: r });
+    return /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-7 gap-2", children: s.map((i, R) => {
+      const c = ee(i, y), m = te(i, n), D = oe(i);
+      return /* @__PURE__ */ e.jsx(
+        b.div,
+        {
+          className: `
+                p-2 text-center w-[40px] h-[40px] rounded-full flex items-center justify-center font-600 select-none
+                ${m ? "cursor-pointer" : "text-gray-400 pointer-events-none"}
+                ${D && !c ? "text-blue-600" : ""}
+              `,
+          onClick: () => F(i),
+          initial: !1,
+          animate: {
+            backgroundColor: c ? "#93C5FD" : "transparent",
+            color: c ? "#FFFFFF" : D ? "#2563EB" : m ? "#000000" : "#9CA3AF"
+          },
+          transition: {
+            duration: 0.2,
+            ease: "easeInOut",
+            backgroundColor: {
+              duration: 0.2,
+              ease: "easeOut"
+            }
+          },
+          whileHover: m && !c ? {
+            backgroundColor: "#E5E7EB"
+          } : {},
+          whileTap: m ? {
+            backgroundColor: c ? "#7AA5E0" : "#D1D5DB"
+          } : {},
+          children: h(i, "d")
+        },
+        R
+      );
+    }) });
+  }, $ = () => {
+    const t = Array.from({ length: 12 }, (s, i) => i + 1), r = () => /* @__PURE__ */ e.jsx("div", { className: "bg-white rounded-lg shadow-lg w-80 max-h-[150px] overflow-y-auto p-4 flex flex-col gap-4", children: t.map((s) => /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: () => O(s),
+        className: `w-full text-center py-2 transition-all duration-100 rounded-lg hover:bg-gray-100 ${s === l ? "text-blue-500 font-medium" : ""}`,
+        children: [
+          String(s).padStart(2, "0"),
+          ":00"
+        ]
+      },
+      s
+    )) });
+    return /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mt-4 mb-4", children: [
+      /* @__PURE__ */ e.jsx("h4", { className: "text-body-m font-medium", children: k("time") }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ e.jsx(
+          G,
+          {
+            open: C,
+            onClose: () => u(!1),
+            component: r,
+            placement: "bottom",
+            className: "!p-0 overflow-hidden",
+            strategy: "fixed",
+            children: /* @__PURE__ */ e.jsx(
+              K,
+              {
+                setHourMenuOpen: u,
+                hourMenuOpen: C,
+                selectedHour: l
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          J,
+          {
+            selectedPeriod: f,
+            handlePeriodChange: T
+          }
+        )
+      ] })
+    ] });
+  }, L = {
+    slideNextEnter: {
+      x: 300,
+      opacity: 0
+    },
+    slidePrevEnter: {
+      x: -300,
+      opacity: 0
+    },
+    center: {
+      x: 0,
+      opacity: 1,
+      transition: {
+        x: { type: "spring", stiffness: 300, damping: 30 },
+        opacity: { duration: 0.2 }
+      }
+    },
+    slideNextExit: {
+      x: -300,
+      opacity: 0,
+      transition: {
+        x: { type: "spring", stiffness: 300, damping: 30 },
+        opacity: { duration: 0.2 }
+      }
+    },
+    slidePrevExit: {
+      x: 300,
+      opacity: 0,
+      transition: {
+        x: { type: "spring", stiffness: 300, damping: 30 },
+        opacity: { duration: 0.2 }
+      }
+    }
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "rounded-3xl max-w-[300px] mx-auto bg-white p-24 relative overflow-hidden", children: [
+    B(),
+    /* @__PURE__ */ e.jsx(Q, { initial: !1, mode: "popLayout", children: /* @__PURE__ */ e.jsx(
+      b.div,
+      {
+        variants: L,
+        initial: x === 1 ? "slideNextEnter" : x === -1 ? "slidePrevEnter" : !1,
+        animate: "center",
+        exit: x === 1 ? "slideNextExit" : "slidePrevExit",
+        className: "w-full",
+        children: I()
+      },
+      h(n, "yyyy-MM")
+    ) }),
+    S && $()
+  ] });
+};
+export {
+  Te as default
+};

package/dist/components/molecules/CalendarSelector/PeriodToggle.js

@@ -0,0 +1,51 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { motion as n } from "../../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const a = {
+  initial: {
+    backgroundColor: "#ffffff",
+    color: "#57595f"
+  },
+  active: {
+    backgroundColor: "#dee7fc",
+    color: "#111827"
+  },
+  exit: {
+    backgroundColor: "#ffffff",
+    color: "#57595f"
+  }
+}, l = ({
+  selectedPeriod: i,
+  handlePeriodChange: o
+}) => /* @__PURE__ */ t.jsxs("div", { className: "flex border border-blue-100 rounded-xl p-6 gap-2", children: [
+  /* @__PURE__ */ t.jsx(
+    n.button,
+    {
+      variants: a,
+      initial: "initial",
+      animate: i === "AM" ? "active" : "initial",
+      exit: "exit",
+      transition: { duration: 0.2 },
+      onClick: () => o("AM"),
+      disabled: i === "AM",
+      className: "flex items-center justify-center font-500 px-10 py-2 rounded-lg",
+      children: "AM"
+    }
+  ),
+  /* @__PURE__ */ t.jsx(
+    n.button,
+    {
+      variants: a,
+      initial: "initial",
+      animate: i === "PM" ? "active" : "initial",
+      exit: "exit",
+      transition: { duration: 0.2 },
+      onClick: () => o("PM"),
+      disabled: i === "PM",
+      className: "flex items-center justify-center font-500 px-10 py-2 rounded-lg",
+      children: "PM"
+    }
+  )
+] });
+export {
+  l as default
+};

package/dist/components/molecules/CalendarSelector/TimeDisplay.js

@@ -0,0 +1,16 @@
+import { j as o } from "../../../_virtual/jsx-runtime.js";
+const l = ({
+  setHourMenuOpen: t,
+  hourMenuOpen: e,
+  selectedHour: r
+}) => /* @__PURE__ */ o.jsx(
+  "button",
+  {
+    onClick: () => t(!e),
+    className: "flex justify-center items-center w-72 h-full border py-8 px-14 rounded-xl border-blue-100 text-gray-600 font-500",
+    children: `${String(r).padStart(2, "0")}:00`
+  }
+);
+export {
+  l as default
+};