@functionalui/functionalui 0.2.5 → 0.2.7

package/dist/Radio-Dd5W2Lpf.js

@@ -0,0 +1,121 @@
+"use client";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { d as k, c as I, u as L } from "./react-spring_web.modern-DUf5COpz.js";
+import { C as i } from "./component-CGEZuC_0.js";
+import { L as w } from "./component-CLzFHaNK.js";
+import { C as d } from "./generics-D33J7ILI.js";
+import { a as u } from "./values-CSE3dLnv.js";
+import { S as F } from "./generics-C-WSPclF.js";
+import { h as R, b as A } from "./classes-CVxy1f4M.js";
+import { S as E } from "./generics-BrMr2-Gs.js";
+import { useState as y, useEffect as g } from "react";
+const W = ({
+  id: t,
+  checked: e,
+  size: a = E.Size3,
+  handleChange: s = () => {
+  },
+  vertigo: l,
+  ref: c,
+  children: h,
+  ...C
+}) => {
+  const [r, m] = y(e), [f, p] = y(!1), S = (n) => {
+    m(n), s(t, n);
+  };
+  return g(() => {
+    const n = (b) => {
+      !f || r || b.key === " " && S(!0);
+    };
+    return document && document.addEventListener("keydown", n, !1), () => {
+      document && document.removeEventListener("keydown", n, !1);
+    };
+  }, [f, r]), g(() => {
+    m(e);
+  }, [e]), /* @__PURE__ */ o(
+    i,
+    {
+      onClick: () => {
+        l && r || (m(!r), s(t, r));
+      },
+      style: { cursor: "pointer" },
+      tabIndex: 0,
+      role: "button",
+      onFocus: () => p(!0),
+      onBlur: () => p(!1),
+      children: /* @__PURE__ */ x(w, { display: A.Flex, flexAlignItem: R.Center, children: [
+        /* @__PURE__ */ o(j, { checked: r, size: a }),
+        /* @__PURE__ */ o(
+          i,
+          {
+            marginLeft: F.Size1,
+            style: { transform: "translateY(-1px)", userSelect: "none" },
+            children: h
+          }
+        ),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            ref: c,
+            id: t,
+            checked: r,
+            onChange: () => {
+            },
+            type: "radio",
+            style: {
+              appearance: "none",
+              backgroundColor: "transparent",
+              margin: 0,
+              display: "none"
+            },
+            ...C
+          }
+        )
+      ] })
+    }
+  );
+}, j = ({ checked: t, size: e }) => {
+  const a = k(t, {
+    from: { opacity: 0, scale: 0.6 },
+    enter: { opacity: 1, scale: 1 },
+    leave: { opacity: 0, scale: 0.6 },
+    config: {
+      ...I.stiff
+    }
+  }), s = L({
+    borderColor: t ? u[d.Primary5] : u[d.Grey5]
+  });
+  return /* @__PURE__ */ o(
+    i,
+    {
+      style: {
+        ...s,
+        width: e,
+        height: e,
+        borderRadius: "50%",
+        borderWidth: 2,
+        borderStyle: "solid",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      children: a(
+        (l, c) => c && /* @__PURE__ */ o(
+          i,
+          {
+            style: {
+              ...l,
+              width: e - 10,
+              height: e - 10,
+              borderRadius: "50%",
+              backgroundColor: u[d.Primary5]
+            }
+          }
+        )
+      )
+    }
+  );
+};
+export {
+  W as R
+};

package/dist/Radio-QbaBzLpf.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const t=require("react/jsx-runtime"),f=require("./react-spring_web.modern-W3Nkoq_6.cjs"),c=require("./component-D-EEi7NI.cjs"),q=require("./component-B1mkowwk.cjs"),y=require("./generics-DE1oV0MV.cjs"),p=require("./values-C40_Fyfk.cjs"),L=require("./generics-9F1CmKPb.cjs"),C=require("./classes-HsjFV5aN.cjs"),j=require("./generics-nyvJhwQE.cjs"),i=require("react"),k=({id:r,checked:e,size:a=j.Sizings.Size3,handleChange:o=()=>{},vertigo:l,ref:u,children:S,...x})=>{const[n,d]=i.useState(e),[m,g]=i.useState(!1),h=s=>{d(s),o(r,s)};return i.useEffect(()=>{const s=b=>{!m||n||b.key===" "&&h(!0)};return document&&document.addEventListener("keydown",s,!1),()=>{document&&document.removeEventListener("keydown",s,!1)}},[m,n]),i.useEffect(()=>{d(e)},[e]),t.jsx(c.Container,{onClick:()=>{l&&n||(d(!n),o(r,n))},style:{cursor:"pointer"},tabIndex:0,role:"button",onFocus:()=>g(!0),onBlur:()=>g(!1),children:t.jsxs(q.Layout,{display:C.Displays.Flex,flexAlignItem:C.FlexAlignItems.Center,children:[t.jsx(R,{checked:n,size:a}),t.jsx(c.Container,{marginLeft:L.Spacings.Size1,style:{transform:"translateY(-1px)",userSelect:"none"},children:S}),t.jsx("input",{ref:u,id:r,checked:n,onChange:()=>{},type:"radio",style:{appearance:"none",backgroundColor:"transparent",margin:0,display:"none"},...x})]})})},R=({checked:r,size:e})=>{const a=f.useTransition(r,{from:{opacity:0,scale:.6},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.6},config:{...f.config.stiff}}),o=f.useSpring({borderColor:r?p.COLOR_VALUES[y.ColorPalettes.Primary5]:p.COLOR_VALUES[y.ColorPalettes.Grey5]});return t.jsx(c.Container,{style:{...o,width:e,height:e,borderRadius:"50%",borderWidth:2,borderStyle:"solid",display:"flex",justifyContent:"center",alignItems:"center"},children:a((l,u)=>u&&t.jsx(c.Container,{style:{...l,width:e-10,height:e-10,borderRadius:"50%",backgroundColor:p.COLOR_VALUES[y.ColorPalettes.Primary5]}}))})};exports.Radio=k;

