@functionalui/functionalui 0.2.6 → 0.2.7

package/dist/gallery-modal/index.mjs

@@ -1,464 +1,5 @@
 "use client";
-import { jsx as i, jsxs as D } from "react/jsx-runtime";
-import { useContext as K, useState as A, createContext as Q, useEffect as M, useRef as V, createElement as Y } from "react";
-import { C as g } from "../component-C1Gs4nVu.js";
-import { L as S } from "../component-DRXQXr2G.js";
-import { C as X } from "../generics-D33J7ILI.js";
-import { h as G, j as L, b as Z } from "../classes-CVxy1f4M.js";
-import { M as ee } from "../types-Dyu7oUOO.js";
-import { u as te, c as ne, d as oe, p as ie, M as re } from "../Modal-DXLyt-j4.js";
-import { d as W, b as se, u as ae } from "../react-spring_web.modern-DgQDaJ06.js";
-import { U as le } from "../UIcon-BHzbeYWw.js";
-import { S as ce } from "../generics-BrMr2-Gs.js";
-import { B as de } from "../Button-CpTXDsI7.js";
-import { T as fe } from "../component-BvHdlcdE.js";
-import { S as C, d as me } from "../generics-C-WSPclF.js";
-import { h as ue } from "../types-BNUi2DUD.js";
-import { u as ge } from "../web-B_p0FWHf.js";
-const he = ({ handleCloseGallery: e }) => {
-  const t = W(!0, {
-    from: { opacity: 0, y: -100, x: -50 },
-    enter: { opacity: 1, y: 25, x: -50 },
-    leave: { opacity: 0, y: -100, x: -50 }
-  });
-  return /* @__PURE__ */ i(
-    S,
-    {
-      style: { width: "100%" },
-      display: Z.Flex,
-      flexJustifyContent: L.FlexEnd,
-      flexAlignItem: G.Center,
-      children: t(
-        (n, s) => s && /* @__PURE__ */ i(g, { style: n, children: /* @__PURE__ */ i(
-          le,
-          {
-            name: "x",
-            iconAction: () => e(),
-            size: ce.Size5
-          }
-        ) })
-      )
-    }
-  );
-};
-var T = NaN, ye = "[object Symbol]", xe = /^\s+|\s+$/g, pe = /^[-+]0x[0-9a-f]+$/i, Ce = /^0b[01]+$/i, Se = /^0o[0-7]+$/i, Ie = parseInt, be = Object.prototype, Ze = be.toString;
-function ze(e, t, n) {
-  return e === e && (n !== void 0 && (e = e <= n ? e : n), t !== void 0 && (e = e >= t ? e : t)), e;
-}
-function J(e) {
-  var t = typeof e;
-  return !!e && (t == "object" || t == "function");
-}
-function Ae(e) {
-  return !!e && typeof e == "object";
-}
-function ke(e) {
-  return typeof e == "symbol" || Ae(e) && Ze.call(e) == ye;
-}
-function N(e) {
-  if (typeof e == "number")
-    return e;
-  if (ke(e))
-    return T;
-  if (J(e)) {
-    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = J(t) ? t + "" : t;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = e.replace(xe, "");
-  var n = Ce.test(e);
-  return n || Se.test(e) ? Ie(e.slice(2), n ? 2 : 8) : pe.test(e) ? T : +e;
-}
-function Me(e, t, n) {
-  return n === void 0 && (n = t, t = void 0), n !== void 0 && (n = N(n), n = n === n ? n : 0), t !== void 0 && (t = N(t), t = t === t ? t : 0), ze(N(e), t, n);
-}
-var c;
-const U = Q({
-  galleryImages: c,
-  imgIndex: 0,
-  props: c,
-  ref: c,
-  bind: c,
-  isZooming: c,
-  manualZoomScale: c,
-  handleSetImages: c,
-  handleCloseGallery: c,
-  handleIncrease: c,
-  handleDecrease: c,
-  handleSetIsZooming: c,
-  handleZoomIn: c,
-  handleZoomOut: c,
-  handleZoomReset: c
-}), Ge = ({ children: e }) => {
-  const t = Le();
-  return /* @__PURE__ */ i(U.Provider, { value: t, children: e });
-}, P = () => K(U);
-function Le() {
-  const [e, t] = A([]), [n, s] = A(0), [m, { width: a }] = ge(), [l, u] = A(!1), [r, d] = se(
-    e.length,
-    (o) => ({
-      x: o * a,
-      scale: a === 0 ? 0 : 1,
-      display: "block"
-    }),
-    [a]
-  ), x = te(
-    ({
-      active: o,
-      movement: [f],
-      velocity: [O],
-      direction: [$],
-      distance: [v],
-      cancel: q
-    }) => {
-      l || (o && (v > a / 3 || O > 1) && (s(
-        (b) => Me(b + ($ > 0 ? -1 : 1), 0, e.length - 1)
-      ), q()), d.start((b) => {
-        if (b < n - 1 || b > n + 1) return { display: "none" };
-        const w = (b - n) * a + (o ? f : 0), H = o ? 1 - v / a / 2 : 1;
-        return { x: w, scale: H, display: "block" };
-      }));
-    }
-  ), p = (o) => {
-    t(o);
-  }, y = (o) => {
-    s(0), o && o();
-  };
-  function z() {
-    s((o) => o + 1 > e.length - 1 ? o : (d.start((f) => f < o + 1 - 1 || f > o + 1 + 1 ? { display: "none" } : { x: (f - (o + 1)) * a, scale: 1, display: "block" }), o + 1));
-  }
-  function h() {
-    s((o) => o - 1 < 0 ? o : (d.start((f) => f < o - 1 - 1 || f > o - 1 + 1 ? { display: "none" } : { x: (f - (o - 1)) * a, scale: 1, display: "block" }), o - 1));
-  }
-  const j = (o) => {
-    u(o);
-  }, [B, I] = A(1);
-  function _() {
-    I((o) => o + 0.25 > 2 ? 2 : o + 0.25);
-  }
-  function E() {
-    I((o) => o - 0.25 < 0.5 ? 1 : o - 0.25);
-  }
-  function F() {
-    I(1);
-  }
-  return {
-    imgIndex: n,
-    galleryImages: e,
-    props: r,
-    ref: m,
-    bind: x,
-    isZooming: l,
-    manualZoomScale: B,
-    handleSetImages: p,
-    handleCloseGallery: y,
-    handleIncrease: z,
-    handleDecrease: h,
-    handleSetIsZooming: j,
-    handleZoomIn: _,
-    handleZoomOut: E,
-    handleZoomReset: F
-  };
-}
-const je = ({ openMenu: e = !0 }) => {
-  const {
-    handleIncrease: t,
-    handleDecrease: n,
-    galleryImages: s,
-    imgIndex: m,
-    handleZoomIn: a,
-    handleZoomOut: l
-  } = P();
-  return W(e, {
-    from: { opacity: 0, y: 100 },
-    enter: { opacity: 1, y: -50 },
-    leave: { opacity: 0, y: 100 }
-  })(
-    (r, d) => d && /* @__PURE__ */ i(
-      g,
-      {
-        style: { width: "100%", ...r },
-        children: /* @__PURE__ */ i(
-          S,
-          {
-            display: Z.Flex,
-            flexJustifyContent: L.Center,
-            children: /* @__PURE__ */ D(
-              S,
-              {
-                display: Z.Flex,
-                flexAlignItem: G.Center,
-                style: { minWidth: 350, maxWidth: 500, width: 400 },
-                children: [
-                  /* @__PURE__ */ i(
-                    k,
-                    {
-                      icon: "chevron-left",
-                      marginLeft: C.Size4,
-                      marginRight: C.Size1,
-                      clickAction: () => n(),
-                      disabled: m <= 0 && !0
-                    }
-                  ),
-                  /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
-                    fe,
-                    {
-                      fontSize: me.Size4,
-                      children: `${m + 1} / ${s.length}`
-                    }
-                  ) }) }),
-                  /* @__PURE__ */ i(
-                    k,
-                    {
-                      icon: "chevron-right",
-                      marginLeft: C.Size1,
-                      clickAction: () => t(),
-                      disabled: m >= s.length - 1 && !0
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    k,
-                    {
-                      icon: "zoom-in",
-                      marginLeft: C.Auto,
-                      marginRight: C.Size1,
-                      clickAction: () => {
-                        a();
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    k,
-                    {
-                      icon: "zoom-out",
-                      marginLeft: C.Size1,
-                      marginRight: C.Size4,
-                      clickAction: () => {
-                        l();
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      }
-    )
-  );
-}, k = ({
-  icon: e,
-  clickAction: t,
-  marginLeft: n,
-  marginRight: s
-  // disabled,
-}) => /* @__PURE__ */ i(g, { marginLeft: n, marginRight: s, children: /* @__PURE__ */ i(
-  de,
-  {
-    name: "",
-    icon: e,
-    buttonSize: ue.Big,
-    clickAction: t
-  }
-) }), Be = "_ZAnimated_10d05_1", _e = {
-  ZAnimated: Be
-}, Ee = ne([oe, ie]), Fe = ({ children: e }) => {
-  const { imgIndex: t, isZooming: n, handleSetIsZooming: s, manualZoomScale: m } = P();
-  M(() => {
-    const r = (d) => d.preventDefault();
-    return document && (document.addEventListener("gesturestart", r), document.addEventListener("gesturechange", r), document.addEventListener("gestureend", r)), () => {
-      document && (document.removeEventListener("gesturestart", r), document.removeEventListener("gesturechange", r), document.removeEventListener("gestureend", r));
-    };
-  }, []);
-  const [a, l] = ae(() => ({
-    x: 0,
-    y: 0,
-    scale: 1,
-    rotateZ: 0
-  })), u = V(null);
-  return M(() => {
-    t !== 0 && l.start((r) => ({
-      ...r,
-      x: 0,
-      y: 0,
-      scale: 1
-    }));
-  }, [l, t]), M(() => {
-    l.start((r) => ({
-      ...r,
-      scale: m
-    }));
-  }, [l, m]), Ee(
-    {
-      onDrag: ({ pinching: r, cancel: d, offset: [x, p] }) => {
-        if (n) {
-          if (r) return d();
-          l.start({ x, y: p });
-        }
-      },
-      // onWheel: ({ axis, movement: [_, ms], ...props }) => {
-      // },
-      onPinch: ({
-        origin: [r, d],
-        first: x,
-        last: p,
-        movement: [y],
-        offset: [z],
-        memo: h
-      }) => {
-        if (x) {
-          const { width: I, height: _, x: E, y: F } = u.current && u.current.getBoundingClientRect(), o = r - (E + I / 2), f = d - (F + _ / 2);
-          h = [a.x.get(), a.y.get(), o, f];
-        }
-        if (p && z === 1 && r !== 0)
-          return s && s(!1), l.start({ scale: 1, x: 0, y: 0 }), h;
-        const j = h[0] - (y - 1) * h[2], B = h[1] - (y - 1) * h[3];
-        return s && s(!0), l.start({ scale: z, x: j, y: B }), h;
-      }
-    },
-    {
-      target: u,
-      drag: {
-        from: () => [a.x.get(), a.y.get()],
-        bounds: { left: -100, right: 100, top: -100, bottom: 100 }
-      },
-      // pinch: { scaleBounds: { min: 0.5, max: 2 }, rubberband: true },
-      pinch: { scaleBounds: { min: 1, max: 2 }, rubberband: !0 },
-      wheel: { axis: "y" }
-    }
-  ), /* @__PURE__ */ i(
-    S,
-    {
-      display: Z.Flex,
-      flexJustifyContent: L.Center,
-      flexAlignItem: G.Center,
-      style: { height: "100%" },
-      children: /* @__PURE__ */ i(
-        g,
-        {
-          ref: u,
-          className: _e.ZAnimated,
-          style: { ...a, backgroundColor: "transparent" },
-          children: e
-        }
-      )
-    }
-  );
-}, Oe = "_imageContainer_zngaq_11", $e = "_galleryMenuContainer_zngaq_34", R = {
-  imageContainer: Oe,
-  galleryMenuContainer: $e
-}, tt = ({
-  showModal: e,
-  closeModal: t,
-  // activeIdx = 0,
-  // setActiveIdx,
-  images: n = []
-}) => /* @__PURE__ */ i(Re, { children: /* @__PURE__ */ i(
-  Ne,
-  {
-    showModal: e,
-    closeModal: t,
-    images: n
-  }
-) }), Ne = ({
-  showModal: e,
-  closeModal: t,
-  // activeIdx = 0,
-  // setActiveIdx,
-  images: n = []
-}) => {
-  const { bind: s, props: m, ref: a, handleCloseGallery: l, handleSetImages: u } = P();
-  M(() => {
-    u(n);
-  }, [u, n]);
-  const r = () => {
-    l(t);
-  };
-  return /* @__PURE__ */ i(
-    re,
-    {
-      showModal: e,
-      closeModal: r,
-      modalStyles: ee.Nocard,
-      modalBackground: X.Grey1,
-      children: /* @__PURE__ */ D(
-        S,
-        {
-          display: Z.Flex,
-          flexAlignItem: G.Center,
-          flexJustifyContent: L.Center,
-          style: { height: "100%", maxWidth: "100%" },
-          children: [
-            /* @__PURE__ */ i(
-              "div",
-              {
-                ref: a,
-                style: {
-                  overflow: "hidden",
-                  width: "100%",
-                  height: "100vh",
-                  position: "relative"
-                },
-                children: m.map(
-                  ({ x: d, display: x, scale: p }, y) => /* @__PURE__ */ Y(
-                    g,
-                    {
-                      ...s(),
-                      key: y,
-                      style: {
-                        display: x,
-                        x: d,
-                        position: "absolute",
-                        width: "100%",
-                        height: "100%",
-                        willChange: "transform"
-                      }
-                    },
-                    /* @__PURE__ */ i(
-                      g,
-                      {
-                        style: {
-                          scale: p,
-                          touchAction: "none",
-                          backgroundSize: "cover",
-                          backgroundRepeat: "no-repeat",
-                          backgroundPosition: "center center",
-                          width: "100%",
-                          height: "100%",
-                          willChange: "transform"
-                        },
-                        children: /* @__PURE__ */ D(Fe, { children: [
-                          /* @__PURE__ */ i(g, { className: `${R.imageContainer} desktop`, children: n[y] }),
-                          /* @__PURE__ */ i(
-                            g,
-                            {
-                              className: `${R.imageContainer} big-tablet`,
-                              children: n[y]
-                            }
-                          )
-                        ] })
-                      }
-                    )
-                  )
-                )
-              }
-            ),
-            /* @__PURE__ */ i(
-              g,
-              {
-                className: R.galleryMenuContainer,
-                style: { position: "absolute", bottom: 0, left: 0, right: 0 },
-                children: /* @__PURE__ */ i(je, { openMenu: !0 })
-              }
-            ),
-            /* @__PURE__ */ i("div", { style: { position: "absolute", top: 0, left: 0, right: 0 }, children: /* @__PURE__ */ i(he, { handleCloseGallery: r }) })
-          ]
-        }
-      )
-    }
-  );
-}, Re = ({ children: e }) => /* @__PURE__ */ i(Ge, { children: e });
+import { G as a } from "../GalleryModal-DjCnCkbg.js";
 export {
-  tt as GalleryModal
+  a as GalleryModal
 };

package/dist/icons/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { U as c } from "../UIcon-BHzbeYWw.js";
+import { U as c } from "../UIcon-Cc5PX9WJ.js";
 export {
   c as UIcon
 };

package/dist/input-image/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../component-D-EEi7NI.cjs"),v=require("../component-B1mkowwk.cjs"),L=require("../component-Bh3EPTN0.cjs"),u=require("../UIcon-B5rpDmHC.cjs"),S=require("../generics-9F1CmKPb.cjs"),C=require("../classes-HsjFV5aN.cjs"),j=require("react"),q="_iconContainerDesktop_1wxn3_25",I="_iconContainerMobile_1wxn3_34",b={iconContainerDesktop:q,iconContainerMobile:I},R=({id:s,name:p,handleImageChange:t,labelname:x,defaultValue:o,width:g="100%",height:y,ref:U,...d})=>{const[c,m]=j.useState(),[a,l]=j.useState(o);j.useEffect(()=>{if(o&&o!==""){l(o);return}else if(!c)return;const n=URL.createObjectURL(c);return l(n),()=>{var r;if(n!=="")r=n;else if(c&&a)r=a;else return;try{URL.revokeObjectURL(r)}catch{}}},[o,c]);const h=async n=>{if(!n.target.files||n.target.files.length===0)return;m(n.target.files[0]);const r=URL.createObjectURL(n.target.files[0]);l(r),t&&t(n.target.files[0])},f=()=>{m(void 0),l(void 0),t&&t(void 0)};return e.jsxs(i.Container,{children:[e.jsx("input",{id:s,ref:U,type:"file",name:p,onChange:h,accept:"image/png, image/jpeg, image/webp, image/jpg",style:{opacity:0,pointerEvents:"none",width:0,height:0,position:"absolute"},...d}),e.jsx("label",{htmlFor:s,onMouseEnter:()=>{},onMouseLeave:()=>{},style:{width:g,height:y,cursor:"pointer"},children:a?e.jsx(_,{src:a,width:g,handleCancel:f}):e.jsxs(v.Layout,{display:C.Displays.Flex,flexAlignItem:C.FlexAlignItems.Center,children:[e.jsx(i.Container,{marginRight:S.Spacings.Size1,children:e.jsx(L.Text_Span,{children:x||"Upload image"})}),e.jsx(i.Container,{className:`${b.iconContainerDesktop}`,children:e.jsx(u.UIcon,{name:"image"})}),e.jsx(i.Container,{className:`${b.iconContainerMobile}`,children:e.jsx(u.UIcon,{name:"camera"})})]})})]})},_=({src:s,width:p,handleCancel:t})=>e.jsxs(v.Layout,{children:[e.jsx(i.Container,{children:e.jsx("img",{alt:"preview",src:s,width:p})}),e.jsx(i.Container,{children:e.jsx(u.UIcon,{name:"x",iconAction:()=>t()})})]});exports.InputImage=R;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../InputImage-CInJWoGb.cjs");exports.InputImage=e.InputImage;

package/dist/input-image/index.mjs

@@ -1,106 +1,5 @@
 "use client";
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { C as n } from "../component-C1Gs4nVu.js";
-import { L as d } from "../component-DRXQXr2G.js";
-import { T as L } from "../component-BvHdlcdE.js";
-import { U as g } from "../UIcon-BHzbeYWw.js";
-import { S as _ } from "../generics-C-WSPclF.js";
-import { h as w, b as R } from "../classes-CVxy1f4M.js";
-import { useState as v, useEffect as S } from "react";
-const F = "_iconContainerDesktop_1wxn3_25", M = "_iconContainerMobile_1wxn3_34", U = {
-  iconContainerDesktop: F,
-  iconContainerMobile: M
-}, z = ({
-  id: s,
-  name: p,
-  handleImageChange: i,
-  labelname: f,
-  defaultValue: o,
-  width: h = "100%",
-  height: x,
-  ref: y,
-  ...C
-}) => {
-  const [c, b] = v(), [a, l] = v(o);
-  S(() => {
-    if (o && o !== "") {
-      l(o);
-      return;
-    } else if (!c) return;
-    const t = URL.createObjectURL(c);
-    return l(t), () => {
-      var r;
-      if (t !== "")
-        r = t;
-      else if (c && a)
-        r = a;
-      else return;
-      try {
-        URL.revokeObjectURL(r);
-      } catch {
-      }
-    };
-  }, [o, c]);
-  const j = async (t) => {
-    if (!t.target.files || t.target.files.length === 0) return;
-    b(t.target.files[0]);
-    const r = URL.createObjectURL(t.target.files[0]);
-    l(r), i && i(t.target.files[0]);
-  }, u = () => {
-    b(void 0), l(void 0), i && i(void 0);
-  };
-  return /* @__PURE__ */ m(n, { children: [
-    /* @__PURE__ */ e(
-      "input",
-      {
-        id: s,
-        ref: y,
-        type: "file",
-        name: p,
-        onChange: j,
-        accept: "image/png, image/jpeg, image/webp, image/jpg",
-        style: {
-          opacity: 0,
-          pointerEvents: "none",
-          width: 0,
-          height: 0,
-          position: "absolute"
-        },
-        ...C
-      }
-    ),
-    /* @__PURE__ */ e(
-      "label",
-      {
-        htmlFor: s,
-        onMouseEnter: () => {
-        },
-        onMouseLeave: () => {
-        },
-        style: { width: h, height: x, cursor: "pointer" },
-        children: a ? /* @__PURE__ */ e(
-          k,
-          {
-            src: a,
-            width: h,
-            handleCancel: u
-          }
-        ) : /* @__PURE__ */ m(d, { display: R.Flex, flexAlignItem: w.Center, children: [
-          /* @__PURE__ */ e(n, { marginRight: _.Size1, children: /* @__PURE__ */ e(L, { children: f || "Upload image" }) }),
-          /* @__PURE__ */ e(n, { className: `${U.iconContainerDesktop}`, children: /* @__PURE__ */ e(g, { name: "image" }) }),
-          /* @__PURE__ */ e(n, { className: `${U.iconContainerMobile}`, children: /* @__PURE__ */ e(g, { name: "camera" }) })
-        ] })
-      }
-    )
-  ] });
-}, k = ({
-  src: s,
-  width: p,
-  handleCancel: i
-}) => /* @__PURE__ */ m(d, { children: [
-  /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("img", { alt: "preview", src: s, width: p }) }),
-  /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(g, { name: "x", iconAction: () => i() }) })
-] });
+import { I } from "../InputImage-ZST0lvcI.js";
 export {
-  z as InputImage
+  I as InputImage
 };

package/dist/input-text/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../component-D-EEi7NI.cjs"),$=require("../component-B6F6g6i4.cjs"),c=require("../generics-DE1oV0MV.cjs"),w=require("../generics-9F1CmKPb.cjs"),F=require("../values-D-Y_dNaF.cjs"),e=require("../icons-DSpaHhtT.cjs"),T=require("react"),A=require("../useCombinedRef-DZxHQ7PL.cjs"),G=require("../LabelText-BUslE9cx.cjs"),L=require("../UIcon-B5rpDmHC.cjs"),H=require("../generics-nyvJhwQE.cjs"),V=require("../component-Bh3EPTN0.cjs"),J=({inputHelper:o})=>{const[s,r]=T.useState(!1);return t.jsxs(d.Container,{style:{position:"absolute",top:"50%",right:-10,transform:"translateY(-25%)"},onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[t.jsx(L.UIcon,{name:"info",size:H.Sizings.Size2,colorLight:c.ColorPalettes.Primary5,colorDark:c.ColorPalettes.Primary5}),t.jsx(d.Container,{style:{position:"relative",pointerEvents:"none"},children:t.jsx(G.LabelText,{labelName:o,hover:s,x:0,y:0})})]})},K="_inputtext_rg89u_1",Q="_showHidePassword_rg89u_41",q={inputtext:K,showHidePassword:Q},ee=({isShow:o,handleShowHideText:s})=>t.jsx(d.Container,{className:q.showHidePassword,style:{position:"absolute",bottom:".75rem",left:"88%",zIndex:4,cursor:"pointer"},onClick:()=>s(),children:t.jsx(L.UIcon,{name:o?e.Icons.EyeOff:e.Icons.Eye,size:H.Sizings.Size3,colorLight:c.ColorPalettes.Primary5,colorDark:c.ColorPalettes.Primary5,cursor:w.Cursors.Pointer})}),te=({id:o,label:s,size:r,labelTextColor:i,inputColor:n})=>t.jsx(d.Container,{paddingLeft:e.INPUT_TEXT_SIZE[r].paddings.left,paddingBottom:e.INPUT_TEXT_SIZE[r].paddings.bottom,children:t.jsx("label",{htmlFor:o,children:t.jsx(V.Text_Span,{fontWeight:w.FontWeights.Size3,paletteColor:i&&typeof i=="boolean"?e.INPUT_TEXT_COLOR[n].labelColor:c.ColorPalettes.Grey10,fontSize:e.INPUT_TEXT_SIZE[r].font.size,children:s})})}),oe=({id:o,name:s,type:r=e.InputTextTypes.Text,value:i,modes:n=e.InputTextModes.Default,label:f,focus:p,required:_,width:I,fullWidth:S,helperText:x,placeholder:E="Insert text",step:v,min:O,handleChange:b,handleFocus:g,handleBlur:y,handleCheck:m,size:u=e.InputTextSizes.Default,inputStyle:P=e.InputTextStyles.Default,inputColor:h=c.ColorSets.Primarys,labelTextColor:R=!0,transparent:N,ref:Z,...D})=>{const a=T.useRef(null),B=A.useCombinedRef(a,Z);T.useEffect(()=>{if(n!==e.InputTextModes.Disabled){if(p){a.current&&a.current.focus();return}i!==""&&a.current&&a.current.value}},[p,n,i]);const[M,U]=T.useState(r),[C,z]=T.useState(!1),k=()=>{z(l=>!l)};T.useEffect(()=>{r===e.InputTextTypes.Password&&U(C?e.InputTextTypes.Text:e.InputTextTypes.Password)},[C]);const W=l=>{b&&b(l)},Y=T.useCallback(async l=>{l.preventDefault();const X=l.target.value.trim();if(!(!X||X!=="")){y&&y(),m&&await m();return}},[y,m]),j=T.useCallback(()=>{if(n!==e.InputTextModes.Disabled)return a.current&&a.current.focus(),g&&g(),!0},[g,n]);return t.jsxs(d.Container,{style:{width:S?"100%":I||350,position:"relative"},children:[!N&&t.jsx(te,{id:o,label:f,inputColor:h,size:u,labelTextColor:R}),t.jsxs(d.Container,{boxSizing:w.BoxSizings.BorderBox,...re(P,N),borderColor:e.INPUT_TEXT_COLOR[h].borderColor,paddingLeft:e.INPUT_TEXT_SIZE[u].paddings.left,paddingRight:e.INPUT_TEXT_SIZE[u].paddings.right,paddingTop:e.INPUT_TEXT_SIZE[u].paddings.top,paddingBottom:e.INPUT_TEXT_SIZE[u].paddings.bottom,style:{paddingTop:P!==e.InputTextStyles.Outlined?1:"",paddingBottom:P!==e.InputTextStyles.Outlined?F.SPACING_VALUES[e.INPUT_TEXT_SIZE[u].paddings.bottom]:"",display:P!==e.InputTextStyles.Outlined?"flex":"block",cursor:"text"},onClick:()=>j(),children:[t.jsx($.F__TextInput,{ref:B,type:M,required:_,disabled:n!==e.InputTextModes.Disabled?void 0:!0,fontSize:e.INPUT_TEXT_SIZE[u].font.size,fontWeight:e.INPUT_TEXT_SIZE[u].font.weight,color:e.INPUT_TEXT_COLOR[h].fontColor,placeholder:E,id:o,name:s,value:i,min:O,step:v,onChange:b?W:void 0,onFocus:j,onBlur:Y,className:q.inputtext,...D}),r===e.InputTextTypes.Password&&t.jsx(ee,{isShow:C,handleShowHideText:k}),x&&t.jsx(J,{inputHelper:x})]})]})},re=(o,s=!1)=>{var r,i,n,f,p,_,I,S,x,E;return s?{}:{borderBottomStyle:(n=(i=(r=e.INPUT_TEXT_STYLE[o])==null?void 0:r.borders)==null?void 0:i.bottom)==null?void 0:n.style,borderWidth:(p=(f=e.INPUT_TEXT_STYLE[o])==null?void 0:f.borders)==null?void 0:p.width,borderRadius:(I=(_=e.INPUT_TEXT_STYLE[o])==null?void 0:_.borders)==null?void 0:I.radius,borderStyle:(E=(x=(S=e.INPUT_TEXT_STYLE[o])==null?void 0:S.borders)==null?void 0:x.borders)==null?void 0:E.style}};exports.InputText=oe;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../InputText-Bjhoe-Tm.cjs");exports.InputText=e.InputText;