@functionalui/functionalui 0.2.6 → 0.2.8

package/dist/select-spring/index.mjs

@@ -1,471 +1,5 @@
 "use client";
-import { jsx as n, Fragment as Y, jsxs as I } from "react/jsx-runtime";
-import { L as G } from "../component-DRXQXr2G.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-C1Gs4nVu.js";
-import { T as O } from "../component-BvHdlcdE.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-DgQDaJ06.js";
-import { F as K } from "../component-D5nxKQnT.js";
-import { F as ue } from "../component-DCHO9d6d.js";
-import { a as v, c as N } from "../values-CSE3dLnv.js";
-import { U as pe } from "../UIcon-BHzbeYWw.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
-            }
-          )
-        ]
-      }
-    )
-  );
-};
+import { S as t } from "../SelectSpring-BOfRXdag.js";
 export {
-  je as SelectSpring
+  t as SelectSpring
 };

package/dist/spring-enter/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../react-spring_web.modern-W3Nkoq_6.cjs"),c=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=l.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(c.Container,{style:{...a,height:"inherit",width:"inherit",overflow:"hidden"},children:i}))})};exports.SpringEnter=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../SpringEnter-CPw1YgNg.cjs");exports.SpringEnter=e.SpringEnter;

package/dist/spring-enter/index.mjs

@@ -1,45 +1,5 @@
 "use client";
-import { jsx as t, Fragment as s } from "react/jsx-runtime";
-import { d as m } from "../react-spring_web.modern-DgQDaJ06.js";
-import { C as y } from "../component-C1Gs4nVu.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
-      }
-    )
-  ) });
-};
+import { S as n } from "../SpringEnter-CoVZpW-c.js";
 export {
-  v as SpringEnter
+  n as SpringEnter
 };

package/dist/spring-enter-offset-by/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { S as t } from "../SpringEnterOffsetBy-DMSIQgV3.js";
+import { S as t } from "../SpringEnterOffsetBy-BKglENgZ.js";
 export {
   t as SpringEnterOffsetBy
 };

package/dist/spring-menu-transition/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("../react-spring_web.modern-W3Nkoq_6.cjs"),u=require("../component-D-EEi7NI.cjs"),a=require("../generics-9F1CmKPb.cjs"),d=require("../web-yC_cLoAC.cjs"),g=({isOpen:e,children:n})=>{const[o,t]=d.useMeasure(),[r,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",...r},boxSizing:a.BoxSizings.BorderBox,children:i.jsx("div",{ref:o,style:{width:"max-content",height:"max-content",boxSizing:"border-box"},children:n})})};exports.SpringMenuTransition=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../SpringMenuTransition-B_PoFoqO.cjs");exports.SpringMenuTransition=n.SpringMenuTransition;

package/dist/spring-menu-transition/index.mjs

@@ -1,43 +1,5 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { u as a } from "../react-spring_web.modern-DgQDaJ06.js";
-import { C as h } from "../component-C1Gs4nVu.js";
-import { c as m } from "../generics-C-WSPclF.js";
-import { u as d } from "../web-B_p0FWHf.js";
-const f = ({ isOpen: t, children: r }) => {
-  const [e, o] = d(), [n, s] = a(() => ({
-    opacity: 0,
-    height: 0,
-    width: 0
-  }));
-  return s.start({
-    opacity: t ? 1 : 0,
-    height: t ? o.height : 0,
-    width: t ? o.width : 0
-  }), /* @__PURE__ */ i(
-    h,
-    {
-      style: {
-        position: "absolute",
-        overflow: "hidden",
-        ...n
-      },
-      boxSizing: m.BorderBox,
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          ref: e,
-          style: {
-            width: "max-content",
-            height: "max-content",
-            boxSizing: "border-box"
-          },
-          children: r
-        }
-      )
-    }
-  );
-};
+import { S as i } from "../SpringMenuTransition-CzSfyvDZ.js";
 export {
-  f as SpringMenuTransition
+  i as SpringMenuTransition
 };