package/dist/SelectSpring-BOfRXdag.js

@@ -0,0 +1,471 @@
+"use client";
+import { jsx as n, Fragment as Y, jsxs as I } from "react/jsx-runtime";
+import { L as G } from "./component-CLzFHaNK.js";
+import { C as T, a as oe } from "./generics-D33J7ILI.js";
+import { j as ne, h as ie, b as U, i as se } from "./classes-CVxy1f4M.js";
+import { D as M, a as p, b as m, c as J, e as A, S as z, d as C } from "./types-Bh_j-nXM.js";
+import { useState as Z, useEffect as D, useReducer as ae } from "react";
+import { u as V } from "./web-B_p0FWHf.js";
+import { u as le } from "./useClickOutsideDOM-CBmttEFU.js";
+import { C as R } from "./component-CGEZuC_0.js";
+import { T as O } from "./component-BbiEBU5H.js";
+import { S as l, R as x, C as de } from "./generics-C-WSPclF.js";
+import { d as X, c as ce, u as $ } from "./react-spring_web.modern-DUf5COpz.js";
+import { F as K } from "./component-DP7cQasn.js";
+import { F as ue } from "./component-DBDhHeDP.js";
+import { a as v, c as N } from "./values-CSE3dLnv.js";
+import { U as pe } from "./UIcon-Cc5PX9WJ.js";
+const fe = "_ul_5jv7w_1", me = "_li_5jv7w_5", W = {
+  ul: fe,
+  li: me
+}, F = {
+  [p.Top]: {
+    from: { y: -10 },
+    enter: { y: -1 },
+    leave: { y: -10 }
+  },
+  [p.Bottom]: {
+    from: { y: 10 },
+    enter: { y: -1 },
+    leave: { y: 10 }
+  }
+}, he = ({
+  dropdownHeightStyle: e,
+  isOpen: t,
+  dropdownPosition: o,
+  position: r,
+  selectState: i,
+  children: s
+}) => {
+  switch (e) {
+    case M.Default:
+      return /* @__PURE__ */ n(
+        j,
+        {
+          dropdownHeightStyle: e,
+          isOpen: t,
+          dropdownPosition: o,
+          position: r,
+          selectState: i,
+          children: s
+        }
+      );
+    case M.AutoHeight:
+      return /* @__PURE__ */ n(
+        Se,
+        {
+          dropdownHeightStyle: e,
+          isOpen: t,
+          dropdownPosition: o,
+          position: r,
+          selectState: i,
+          children: s
+        }
+      );
+    default:
+      return /* @__PURE__ */ n(
+        j,
+        {
+          dropdownHeightStyle: e,
+          isOpen: t,
+          dropdownPosition: o,
+          position: r,
+          selectState: i,
+          children: s
+        }
+      );
+  }
+}, j = ({
+  isOpen: e,
+  dropdownPosition: t,
+  // dropdownHeightStyle,
+  // hasSelect,
+  position: o,
+  children: r
+}) => X(e, {
+  from: {
+    opacity: 0,
+    ...F[t].from
+  },
+  enter: {
+    opacity: 1,
+    ...F[t].enter
+  },
+  leave: {
+    opacity: 0,
+    ...F[t].leave
+  }
+})(
+  (s, a) => a && /* @__PURE__ */ n(
+    K,
+    {
+      style: {
+        ...s,
+        transformOrigin: t === p.Top ? "bottom center" : t === p.Bottom ? "top center" : o < 0 ? "bottom center" : "top center"
+      },
+      className: W.ul,
+      children: r
+    }
+  )
+), Se = ({
+  isOpen: e,
+  // dropdownHeightStyle,
+  // hasSelect,
+  dropdownPosition: t,
+  position: o,
+  children: r
+}) => X(e, {
+  from: {
+    opacity: 0,
+    scaleY: 0
+  },
+  enter: {
+    opacity: 1,
+    scaleY: 1
+  },
+  leave: {
+    opacity: 0,
+    scaleY: 0.5
+  },
+  config(s, a, d) {
+    return d === "leave" ? { duration: 100 } : ce.default;
+  }
+})(
+  (s, a) => a && /* @__PURE__ */ n(
+    K,
+    {
+      style: {
+        ...s,
+        transformOrigin: t === p.Top ? "bottom center" : t === p.Bottom ? "top center" : o < 0 ? "bottom center" : "top center"
+      },
+      className: W.ul,
+      children: r
+    }
+  )
+), ge = ({
+  handleSelectItem: e,
+  id: t,
+  idx: o,
+  children: r,
+  colorSet: i
+}) => {
+  const [s, a] = $(() => ({
+    backgroundColor: v[T.Grey2]
+    // same as SelectHeader bgColor
+  }));
+  return /* @__PURE__ */ n(
+    ue,
+    {
+      className: W.li,
+      paddingTop: l.Size1,
+      paddingBottom: l.Size1,
+      paddingLeft: l.Size2,
+      paddingRight: l.Size2,
+      marginTop: l.Size0,
+      style: {
+        listStyle: "none",
+        cursor: "pointer",
+        userSelect: "none",
+        ...s
+      },
+      onMouseEnter: () => {
+        a.start({
+          backgroundColor: v[N[i][0] + 2]
+        });
+      },
+      onMouseLeave: () => {
+        a.start({ backgroundColor: v[T.Grey2] });
+      },
+      onMouseDown: () => {
+        a.start({
+          backgroundColor: v[N[i][0] + 3]
+        });
+      },
+      onClick: () => e(t, o),
+      children: r
+    }
+  );
+}, ye = (e, t) => {
+  const [o, r] = Z(null);
+  D(() => {
+    const s = () => {
+      r({
+        width: window ? window.innerWidth : 0,
+        height: window ? window.innerHeight : 0
+      });
+    };
+    return window && window.addEventListener("resize", s), () => {
+      window && window.removeEventListener("resize", s);
+    };
+  }, []);
+  const i = e.height + 10;
+  return o && i + e.top > o.height ? -1 : 1;
+}, we = ({
+  isSelectOpen: e,
+  selectOptions: t,
+  handleSelectItem: o,
+  selectState: r,
+  dropdownHeightStyle: i,
+  dropdownPosition: s = p.Bottom,
+  colorSet: a,
+  headerHeight: d,
+  w: S
+  // closeSelect,
+}) => {
+  const [L, g] = V(), y = ye(g), h = y > 0 ? d - 1 : -g.height;
+  return /* @__PURE__ */ n(
+    R,
+    {
+      ref: L,
+      borderRadius: m[r].dropdown.borderRadius,
+      borderBottomLeftRadius: x.Size0,
+      borderBottomRightRadius: x.Size0,
+      borderWidth: m[r].header.borderWidth,
+      borderColor: m[r].header.borderColor,
+      style: {
+        maxHeight: 250,
+        width: S,
+        overflowY: "scroll",
+        position: "absolute",
+        transform: `translateY(${h}px)`,
+        overscrollBehaviorY: "none"
+      },
+      children: /* @__PURE__ */ n(
+        he,
+        {
+          dropdownHeightStyle: i,
+          isOpen: e,
+          dropdownPosition: s,
+          selectState: r,
+          position: y,
+          children: t.map((c, w) => /* @__PURE__ */ n(
+            ge,
+            {
+              handleSelectItem: o,
+              id: c.id,
+              idx: w,
+              colorSet: a,
+              children: /* @__PURE__ */ n(
+                R,
+                {
+                  paddingTop: l.Size1,
+                  paddingBottom: l.Size1,
+                  paddingLeft: l.Size2,
+                  paddingRight: l.Size2,
+                  children: /* @__PURE__ */ n(O, { children: c.text })
+                }
+              )
+            },
+            c.id
+          ))
+        }
+      )
+    }
+  );
+}, be = ({
+  selectedValues: e,
+  doubleZero: t,
+  title: o,
+  selectedValueStyles: r = A.Text,
+  sizes: i = J.Medium
+}) => (e.length === 1 && e[0].text, e.length < 1 ? /* @__PURE__ */ n(ve, { sizes: i, title: o }) : r === A.Text ? /* @__PURE__ */ n(Y, { children: e.map((s, a) => /* @__PURE__ */ n(O, { fontSize: z[i].font.size, children: s.text }, a)) }) : (
+  // @todo_20240503_1350("chip")
+  /* @__PURE__ */ n(Y, { children: e.map((s, a) => /* @__PURE__ */ n(O, { fontSize: z[i].font.size, children: s.text }, a)) })
+)), ve = ({ title: e, sizes: t }) => /* @__PURE__ */ n(O, { fontSize: z[t].font.size, children: e }), Ce = ({
+  // w,
+  setOpenDropdown: e,
+  openDropdown: t,
+  title: o,
+  doubleZero: r,
+  selectState: i,
+  // selectedItemIdx,
+  selectedValues: s,
+  selectedValueStyles: a,
+  sizes: d = J.Medium
+}) => /* @__PURE__ */ n(
+  R,
+  {
+    style: { cursor: "pointer" },
+    paddingTop: l.Size1,
+    paddingBottom: l.Size1,
+    paddingLeft: l.Size2,
+    paddingRight: l.Size2,
+    borderRadius: m[i].header.borderRadius,
+    borderWidth: m[i].header.borderWidth,
+    borderColor: m[i].header.borderColor,
+    borderTopLeftRadius: t ? x.Size0 : void 0,
+    borderTopRightRadius: t ? x.Size0 : void 0,
+    bgColor: m[i].header.bgColor,
+    onClick: () => e((S) => !S),
+    children: /* @__PURE__ */ I(
+      G,
+      {
+        display: U.Flex,
+        flexAlignItem: ie.Center,
+        flexJustifyContent: ne.SpaceBetween,
+        children: [
+          /* @__PURE__ */ n(
+            be,
+            {
+              sizes: d,
+              selectedValues: s,
+              doubleZero: r,
+              title: o,
+              selectedValueStyles: a
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "icon", children: /* @__PURE__ */ n(De, { isSelectOpen: t, sizes: d }) })
+        ]
+      }
+    )
+  }
+), De = ({
+  isSelectOpen: e,
+  sizes: t,
+  cursor: o = de.Pointer
+}) => {
+  const r = $({
+    rotateX: e ? 180 : 0
+  });
+  return (
+    // @todo_20241105_1045("tech debt")
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    /* @__PURE__ */ n(R, { style: r, children: /* @__PURE__ */ n(
+      pe,
+      {
+        name: "chevron-down",
+        colorLight: T.Grey5,
+        colorDark: T.Grey5,
+        size: z[t].icon.size,
+        cursor: o
+      }
+    ) })
+  );
+};
+function Te(e, t) {
+  switch (t.type) {
+    case "field":
+      return { ...e, [t.field]: t.value };
+    case "select":
+      return {
+        ...e,
+        selectedItemIdx: t.value,
+        selectOptions: e.selectOptions.map(
+          (o, r) => t.value === r ? { ...o, selected: !0 } : { ...o, selected: !1 }
+        ),
+        openDropdown: !1,
+        selectState: C.Selected
+      };
+    case "open":
+      return { ...e, openDropdown: !0 };
+    case "close":
+      return { ...e, openDropdown: !1 };
+    case "open-close":
+      return { ...e, openDropdown: !e.openDropdown };
+    case "parent-update-selected":
+      return {
+        ...e,
+        selectedItemIdx: t.value,
+        selectOptions: e.selectOptions.map((o, r) => ({
+          ...o,
+          selected: r === t.value
+        }))
+      };
+    default:
+      return e;
+  }
+}
+const je = ({
+  id: e,
+  title: t,
+  options: o,
+  selectedIdx: r = null,
+  w: i = 225,
+  doubleZero: s = !1,
+  required: a = !1,
+  dropdownHeightStyle: d = M.AutoHeight,
+  state: S = C.Default,
+  selectedValuesStyle: L = A.Text,
+  colorSet: g = oe.Primarys,
+  dropdownPosition: y = p.Bottom,
+  setSelectedIdx: h,
+  setInput: c
+}) => {
+  const [w, Q] = Z(!1), [q, u] = ae(Te, {
+    selectState: S,
+    openDropdown: !1,
+    selectedItemIdx: r,
+    selectOptions: o
+  }), { openDropdown: b, selectedItemIdx: _, selectOptions: B, selectState: k } = q;
+  D(() => {
+    Q(!0), typeof r == "number" && (h && h(r), c && c((f) => ({ ...f, [e]: o[r] })));
+  }, []), D(() => {
+    typeof r == "number" && u({ type: "parent-update-selected", value: r });
+  }, [r]), D(() => {
+    a && w && !b && u(typeof _ == "number" && _ !== -1 ? {
+      type: "field",
+      field: "selectState",
+      value: C.Default
+    } : {
+      type: "field",
+      field: "selectState",
+      value: C.Error
+    });
+  }, [w, b, a, _]);
+  const P = (f, E) => {
+    u({ type: "select", value: E }), h && h(E), c && c((re) => ({
+      ...re,
+      [f]: B[E]
+    }));
+  }, ee = le(() => {
+    u({ type: "close" });
+  }), [te, H] = V();
+  return (
+    // <div ref={nodeDOM}>
+    /* @__PURE__ */ I(
+      G,
+      {
+        ref: ee,
+        display: U.Flex,
+        flexDirection: se.Column,
+        style: { width: i, maxWidth: i },
+        children: [
+          /* @__PURE__ */ n("div", { ref: te, children: /* @__PURE__ */ n(
+            Ce,
+            {
+              w: i,
+              setOpenDropdown: () => u({ type: "open-close" }),
+              selectState: k,
+              setSelectState: (f) => u({ type: "field", field: "selectState", value: f }),
+              openDropdown: b,
+              title: t,
+              doubleZero: s,
+              selectedValues: B.filter((f) => f.selected === !0),
+              selectedValueStyles: L,
+              options: o
+            }
+          ) }),
+          /* @__PURE__ */ n(
+            we,
+            {
+              isSelectOpen: b,
+              closeSelect: () => u({ type: "close" }),
+              selectOptions: B,
+              handleSelectItem: P,
+              selectState: k,
+              dropdownHeightStyle: d,
+              dropdownPosition: y,
+              colorSet: g,
+              headerHeight: H.height,
+              w: H.width
+            }
+          )
+        ]
+      }
+    )
+  );
+};
+export {
+  je as S
+};

