@functionalui/functionalui 0.2.6 → 0.2.8

package/dist/ColorPicker-rxR_V4EW.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("react/jsx-runtime"),P=require("./TagColor-QGINp77p.cjs"),X=require("./types-DDcRx4Wz.cjs"),c=require("react"),O=require("./component-D-EEi7NI.cjs"),Y=require("./component-B1mkowwk.cjs"),q=require("./classes-HsjFV5aN.cjs"),A=require("./useClickOutsideDOM-Dd6ewH8B.cjs"),J=(e,r)=>{const[n,t]=c.useState(e);return c.useEffect(()=>{const o=setTimeout(()=>{t(e)},r);return()=>{clearTimeout(o)}},[e,r]),n};function w(){return(w=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}function R(e,r){if(e==null)return{};var n,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r.indexOf(n=a[t])>=0||(o[n]=e[n]);return o}function y(e){var r=c.useRef(e),n=c.useRef(function(t){r.current&&r.current(t)});return r.current=e,n.current}var b=function(e,r,n){return r===void 0&&(r=0),n===void 0&&(n=1),e>n?n:e<r?r:e},_=function(e){return"touches"in e},M=function(e){return e&&e.ownerDocument.defaultView||self},H=function(e,r,n){var t=e.getBoundingClientRect(),o=_(r)?(function(a,l){for(var u=0;u<a.length;u++)if(a[u].identifier===l)return a[u];return a[0]})(r.touches,n):r;return{left:b((o.pageX-(t.left+M(e).pageXOffset))/t.width),top:b((o.pageY-(t.top+M(e).pageYOffset))/t.height)}},z=function(e){!_(e)&&e.preventDefault()},S=c.memo(function(e){var r=e.onMove,n=e.onKey,t=R(e,["onMove","onKey"]),o=c.useRef(null),a=y(r),l=y(n),u=c.useRef(null),d=c.useRef(!1),i=c.useMemo(function(){var K=function(h){z(h),(_(h)?h.touches.length>0:h.buttons>0)&&o.current?a(H(o.current,h,u.current)):x(!1)},V=function(){return x(!1)};function x(h){var f=d.current,g=M(o.current),m=h?g.addEventListener:g.removeEventListener;m(f?"touchmove":"mousemove",K),m(f?"touchend":"mouseup",V)}return[function(h){var f=h.nativeEvent,g=o.current;if(g&&(z(f),!(function(B,F){return F&&!_(B)})(f,d.current)&&g)){if(_(f)){d.current=!0;var m=f.changedTouches||[];m.length&&(u.current=m[0].identifier)}g.focus(),a(H(g,f,u.current)),x(!0)}},function(h){var f=h.which||h.keyCode;f<37||f>40||(h.preventDefault(),l({left:f===39?.05:f===37?-.05:0,top:f===40?.05:f===38?-.05:0}))},x]},[l,a]),v=i[0],E=i[1],N=i[2];return c.useEffect(function(){return N},[N]),c.createElement("div",w({},t,{onTouchStart:v,onMouseDown:v,className:"react-colorful__interactive",ref:o,onKeyDown:E,tabIndex:0,role:"slider"}))}),D=function(e){return e.filter(Boolean).join(" ")},T=function(e){var r=e.color,n=e.left,t=e.top,o=t===void 0?.5:t,a=D(["react-colorful__pointer",e.className]);return c.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},c.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:r}}))},s=function(e,r,n){return r===void 0&&(r=0),n===void 0&&(n=Math.pow(10,r)),Math.round(n*e)/n},Q=function(e){return $(k(e))},k=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?s(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?s(parseInt(e.substring(6,8),16)/255,2):1}},U=function(e){return G(Z(e))},W=function(e){var r=e.s,n=e.v,t=e.a,o=(200-r)*n/100;return{h:s(e.h),s:s(o>0&&o<200?r*n/100/(o<=100?o:200-o)*100:0),l:s(o/2),a:s(t,2)}},j=function(e){var r=W(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},Z=function(e){var r=e.h,n=e.s,t=e.v,o=e.a;r=r/360*6,n/=100,t/=100;var a=Math.floor(r),l=t*(1-n),u=t*(1-(r-a)*n),d=t*(1-(1-r+a)*n),i=a%6;return{r:s(255*[t,u,l,l,d,t][i]),g:s(255*[d,t,t,u,l,l][i]),b:s(255*[l,l,d,t,t,u][i]),a:s(o,2)}},C=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},G=function(e){var r=e.r,n=e.g,t=e.b,o=e.a,a=o<1?C(s(255*o)):"";return"#"+C(r)+C(n)+C(t)+a},$=function(e){var r=e.r,n=e.g,t=e.b,o=e.a,a=Math.max(r,n,t),l=a-Math.min(r,n,t),u=l?a===r?(n-t)/l:a===n?2+(t-r)/l:4+(r-n)/l:0;return{h:s(60*(u<0?u+6:u)),s:s(a?l/a*100:0),v:s(a/255*100),a:o}},ee=c.memo(function(e){var r=e.hue,n=e.onChange,t=D(["react-colorful__hue",e.className]);return c.createElement("div",{className:t},c.createElement(S,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:b(r+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":s(r),"aria-valuemax":"360","aria-valuemin":"0"},c.createElement(T,{className:"react-colorful__hue-pointer",left:r/360,color:j({h:r,s:100,v:100,a:1})})))}),re=c.memo(function(e){var r=e.hsva,n=e.onChange,t={backgroundColor:j({h:r.h,s:100,v:100,a:1})};return c.createElement("div",{className:"react-colorful__saturation",style:t},c.createElement(S,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:b(r.s+100*o.left,0,100),v:b(r.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+s(r.s)+"%, Brightness "+s(r.v)+"%"},c.createElement(T,{className:"react-colorful__saturation-pointer",top:1-r.v/100,left:r.s/100,color:j(r)})))}),I=function(e,r){if(e===r)return!0;for(var n in e)if(e[n]!==r[n])return!1;return!0},ne=function(e,r){return e.toLowerCase()===r.toLowerCase()||I(k(e),k(r))};function te(e,r,n){var t=y(n),o=c.useState(function(){return e.toHsva(r)}),a=o[0],l=o[1],u=c.useRef({color:r,hsva:a});c.useEffect(function(){if(!e.equal(r,u.current.color)){var i=e.toHsva(r);u.current={hsva:i,color:r},l(i)}},[r,e]),c.useEffect(function(){var i;I(a,u.current.hsva)||e.equal(i=e.fromHsva(a),u.current.color)||(u.current={hsva:a,color:i},t(i))},[a,e,t]);var d=c.useCallback(function(i){l(function(v){return Object.assign({},v,i)})},[]);return[a,d]}var oe=typeof window<"u"?c.useLayoutEffect:c.useEffect,ae=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},L=new Map,ce=function(e){oe(function(){var r=e.current?e.current.ownerDocument:document;if(r!==void 0&&!L.has(r)){var n=r.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,L.set(r,n);var t=ae();t&&n.setAttribute("nonce",t),r.head.appendChild(n)}},[])},ue=function(e){var r=e.className,n=e.colorModel,t=e.color,o=t===void 0?n.defaultColor:t,a=e.onChange,l=R(e,["className","colorModel","color","onChange"]),u=c.useRef(null);ce(u);var d=te(n,o,a),i=d[0],v=d[1],E=D(["react-colorful",r]);return c.createElement("div",w({},l,{ref:u,className:E}),c.createElement(re,{hsva:i,onChange:v}),c.createElement(ee,{hue:i.h,onChange:v,className:"react-colorful__last-control"}))},le={defaultColor:"000",toHsva:Q,fromHsva:function(e){return U({h:e.h,s:e.s,v:e.v,a:1})},equal:ne},ie=function(e){return c.createElement(ue,w({},e,{colorModel:le}))};const se="_colorfulcontainer_1kkrb_1",fe={colorfulcontainer:se},de=({position:e,selectColor:r,closePicker:n,handleColorChange:t})=>{const o=A.useClickOutsideDOM(()=>{n&&n(!1)});return p.jsx("div",{ref:o,style:{position:e},children:p.jsx(Y.Layout,{display:q.Displays.Flex,flexDirection:q.FlexDirections.Column,children:p.jsx(O.Container,{children:p.jsx(O.Container,{className:fe.colorfulcontainer,children:p.jsx(ie,{color:r,onChange:t})})})})})},he=({defaultColor:e="#eeeeee",setInput:r,setColor:n,inputName:t=void 0,closePicker:o=void 0,position:a="absolute"})=>{const[l,u]=c.useState(e||"#eee");c.useEffect(()=>{u(e||"#eee")},[e]);const d=v=>{u(v)},i=J(l,250);return c.useEffect(()=>{n&&n(i),r&&r(v=>({...v,[`${t||"edit_color"}`]:i}))},[i,t,r,n]),p.jsxs("div",{children:[p.jsxs("div",{className:"title",children:[p.jsx("span",{children:"Choose color: "}),p.jsx(P.TagColor,{color:l,size:X.TagColorSizes.Large})]}),p.jsx(de,{selectColor:l,handleColorChange:d,position:a,closePicker:o})]})};exports.ColorPicker=he;

package/dist/DivMeasure-C398kYvk.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { useMemo as r, Children as l, isValidElement as c, cloneElement as f } from "react";
+import { u as p } from "./web-B_p0FWHf.js";
+const v = ({
+  children: o,
+  inherit: i = !1,
+  width: n = "auto",
+  height: s = "auto"
+}) => {
+  const [h, e] = p(), u = r(() => e.height, [e.height]), m = r(() => e.width, [e.width]), a = l.map(o, (t) => c(t) ? f(t, { width: m, height: u }) : t);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: h,
+      style: {
+        width: i ? "inherit" : n,
+        height: i ? "inherit" : s
+      },
+      children: a
+    }
+  );
+};
+export {
+  v as D
+};

package/dist/DivMeasure-oi_fzKlp.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const d=require("react/jsx-runtime"),e=require("react"),l=require("./web-yC_cLoAC.cjs"),m=({children:r,inherit:s=!1,width:n="auto",height:u="auto"})=>{const[h,t]=l.useMeasure(),o=e.useMemo(()=>t.height,[t.height]),c=e.useMemo(()=>t.width,[t.width]),a=e.Children.map(r,i=>e.isValidElement(i)?e.cloneElement(i,{width:c,height:o}):i);return d.jsx("div",{ref:h,style:{width:s?"inherit":n,height:s?"inherit":u},children:a})};exports.DivMeasure=m;

package/dist/GalleryModal-DjCnCkbg.js

@@ -0,0 +1,464 @@
+"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 G, useRef as V, createElement as Y } from "react";
+import { C as g } from "./component-CGEZuC_0.js";
+import { L as S } from "./component-CLzFHaNK.js";
+import { C as X } from "./generics-D33J7ILI.js";
+import { h as M, 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-Di5ye0Cr.js";
+import { d as W, b as se, u as ae } from "./react-spring_web.modern-DUf5COpz.js";
+import { U as le } from "./UIcon-Cc5PX9WJ.js";
+import { S as ce } from "./generics-BrMr2-Gs.js";
+import { B as de } from "./Button-DLwud-g7.js";
+import { T as fe } from "./component-BbiEBU5H.js";
+import { S as C, d as me } from "./generics-C-WSPclF.js";
+import { h as ue } from "./types-xFemYgmc.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: M.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 Ge(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
+}), Me = ({ 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) => Ge(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: M.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();
+  G(() => {
+    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 G(() => {
+    t !== 0 && l.start((r) => ({
+      ...r,
+      x: 0,
+      y: 0,
+      scale: 1
+    }));
+  }, [l, t]), G(() => {
+    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: M.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();
+  G(() => {
+    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: M.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(Me, { children: e });
+export {
+  tt as G
+};

package/dist/GalleryModal-wFC9x3Em.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const i=require("react/jsx-runtime"),g=require("react"),x=require("./component-D-EEi7NI.cjs"),I=require("./component-B1mkowwk.cjs"),w=require("./generics-DE1oV0MV.cjs"),u=require("./classes-HsjFV5aN.cjs"),U=require("./types-Cev70RJC.cjs"),A=require("./Modal-BRIYhcOg.cjs"),L=require("./react-spring_web.modern-W3Nkoq_6.cjs"),H=require("./UIcon-B5rpDmHC.cjs"),K=require("./generics-nyvJhwQE.cjs"),Q=require("./Button-rg5gSHcQ.cjs"),V=require("./component-Bh3EPTN0.cjs"),S=require("./generics-9F1CmKPb.cjs"),Y=require("./types-BnEsY_pc.cjs"),X=require("./web-yC_cLoAC.cjs"),ee=({handleCloseGallery:e})=>{const t=L.useTransition(!0,{from:{opacity:0,y:-100,x:-50},enter:{opacity:1,y:25,x:-50},leave:{opacity:0,y:-100,x:-50}});return i.jsx(I.Layout,{style:{width:"100%"},display:u.Displays.Flex,flexJustifyContent:u.FlexJustifyContents.FlexEnd,flexAlignItem:u.FlexAlignItems.Center,children:t((n,r)=>r&&i.jsx(x.Container,{style:n,children:i.jsx(H.UIcon,{name:"x",iconAction:()=>e(),size:K.Sizings.Size5})}))})};var J=NaN,te="[object Symbol]",ne=/^\s+|\s+$/g,se=/^[-+]0x[0-9a-f]+$/i,ie=/^0b[01]+$/i,oe=/^0o[0-7]+$/i,re=parseInt,ae=Object.prototype,ce=ae.toString;function le(e,t,n){return e===e&&(n!==void 0&&(e=e<=n?e:n),t!==void 0&&(e=e>=t?e:t)),e}function N(e){var t=typeof e;return!!e&&(t=="object"||t=="function")}function de(e){return!!e&&typeof e=="object"}function ue(e){return typeof e=="symbol"||de(e)&&ce.call(e)==te}function D(e){if(typeof e=="number")return e;if(ue(e))return J;if(N(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=N(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=e.replace(ne,"");var n=ie.test(e);return n||oe.test(e)?re(e.slice(2),n?2:8):se.test(e)?J:+e}function ge(e,t,n){return n===void 0&&(n=t,t=void 0),n!==void 0&&(n=D(n),n=n===n?n:0),t!==void 0&&(t=D(t),t=t===t?t:0),le(D(e),t,n)}var l;const P=g.createContext({galleryImages:l,imgIndex:0,props:l,ref:l,bind:l,isZooming:l,manualZoomScale:l,handleSetImages:l,handleCloseGallery:l,handleIncrease:l,handleDecrease:l,handleSetIsZooming:l,handleZoomIn:l,handleZoomOut:l,handleZoomReset:l}),fe=({children:e})=>{const t=ye();return i.jsx(P.Provider,{value:t,children:e})},O=()=>g.useContext(P);function ye(){const[e,t]=g.useState([]),[n,r]=g.useState(0),[y,{width:a}]=X.useMeasure(),[c,h]=g.useState(!1),[o,d]=L.useSprings(e.length,s=>({x:s*a,scale:a===0?0:1,display:"block"}),[a]),p=A.useDrag(({active:s,movement:[f],velocity:[E],direction:[_],distance:[R],cancel:v})=>{c||(s&&(R>a/3||E>1)&&(r(Z=>ge(Z+(_>0?-1:1),0,e.length-1)),v()),d.start(Z=>{if(Z<n-1||Z>n+1)return{display:"none"};const T=(Z-n)*a+(s?f:0),W=s?1-R/a/2:1;return{x:T,scale:W,display:"block"}}))}),j=s=>{t(s)},C=s=>{r(0),s&&s()};function z(){r(s=>s+1>e.length-1?s:(d.start(f=>f<s+1-1||f>s+1+1?{display:"none"}:{x:(f-(s+1))*a,scale:1,display:"block"}),s+1))}function m(){r(s=>s-1<0?s:(d.start(f=>f<s-1-1||f>s-1+1?{display:"none"}:{x:(f-(s-1))*a,scale:1,display:"block"}),s-1))}const k=s=>{h(s)},[G,b]=g.useState(1);function M(){b(s=>s+.25>2?2:s+.25)}function F(){b(s=>s-.25<.5?1:s-.25)}function $(){b(1)}return{imgIndex:n,galleryImages:e,props:o,ref:y,bind:p,isZooming:c,manualZoomScale:G,handleSetImages:j,handleCloseGallery:C,handleIncrease:z,handleDecrease:m,handleSetIsZooming:k,handleZoomIn:M,handleZoomOut:F,handleZoomReset:$}}const he=({openMenu:e=!0})=>{const{handleIncrease:t,handleDecrease:n,galleryImages:r,imgIndex:y,handleZoomIn:a,handleZoomOut:c}=O();return L.useTransition(e,{from:{opacity:0,y:100},enter:{opacity:1,y:-50},leave:{opacity:0,y:100}})((o,d)=>d&&i.jsx(x.Container,{style:{width:"100%",...o},children:i.jsx(I.Layout,{display:u.Displays.Flex,flexJustifyContent:u.FlexJustifyContents.Center,children:i.jsxs(I.Layout,{display:u.Displays.Flex,flexAlignItem:u.FlexAlignItems.Center,style:{minWidth:350,maxWidth:500,width:400},children:[i.jsx(q,{icon:"chevron-left",marginLeft:S.Spacings.Size4,marginRight:S.Spacings.Size1,clickAction:()=>n(),disabled:y<=0&&!0}),i.jsx(I.Layout,{children:i.jsx(x.Container,{children:i.jsx(V.Text_Span,{fontSize:S.FontSizes.Size4,children:`${y+1} / ${r.length}`})})}),i.jsx(q,{icon:"chevron-right",marginLeft:S.Spacings.Size1,clickAction:()=>t(),disabled:y>=r.length-1&&!0}),i.jsx(q,{icon:"zoom-in",marginLeft:S.Spacings.Auto,marginRight:S.Spacings.Size1,clickAction:()=>{a()}}),i.jsx(q,{icon:"zoom-out",marginLeft:S.Spacings.Size1,marginRight:S.Spacings.Size4,clickAction:()=>{c()}})]})})}))},q=({icon:e,clickAction:t,marginLeft:n,marginRight:r})=>i.jsx(x.Container,{marginLeft:n,marginRight:r,children:i.jsx(Q.Button,{name:"",icon:e,buttonSize:Y.ButtonSizes.Big,clickAction:t})}),xe="_ZAnimated_10d05_1",me={ZAnimated:xe},Ce=A.createUseGesture([A.dragAction,A.pinchAction]),Se=({children:e})=>{const{imgIndex:t,isZooming:n,handleSetIsZooming:r,manualZoomScale:y}=O();g.useEffect(()=>{const o=d=>d.preventDefault();return document&&(document.addEventListener("gesturestart",o),document.addEventListener("gesturechange",o),document.addEventListener("gestureend",o)),()=>{document&&(document.removeEventListener("gesturestart",o),document.removeEventListener("gesturechange",o),document.removeEventListener("gestureend",o))}},[]);const[a,c]=L.useSpring(()=>({x:0,y:0,scale:1,rotateZ:0})),h=g.useRef(null);return g.useEffect(()=>{t!==0&&c.start(o=>({...o,x:0,y:0,scale:1}))},[c,t]),g.useEffect(()=>{c.start(o=>({...o,scale:y}))},[c,y]),Ce({onDrag:({pinching:o,cancel:d,offset:[p,j]})=>{if(n){if(o)return d();c.start({x:p,y:j})}},onPinch:({origin:[o,d],first:p,last:j,movement:[C],offset:[z],memo:m})=>{if(p){const{width:b,height:M,x:F,y:$}=h.current&&h.current.getBoundingClientRect(),s=o-(F+b/2),f=d-($+M/2);m=[a.x.get(),a.y.get(),s,f]}if(j&&z===1&&o!==0)return r&&r(!1),c.start({scale:1,x:0,y:0}),m;const k=m[0]-(C-1)*m[2],G=m[1]-(C-1)*m[3];return r&&r(!0),c.start({scale:z,x:k,y:G}),m}},{target:h,drag:{from:()=>[a.x.get(),a.y.get()],bounds:{left:-100,right:100,top:-100,bottom:100}},pinch:{scaleBounds:{min:1,max:2},rubberband:!0},wheel:{axis:"y"}}),i.jsx(I.Layout,{display:u.Displays.Flex,flexJustifyContent:u.FlexJustifyContents.Center,flexAlignItem:u.FlexAlignItems.Center,style:{height:"100%"},children:i.jsx(x.Container,{ref:h,className:me.ZAnimated,style:{...a,backgroundColor:"transparent"},children:e})})},pe="_imageContainer_zngaq_11",je="_galleryMenuContainer_zngaq_34",B={imageContainer:pe,galleryMenuContainer:je},Ie=({showModal:e,closeModal:t,images:n=[]})=>i.jsx(Ze,{children:i.jsx(be,{showModal:e,closeModal:t,images:n})}),be=({showModal:e,closeModal:t,images:n=[]})=>{const{bind:r,props:y,ref:a,handleCloseGallery:c,handleSetImages:h}=O();g.useEffect(()=>{h(n)},[h,n]);const o=()=>{c(t)};return i.jsx(A.Modal,{showModal:e,closeModal:o,modalStyles:U.ModalStyles.Nocard,modalBackground:w.ColorPalettes.Grey1,children:i.jsxs(I.Layout,{display:u.Displays.Flex,flexAlignItem:u.FlexAlignItems.Center,flexJustifyContent:u.FlexJustifyContents.Center,style:{height:"100%",maxWidth:"100%"},children:[i.jsx("div",{ref:a,style:{overflow:"hidden",width:"100%",height:"100vh",position:"relative"},children:y.map(({x:d,display:p,scale:j},C)=>g.createElement(x.Container,{...r(),key:C,style:{display:p,x:d,position:"absolute",width:"100%",height:"100%",willChange:"transform"}},i.jsx(x.Container,{style:{scale:j,touchAction:"none",backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"center center",width:"100%",height:"100%",willChange:"transform"},children:i.jsxs(Se,{children:[i.jsx(x.Container,{className:`${B.imageContainer} desktop`,children:n[C]}),i.jsx(x.Container,{className:`${B.imageContainer} big-tablet`,children:n[C]})]})})))}),i.jsx(x.Container,{className:B.galleryMenuContainer,style:{position:"absolute",bottom:0,left:0,right:0},children:i.jsx(he,{openMenu:!0})}),i.jsx("div",{style:{position:"absolute",top:0,left:0,right:0},children:i.jsx(ee,{handleCloseGallery:o})})]})})},Ze=({children:e})=>i.jsx(fe,{children:e});exports.GalleryModal=Ie;

package/dist/InputImage-CInJWoGb.cjs

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

package/dist/InputImage-ZST0lvcI.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { C as n } from "./component-CGEZuC_0.js";
+import { L as d } from "./component-CLzFHaNK.js";
+import { T as L } from "./component-BbiEBU5H.js";
+import { U as g } from "./UIcon-Cc5PX9WJ.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() }) })
+] });
+export {
+  z as I
+};

package/dist/InputText-Bjhoe-Tm.cjs

@@ -0,0 +1 @@
+"use client";"use strict";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:E,helperText:x,placeholder:P="Insert text",step:v,min:R,handleChange:b,handleFocus:g,handleBlur:y,handleCheck:m,size:u=e.InputTextSizes.Default,inputStyle:S=e.InputTextStyles.Default,inputColor:h=c.ColorSets.Primarys,labelTextColor:O=!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[z,U]=T.useState(r),[C,M]=T.useState(!1),k=()=>{M(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 j=l.target.value.trim();if(!(!j||j!=="")){y&&y(),m&&await m();return}},[y,m]),X=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:E?"100%":I||350,position:"relative"},children:[!N&&t.jsx(te,{id:o,label:f,inputColor:h,size:u,labelTextColor:O}),t.jsxs(d.Container,{boxSizing:w.BoxSizings.BorderBox,...re(S,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:S!==e.InputTextStyles.Outlined?1:"",paddingBottom:S!==e.InputTextStyles.Outlined?F.SPACING_VALUES[e.INPUT_TEXT_SIZE[u].paddings.bottom]:"",display:S!==e.InputTextStyles.Outlined?"flex":"block",cursor:"text"},onClick:()=>X(),children:[t.jsx($.F__TextInput,{ref:B,type:z,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:P,id:o,name:s,value:i,min:R,step:v,onChange:b?W:void 0,onFocus:X,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,E,x,P;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:(P=(x=(E=e.INPUT_TEXT_STYLE[o])==null?void 0:E.borders)==null?void 0:x.borders)==null?void 0:P.style}};exports.InputText=oe;