package/dist/spring-open-close-height/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../component-D-EEi7NI.cjs"),c=require("../web-yC_cLoAC.cjs"),u=({isOpen:e,children:o})=>{const[i,r]=c.useMeasure(),s={height:e?r.height:0,width:"auto",overflow:"hidden",opacity:e?1:0};return t.jsx(n.Container,{style:s,children:t.jsx("div",{ref:i,children:t.jsx(n.Container,{style:{height:"max-content"},children:o})})})};exports.SpringOpenCloseHeight=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../SpringOpenCloseHeight-CyxsSgRD.cjs");exports.SpringOpenCloseHeight=e.SpringOpenCloseHeight;

package/dist/spring-open-close-height/index.mjs

@@ -1,19 +1,5 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { C as o } from "../component-C1Gs4nVu.js";
-import { u as s } from "../web-B_p0FWHf.js";
-const m = ({
-  isOpen: t,
-  children: i
-}) => {
-  const [n, r] = s(), h = {
-    height: t ? r.height : 0,
-    width: "auto",
-    overflow: "hidden",
-    opacity: t ? 1 : 0
-  };
-  return /* @__PURE__ */ e(o, { style: h, children: /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(o, { style: { height: "max-content" }, children: i }) }) });
-};
+import { S as n } from "../SpringOpenCloseHeight-COvFkc30.js";
 export {
-  m as SpringOpenCloseHeight
+  n as SpringOpenCloseHeight
 };

package/dist/styled/button/index.mjs

@@ -1,4 +1,4 @@
-import { F as r } from "../../component-CW2JPBAq.js";
+import { F as r } from "../../component-89pO-V2r.js";
 export {
   r as F__Button
 };

package/dist/styled/inputs/text/index.mjs

@@ -1,4 +1,4 @@
-import { F as o } from "../../../component-CBIQe7z5.js";
+import { F as o } from "../../../component-JelkpADf.js";
 export {
   o as F__TextInput
 };

package/dist/styled/inputs/text-area/index.mjs

@@ -1,4 +1,4 @@
-import { F as a } from "../../../component-DdQu0mLI.js";
+import { F as a } from "../../../component-SecZNuYG.js";
 export {
   a as F__TextArea
 };

package/dist/styled/li/index.mjs

@@ -1,4 +1,4 @@
-import { F } from "../../component-DCHO9d6d.js";
+import { F } from "../../component-DBDhHeDP.js";
 export {
   F as F__Li
 };

package/dist/styled/ul/index.mjs

@@ -1,4 +1,4 @@
-import { F } from "../../component-D5nxKQnT.js";
+import { F } from "../../component-DP7cQasn.js";
 export {
   F as F__Ul
 };

package/dist/table-grid/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),x=require("../component-D-EEi7NI.cjs"),w=require("../component-B1mkowwk.cjs"),o=require("../classes-HsjFV5aN.cjs"),b=require("../TableHeader-BAdYoCbb.cjs"),j=require("../TableRow-Bq58CTbU.cjs"),y=({headers:l=[],rows:i=[],templateColumns:t,emptyPlaceholder:r,hover:c=!0})=>{const[n,a]=d.useState(i);return e.jsxs(x.Container,{style:{flex:1,width:"100%",maxWidth:"100%"},children:[e.jsx(b.TableHeader,{headers:l,templateColumns:t,setTableRows:a}),n.length!==0?e.jsx(e.Fragment,{children:n.map((s,u)=>e.jsx(j.TableRow,{rowId:s.rowId,templateColumns:t,cells:s.cells,hover:c,onClickRow:s.onClickRow},s.rowId||u))}):r?e.jsx(w.Layout,{display:o.Displays.Flex,flexJustifyContent:o.FlexJustifyContents.Center,style:{width:"100%"},children:r}):e.jsx(e.Fragment,{})]})};exports.TableGrid=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TableGrid-BYBVHJt9.cjs");exports.TableGrid=e.TableGrid;