package/dist/SelectSpring-DFKWTbF1.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const r=require("react/jsx-runtime"),M=require("./component-B1mkowwk.cjs"),T=require("./generics-DE1oV0MV.cjs"),y=require("./classes-HsjFV5aN.cjs"),n=require("./types-DevrYOgX.cjs"),f=require("react"),F=require("./web-yC_cLoAC.cjs"),N=require("./useClickOutsideDOM-Dd6ewH8B.cjs"),_=require("./component-D-EEi7NI.cjs"),b=require("./component-Bh3EPTN0.cjs"),a=require("./generics-9F1CmKPb.cjs"),w=require("./react-spring_web.modern-W3Nkoq_6.cjs"),k=require("./component-D_igOAz3.cjs"),V=require("./component-BbvCmqLI.cjs"),h=require("./values-C40_Fyfk.cjs"),$=require("./UIcon-B5rpDmHC.cjs"),Z="_ul_5jv7w_1",G="_li_5jv7w_5",z={ul:Z,li:G},R={[n.DropdownPositions.Top]:{from:{y:-10},enter:{y:-1},leave:{y:-10}},[n.DropdownPositions.Bottom]:{from:{y:10},enter:{y:-1},leave:{y:10}}},J=({dropdownHeightStyle:e,isOpen:t,dropdownPosition:s,position:o,selectState:i,children:l})=>{switch(e){case n.DropdownHeightStyles.Default:return r.jsx(B,{dropdownHeightStyle:e,isOpen:t,dropdownPosition:s,position:o,selectState:i,children:l});case n.DropdownHeightStyles.AutoHeight:return r.jsx(X,{dropdownHeightStyle:e,isOpen:t,dropdownPosition:s,position:o,selectState:i,children:l});default:return r.jsx(B,{dropdownHeightStyle:e,isOpen:t,dropdownPosition:s,position:o,selectState:i,children:l})}},B=({isOpen:e,dropdownPosition:t,position:s,children:o})=>w.useTransition(e,{from:{opacity:0,...R[t].from},enter:{opacity:1,...R[t].enter},leave:{opacity:0,...R[t].leave}})((l,c)=>c&&r.jsx(k.F__Ul,{style:{...l,transformOrigin:t===n.DropdownPositions.Top?"bottom center":t===n.DropdownPositions.Bottom?"top center":s<0?"bottom center":"top center"},className:z.ul,children:o})),X=({isOpen:e,dropdownPosition:t,position:s,children:o})=>w.useTransition(e,{from:{opacity:0,scaleY:0},enter:{opacity:1,scaleY:1},leave:{opacity:0,scaleY:.5},config(l,c,d){return d==="leave"?{duration:100}:w.config.default}})((l,c)=>c&&r.jsx(k.F__Ul,{style:{...l,transformOrigin:t===n.DropdownPositions.Top?"bottom center":t===n.DropdownPositions.Bottom?"top center":s<0?"bottom center":"top center"},className:z.ul,children:o})),K=({handleSelectItem:e,id:t,idx:s,children:o,colorSet:i})=>{const[l,c]=w.useSpring(()=>({backgroundColor:h.COLOR_VALUES[T.ColorPalettes.Grey2]}));return r.jsx(V.F__Li,{className:z.li,paddingTop:a.Spacings.Size1,paddingBottom:a.Spacings.Size1,paddingLeft:a.Spacings.Size2,paddingRight:a.Spacings.Size2,marginTop:a.Spacings.Size0,style:{listStyle:"none",cursor:"pointer",userSelect:"none",...l},onMouseEnter:()=>{c.start({backgroundColor:h.COLOR_VALUES[h.ColorRanges[i][0]+2]})},onMouseLeave:()=>{c.start({backgroundColor:h.COLOR_VALUES[T.ColorPalettes.Grey2]})},onMouseDown:()=>{c.start({backgroundColor:h.COLOR_VALUES[h.ColorRanges[i][0]+3]})},onClick:()=>e(t,s),children:o})},Q=(e,t)=>{const[s,o]=f.useState(null);f.useEffect(()=>{const l=()=>{o({width:window?window.innerWidth:0,height:window?window.innerHeight:0})};return window&&window.addEventListener("resize",l),()=>{window&&window.removeEventListener("resize",l)}},[]);const i=e.height+10;return s&&i+e.top>s.height?-1:1},ee=({isSelectOpen:e,selectOptions:t,handleSelectItem:s,selectState:o,dropdownHeightStyle:i,dropdownPosition:l=n.DropdownPositions.Bottom,colorSet:c,headerHeight:d,w:m})=>{const[v,x]=F.useMeasure(),C=Q(x),g=C>0?d-1:-x.height;return r.jsx(_.Container,{ref:v,borderRadius:n.SELECT_STATES[o].dropdown.borderRadius,borderBottomLeftRadius:a.Radiuses.Size0,borderBottomRightRadius:a.Radiuses.Size0,borderWidth:n.SELECT_STATES[o].header.borderWidth,borderColor:n.SELECT_STATES[o].header.borderColor,style:{maxHeight:250,width:m,overflowY:"scroll",position:"absolute",transform:`translateY(${g}px)`,overscrollBehaviorY:"none"},children:r.jsx(J,{dropdownHeightStyle:i,isOpen:e,dropdownPosition:l,selectState:o,position:C,children:t.map((u,E)=>r.jsx(K,{handleSelectItem:s,id:u.id,idx:E,colorSet:c,children:r.jsx(_.Container,{paddingTop:a.Spacings.Size1,paddingBottom:a.Spacings.Size1,paddingLeft:a.Spacings.Size2,paddingRight:a.Spacings.Size2,children:r.jsx(b.Text_Span,{children:u.text})})},u.id))})})},te=({selectedValues:e,doubleZero:t,title:s,selectedValueStyles:o=n.SelectedValuesStyles.Text,sizes:i=n.SelectSizes.Medium})=>(e.length===1&&e[0].text,e.length<1?r.jsx(oe,{sizes:i,title:s}):o===n.SelectedValuesStyles.Text?r.jsx(r.Fragment,{children:e.map((l,c)=>r.jsx(b.Text_Span,{fontSize:n.SELECT_SIZES[i].font.size,children:l.text},c))}):r.jsx(r.Fragment,{children:e.map((l,c)=>r.jsx(b.Text_Span,{fontSize:n.SELECT_SIZES[i].font.size,children:l.text},c))})),oe=({title:e,sizes:t})=>r.jsx(b.Text_Span,{fontSize:n.SELECT_SIZES[t].font.size,children:e}),ne=({setOpenDropdown:e,openDropdown:t,title:s,doubleZero:o,selectState:i,selectedValues:l,selectedValueStyles:c,sizes:d=n.SelectSizes.Medium})=>r.jsx(_.Container,{style:{cursor:"pointer"},paddingTop:a.Spacings.Size1,paddingBottom:a.Spacings.Size1,paddingLeft:a.Spacings.Size2,paddingRight:a.Spacings.Size2,borderRadius:n.SELECT_STATES[i].header.borderRadius,borderWidth:n.SELECT_STATES[i].header.borderWidth,borderColor:n.SELECT_STATES[i].header.borderColor,borderTopLeftRadius:t?a.Radiuses.Size0:void 0,borderTopRightRadius:t?a.Radiuses.Size0:void 0,bgColor:n.SELECT_STATES[i].header.bgColor,onClick:()=>e(m=>!m),children:r.jsxs(M.Layout,{display:y.Displays.Flex,flexAlignItem:y.FlexAlignItems.Center,flexJustifyContent:y.FlexJustifyContents.SpaceBetween,children:[r.jsx(te,{sizes:d,selectedValues:l,doubleZero:o,title:s,selectedValueStyles:c}),r.jsx("div",{className:"icon",children:r.jsx(re,{isSelectOpen:t,sizes:d})})]})}),re=({isSelectOpen:e,sizes:t,cursor:s=a.Cursors.Pointer})=>{const o=w.useSpring({rotateX:e?180:0});return r.jsx(_.Container,{style:o,children:r.jsx($.UIcon,{name:"chevron-down",colorLight:T.ColorPalettes.Grey5,colorDark:T.ColorPalettes.Grey5,size:n.SELECT_SIZES[t].icon.size,cursor:s})})};function se(e,t){switch(t.type){case"field":return{...e,[t.field]:t.value};case"select":return{...e,selectedItemIdx:t.value,selectOptions:e.selectOptions.map((s,o)=>t.value===o?{...s,selected:!0}:{...s,selected:!1}),openDropdown:!1,selectState:n.SelectStates.Selected};case"open":return{...e,openDropdown:!0};case"close":return{...e,openDropdown:!1};case"open-close":return{...e,openDropdown:!e.openDropdown};case"parent-update-selected":return{...e,selectedItemIdx:t.value,selectOptions:e.selectOptions.map((s,o)=>({...s,selected:o===t.value}))};default:return e}}const ie=({id:e,title:t,options:s,selectedIdx:o=null,w:i=225,doubleZero:l=!1,required:c=!1,dropdownHeightStyle:d=n.DropdownHeightStyles.AutoHeight,state:m=n.SelectStates.Default,selectedValuesStyle:v=n.SelectedValuesStyles.Text,colorSet:x=T.ColorSets.Primarys,dropdownPosition:C=n.DropdownPositions.Bottom,setSelectedIdx:g,setInput:u})=>{const[E,H]=f.useState(!1),[I,p]=f.useReducer(se,{selectState:m,openDropdown:!1,selectedItemIdx:o,selectOptions:s}),{openDropdown:D,selectedItemIdx:L,selectOptions:j,selectState:A}=I;f.useEffect(()=>{H(!0),typeof o=="number"&&(g&&g(o),u&&u(S=>({...S,[e]:s[o]})))},[]),f.useEffect(()=>{typeof o=="number"&&p({type:"parent-update-selected",value:o})},[o]),f.useEffect(()=>{c&&E&&!D&&p(typeof L=="number"&&L!==-1?{type:"field",field:"selectState",value:n.SelectStates.Default}:{type:"field",field:"selectState",value:n.SelectStates.Error})},[E,D,c,L]);const P=(S,O)=>{p({type:"select",value:O}),g&&g(O),u&&u(Y=>({...Y,[S]:j[O]}))},W=N.useClickOutsideDOM(()=>{p({type:"close"})}),[U,q]=F.useMeasure();return r.jsxs(M.Layout,{ref:W,display:y.Displays.Flex,flexDirection:y.FlexDirections.Column,style:{width:i,maxWidth:i},children:[r.jsx("div",{ref:U,children:r.jsx(ne,{w:i,setOpenDropdown:()=>p({type:"open-close"}),selectState:A,setSelectState:S=>p({type:"field",field:"selectState",value:S}),openDropdown:D,title:t,doubleZero:l,selectedValues:j.filter(S=>S.selected===!0),selectedValueStyles:v,options:s})}),r.jsx(ee,{isSelectOpen:D,closeSelect:()=>p({type:"close"}),selectOptions:j,handleSelectItem:P,selectState:A,dropdownHeightStyle:d,dropdownPosition:C,colorSet:x,headerHeight:q.height,w:q.width})]})};exports.SelectSpring=ie;

package/dist/SpringEnter-CPw1YgNg.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),c=require("./react-spring_web.modern-W3Nkoq_6.cjs"),l=require("./component-D-EEi7NI.cjs"),r={horizontal:{from:{x:10},enter:{x:0},leave:{x:-10}},vertical:{from:{y:10},enter:{y:0},leave:{y:-10}},verticalInverted:{from:{y:-10},enter:{y:0},leave:{y:10}}},y=({direction:e,isShown:t=!0,children:i})=>{const o=c.useTransition(t,{from:{...r[e].from,opacity:0,display:"none"},enter:{...r[e].enter,opacity:1,display:"block"},leave:{...r[e].leave,opacity:0,display:"none"}});return n.jsx(n.Fragment,{children:o((a,s)=>s&&n.jsx(l.Container,{style:{...a,height:"inherit",width:"inherit",overflow:"hidden"},children:i}))})};exports.SpringEnter=y;

package/dist/SpringEnter-CoVZpW-c.js

@@ -0,0 +1,44 @@
+import { jsx as t, Fragment as s } from "react/jsx-runtime";
+import { d as m } from "./react-spring_web.modern-DUf5COpz.js";
+import { C as y } from "./component-CGEZuC_0.js";
+const r = {
+  horizontal: {
+    from: { x: 10 },
+    enter: { x: 0 },
+    leave: { x: -10 }
+  },
+  vertical: {
+    from: { y: 10 },
+    enter: { y: 0 },
+    leave: { y: -10 }
+  },
+  verticalInverted: {
+    from: { y: -10 },
+    enter: { y: 0 },
+    leave: { y: 10 }
+  }
+}, v = ({ direction: e, isShown: n = !0, children: o }) => {
+  const i = m(n, {
+    from: { ...r[e].from, opacity: 0, display: "none" },
+    enter: { ...r[e].enter, opacity: 1, display: "block" },
+    leave: { ...r[e].leave, opacity: 0, display: "none" }
+    // delay: 150,
+  });
+  return /* @__PURE__ */ t(s, { children: i(
+    (a, l) => l && /* @__PURE__ */ t(
+      y,
+      {
+        style: {
+          ...a,
+          height: "inherit",
+          width: "inherit",
+          overflow: "hidden"
+        },
+        children: o
+      }
+    )
+  ) });
+};
+export {
+  v as S
+};

package/dist/{SpringEnterOffsetBy-DMSIQgV3.js → SpringEnterOffsetBy-BKglENgZ.js}

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as m } from "react/jsx-runtime";
-import { d as p } from "./react-spring_web.modern-DgQDaJ06.js";
-import { C as h } from "./component-C1Gs4nVu.js";
+import { d as p } from "./react-spring_web.modern-DUf5COpz.js";
+import { C as h } from "./component-CGEZuC_0.js";
 const e = {
   horizontal: {
     from: (o) => ({ x: 10 * o }),

package/dist/SpringMenuTransition-B_PoFoqO.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),c=require("./react-spring_web.modern-W3Nkoq_6.cjs"),u=require("./component-D-EEi7NI.cjs"),h=require("./generics-9F1CmKPb.cjs"),a=require("./web-yC_cLoAC.cjs"),d=({isOpen:e,children:n})=>{const[r,t]=a.useMeasure(),[o,s]=c.useSpring(()=>({opacity:0,height:0,width:0}));return s.start({opacity:e?1:0,height:e?t.height:0,width:e?t.width:0}),i.jsx(u.Container,{style:{position:"absolute",overflow:"hidden",...o},boxSizing:h.BoxSizings.BorderBox,children:i.jsx("div",{ref:r,style:{width:"max-content",height:"max-content",boxSizing:"border-box"},children:n})})};exports.SpringMenuTransition=d;