@functionalui/functionalui 0.2.6 → 0.2.7

package/dist/table-grid/index.mjs

@@ -1,49 +1,5 @@
 "use client";
-import { jsxs as m, jsx as o, Fragment as l } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { C as c } from "../component-C1Gs4nVu.js";
-import { L as p } from "../component-DRXQXr2G.js";
-import { j as x, b } from "../classes-CVxy1f4M.js";
-import { T as h } from "../TableHeader-Da0XxILB.js";
-import { T as u } from "../TableRow-BlJSvake.js";
-const g = ({
-  headers: i = [],
-  rows: a = [],
-  templateColumns: t,
-  emptyPlaceholder: e,
-  hover: n = !0
-}) => {
-  const [s, d] = w(a);
-  return /* @__PURE__ */ m(c, { style: { flex: 1, width: "100%", maxWidth: "100%" }, children: [
-    /* @__PURE__ */ o(
-      h,
-      {
-        headers: i,
-        templateColumns: t,
-        setTableRows: d
-      }
-    ),
-    s.length !== 0 ? /* @__PURE__ */ o(l, { children: s.map((r, f) => /* @__PURE__ */ o(
-      u,
-      {
-        rowId: r.rowId,
-        templateColumns: t,
-        cells: r.cells,
-        hover: n,
-        onClickRow: r.onClickRow
-      },
-      r.rowId || f
-    )) }) : e ? /* @__PURE__ */ o(
-      p,
-      {
-        display: b.Flex,
-        flexJustifyContent: x.Center,
-        style: { width: "100%" },
-        children: e
-      }
-    ) : /* @__PURE__ */ o(l, {})
-  ] });
-};
+import { T as a } from "../TableGrid-QlKM9Sdp.js";
 export {
-  g as TableGrid
+  a as TableGrid
 };

package/dist/table-header/index.mjs

@@ -1,4 +1,4 @@
-import { T as r } from "../TableHeader-Da0XxILB.js";
+import { T as r } from "../TableHeader-D3V5Z3JL.js";
 export {
   r as TableHeader
 };

package/dist/table-row/index.mjs

@@ -1,4 +1,4 @@
-import { T as e } from "../TableRow-BlJSvake.js";
+import { T as e } from "../TableRow-DKC9qdjQ.js";
 export {
   e as TableRow
 };

package/dist/tabs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../component-D-EEi7NI.cjs"),p=require("../component-B1mkowwk.cjs"),h=require("../generics-DE1oV0MV.cjs"),i=require("../generics-9F1CmKPb.cjs"),r=require("../classes-HsjFV5aN.cjs"),g=require("react"),m=require("../web-yC_cLoAC.cjs"),f=require("../component-Bh3EPTN0.cjs"),C=require("../react-spring_web.modern-W3Nkoq_6.cjs"),b=({menu:t,setActiveItem:n,idx:s,menuWrapper:o,route:l})=>{const d=()=>{n(s)};return e.jsx(j,{Wrapper:o,route:l,children:e.jsx(c.Container,{onClick:()=>d(),paddingLeft:i.Spacings.Size3,paddingRight:i.Spacings.Size3,paddingTop:i.Spacings.Size2,paddingBottom:i.Spacings.Size2,style:{zIndex:11,cursor:"pointer",userSelect:"none"},children:e.jsx(p.Layout,{display:r.Displays.Flex,flexJustifyContent:r.FlexJustifyContents.Center,flexAlignItem:r.FlexAlignItems.Center,children:e.jsx(f.Text_Span,{style:{zIndex:12},children:t.name})})})})};function j({Wrapper:t,route:n,children:s}){if(typeof t<"u")return e.jsx(t,{href:n,children:s})}const z=({height:t,tabRoomWidth:n,activeItem:s})=>{const[o,l]=C.useSpring(()=>({from:{x:0}}));return l.start({x:n*s}),e.jsx(c.Container,{borderRadius:i.Radiuses.Size5,boxShadow:i.BoxShadows.Size1,padding:i.Spacings.Size1,boxSizing:i.BoxSizings.BorderBox,style:{position:"absolute",height:t,width:n,zIndex:10,...o},children:e.jsx(c.Container,{borderRadius:i.Radiuses.Size4,bgColor:h.ColorPalettes.Grey2,style:{width:"100%",height:"100%"},children:e.jsx(e.Fragment,{})})})},I=({tabMenu:t,tab:n,setTab:s})=>{const[o,l]=g.useState(n||0);g.useEffect(()=>{l(n)},[n]);const d=a=>{s&&s(a),l(a)},[S,u]=m.useMeasure(),y=u.width/t.length;return e.jsx(p.Layout,{display:r.Displays.Flex,flexJustifyContent:r.FlexJustifyContents.Center,flexAlignItem:r.FlexAlignItems.Center,children:e.jsx("div",{ref:S,style:{boxSizing:"border-box"},children:e.jsx(c.Container,{borderRadius:i.Radiuses.Size5,bgColor:h.ColorPalettes.Grey1,style:{width:"max-content",height:"max-content",position:"relative",zIndex:9},children:e.jsxs(p.Layout,{display:r.Displays.Grid,style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`,position:"relative"},children:[e.jsx(z,{height:u.height,width:u.width,activeItem:o,tabRoomWidth:y}),t.map((a,x)=>e.jsx(b,{idx:x,menu:a,active:o===x,setActiveItem:d,menuWrapper:a.menuWrapper,route:a.route},x))]})})})})};exports.Tabs=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Tabs-C8VAb1g0.cjs");exports.Tabs=e.Tabs;

package/dist/tabs/index.mjs

@@ -1,134 +1,4 @@
-import { jsx as e, Fragment as z, jsxs as C } from "react/jsx-runtime";
-import { C as d } from "../component-C1Gs4nVu.js";
-import { L as c } from "../component-DRXQXr2G.js";
-import { C as u } from "../generics-D33J7ILI.js";
-import { S as a, c as b, b as I, R as h } from "../generics-C-WSPclF.js";
-import { h as x, j as g, b as f } from "../classes-CVxy1f4M.js";
-import { useState as w, useEffect as R } from "react";
-import { u as T } from "../web-B_p0FWHf.js";
-import { T as v } from "../component-BvHdlcdE.js";
-import { u as A } from "../react-spring_web.modern-DgQDaJ06.js";
-const B = ({ menu: t, setActiveItem: i, idx: r, menuWrapper: o, route: n }) => {
-  const l = () => {
-    i(r);
-  };
-  return /* @__PURE__ */ e(F, { Wrapper: o, route: n, children: /* @__PURE__ */ e(
-    d,
-    {
-      onClick: () => l(),
-      paddingLeft: a.Size3,
-      paddingRight: a.Size3,
-      paddingTop: a.Size2,
-      paddingBottom: a.Size2,
-      style: { zIndex: 11, cursor: "pointer", userSelect: "none" },
-      children: /* @__PURE__ */ e(
-        c,
-        {
-          display: f.Flex,
-          flexJustifyContent: g.Center,
-          flexAlignItem: x.Center,
-          children: /* @__PURE__ */ e(v, { style: { zIndex: 12 }, children: t.name })
-        }
-      )
-    }
-  ) });
-};
-function F({ Wrapper: t, route: i, children: r }) {
-  if (typeof t < "u")
-    return /* @__PURE__ */ e(t, { href: i, children: r });
-}
-const j = ({ height: t, tabRoomWidth: i, activeItem: r }) => {
-  const [o, n] = A(() => ({
-    from: { x: 0 }
-  }));
-  return n.start({ x: i * r }), /* @__PURE__ */ e(
-    d,
-    {
-      borderRadius: h.Size5,
-      boxShadow: I.Size1,
-      padding: a.Size1,
-      boxSizing: b.BorderBox,
-      style: {
-        position: "absolute",
-        height: t,
-        width: i,
-        zIndex: 10,
-        ...o
-      },
-      children: /* @__PURE__ */ e(
-        d,
-        {
-          borderRadius: h.Size4,
-          bgColor: u.Grey2,
-          style: { width: "100%", height: "100%" },
-          children: /* @__PURE__ */ e(z, {})
-        }
-      )
-    }
-  );
-}, $ = ({ tabMenu: t, tab: i, setTab: r }) => {
-  const [o, n] = w(i || 0);
-  R(() => {
-    n(i);
-  }, [i]);
-  const l = (s) => {
-    r && r(s), n(s);
-  }, [S, p] = T(), y = p.width / t.length;
-  return /* @__PURE__ */ e(
-    c,
-    {
-      display: f.Flex,
-      flexJustifyContent: g.Center,
-      flexAlignItem: x.Center,
-      children: /* @__PURE__ */ e("div", { ref: S, style: { boxSizing: "border-box" }, children: /* @__PURE__ */ e(
-        d,
-        {
-          borderRadius: h.Size5,
-          bgColor: u.Grey1,
-          style: {
-            width: "max-content",
-            height: "max-content",
-            position: "relative",
-            zIndex: 9
-          },
-          children: /* @__PURE__ */ C(
-            c,
-            {
-              display: f.Grid,
-              style: {
-                gridTemplateColumns: `repeat(${t.length}, 1fr)`,
-                position: "relative"
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  j,
-                  {
-                    height: p.height,
-                    width: p.width,
-                    activeItem: o,
-                    tabRoomWidth: y
-                  }
-                ),
-                t.map((s, m) => /* @__PURE__ */ e(
-                  B,
-                  {
-                    idx: m,
-                    menu: s,
-                    active: o === m,
-                    setActiveItem: l,
-                    menuWrapper: s.menuWrapper,
-                    route: s.route
-                  },
-                  m
-                ))
-              ]
-            }
-          )
-        }
-      ) })
-    }
-  );
-};
+import { T as r } from "../Tabs-BkUyxceG.js";
 export {
-  $ as Tabs
+  r as Tabs
 };

package/dist/tag-color/index.mjs

@@ -1,4 +1,4 @@
-import { T as a } from "../TagColor-BYKxfOU6.js";
+import { T as a } from "../TagColor-Bd3n3RCF.js";
 export {
   a as TagColor
 };

package/dist/text-area/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),x=require("../component-D-EEi7NI.cjs"),L=require("../component-D92LT0Mq.cjs"),b=require("../generics-DE1oV0MV.cjs"),f=require("../generics-9F1CmKPb.cjs"),e=require("../types-CyVpnRmY.cjs"),_=require("react"),D=require("../useCombinedRef-DZxHQ7PL.cjs"),O=require("../component-Bh3EPTN0.cjs");function P(t,o){_.useEffect(()=>{if(t.current){t.current.style.height="0px";const r=t.current.scrollHeight;t.current.style.height=r+"px"}},[o])}const W=({id:t,label:o,size:r,textAreaColor:n,labelTextColor:s})=>a.jsx(x.Container,{paddingLeft:e.TEXT_AREA_SIZE[r].paddings.left,paddingBottom:e.TEXT_AREA_SIZE[r].paddings.bottom,children:a.jsx("label",{htmlFor:t,children:a.jsx(O.Text_Span,{fontWeight:f.FontWeights.Size3,paletteColor:s&&typeof s=="boolean"?e.TEXT_AREA_COLOR[n].labelColor:b.ColorPalettes.Grey10,fontSize:e.TEXT_AREA_SIZE[r].font.size,children:o})})}),H="_textareaBare_1yf3j_1",Y={textareaBare:H},v=({id:t,name:o,value:r,modes:n=e.TextAreaModes.Default,label:s,required:d=!1,rows:c=1,width:l,fullWidth:T,placeholder:E="Insert text",onChange:X,handleBlur:g,handleFocus:S,handleCheck:p,size:i=e.TextAreaSizes.Default,textAreaStyle:u=e.TextAreaStyles.Default,textAreaColor:h=b.ColorSets.Primarys,labelTextColor:B,noLabel:C,ref:j,...I})=>{const A=_.useRef(null),q=D.useCombinedRef(A,j);P(A,r);const Z=_.useCallback(async m=>{m.preventDefault();const y=m.target.value.trim();if(!(!y||y!=="")){g&&g(),p&&await p();return}},[g,p]),R=_.useCallback(()=>{if(n!==e.TextAreaModes.Disabled)return A.current&&A.current.focus(),S&&S(),!0},[S,n]);return a.jsxs(x.Container,{style:{width:T?"100%":l||350},children:[!C&&a.jsx(W,{id:t,label:s,textAreaColor:h,size:i,labelTextColor:B}),a.jsx(x.Container,{boxSizing:f.BoxSizings.BorderBox,paddingLeft:e.TEXT_AREA_SIZE[i].paddings.left,paddingRight:e.TEXT_AREA_SIZE[i].paddings.right,paddingTop:e.TEXT_AREA_SIZE[i].paddings.top,paddingBottom:e.TEXT_AREA_SIZE[i].paddings.bottom,borderColor:b.ColorPalettes.Primary5,...w(u),style:{paddingTop:u!==e.TextAreaStyles.Outlined&&u!==e.TextAreaStyles.Default?1:"",paddingBottom:u!==e.TextAreaStyles.Outlined&&u!==e.TextAreaStyles.Default?1:"",cursor:"text"},onClick:()=>R(),children:a.jsx(L.F__TextArea,{ref:q,id:t,name:o,value:r,required:d,textOutlineStyle:f.OutlineStyles.None,resize:f.ElementResizes.None,onChange:X,onFocus:R,onBlur:Z,placeholder:E,rows:c,fontSize:e.TEXT_AREA_SIZE[i].font.size,fontWeight:e.TEXT_AREA_SIZE[i].font.weight,className:Y.textareaBare,...I})})]})},w=t=>{var o,r,n,s,d,c,l,T,E;return{borderBottomStyle:(n=(r=(o=e.TEXT_AREA_STYLE[t])==null?void 0:o.borders)==null?void 0:r.bottom)==null?void 0:n.style,borderWidth:(d=(s=e.TEXT_AREA_STYLE[t])==null?void 0:s.borders)==null?void 0:d.width,borderRadius:(l=(c=e.TEXT_AREA_STYLE[t])==null?void 0:c.borders)==null?void 0:l.radius,borderStyle:(E=(T=e.TEXT_AREA_STYLE[t])==null?void 0:T.borders)==null?void 0:E.style}};exports.TextArea=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TextArea-Bsm5M8lo.cjs");exports.TextArea=e.TextArea;

package/dist/text-area/index.mjs

@@ -1,160 +1,5 @@
 "use client";
-import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { C as y } from "../component-C1Gs4nVu.js";
-import { F as z } from "../component-DdQu0mLI.js";
-import { C as R, a as N } from "../generics-D33J7ILI.js";
-import { f as P, c as X, E as v, O as I } from "../generics-C-WSPclF.js";
-import { a as r, T as G, c as E, d as M, e as f, b } from "../types-DNLw5jE2.js";
-import { useEffect as V, useRef as Y, useCallback as C } from "react";
-import { u as Z } from "../useCombinedRef-COuiqHjO.js";
-import { T as k } from "../component-BvHdlcdE.js";
-function q(t, o) {
-  V(() => {
-    if (t.current) {
-      t.current.style.height = "0px";
-      const e = t.current.scrollHeight;
-      t.current.style.height = e + "px";
-    }
-  }, [o]);
-}
-const J = ({
-  id: t,
-  label: o,
-  size: e,
-  textAreaColor: n,
-  labelTextColor: s
-}) => /* @__PURE__ */ a(
-  y,
-  {
-    paddingLeft: r[e].paddings.left,
-    paddingBottom: r[e].paddings.bottom,
-    children: /* @__PURE__ */ a("label", { htmlFor: t, children: /* @__PURE__ */ a(
-      k,
-      {
-        fontWeight: P.Size3,
-        paletteColor: s && typeof s == "boolean" ? G[n].labelColor : R.Grey10,
-        fontSize: r[e].font.size,
-        children: o
-      }
-    ) })
-  }
-), K = "_textareaBare_1yf3j_1", Q = {
-  textareaBare: K
-}, dt = ({
-  // required
-  id: t,
-  name: o,
-  value: e,
-  modes: n = E.Default,
-  label: s,
-  // optional properties
-  required: u = !1,
-  rows: c = 1,
-  width: d,
-  fullWidth: p,
-  placeholder: m = "Insert text",
-  // helperText,
-  // methods
-  onChange: A,
-  handleBlur: T,
-  handleFocus: x,
-  handleCheck: h,
-  // text area styles -- style, sizings
-  size: i = M.Default,
-  textAreaStyle: l = f.Default,
-  textAreaColor: D = N.Primarys,
-  // customization
-  labelTextColor: O,
-  noLabel: L,
-  ref: W,
-  ...F
-}) => {
-  const g = Y(null), H = Z(g, W);
-  q(g, e);
-  const j = C(
-    async (S) => {
-      S.preventDefault();
-      const _ = S.target.value.trim();
-      if (!(!_ || _ !== "")) {
-        T && T(), h && await h();
-        return;
-      }
-    },
-    [T, h]
-  ), B = C(() => {
-    if (n !== E.Disabled)
-      return g.current && g.current.focus(), x && x(), !0;
-  }, [x, n]);
-  return /* @__PURE__ */ w(
-    y,
-    {
-      style: {
-        width: p ? "100%" : d || 350
-        // position: "relative", // to label
-      },
-      children: [
-        !L && /* @__PURE__ */ a(
-          J,
-          {
-            id: t,
-            label: s,
-            textAreaColor: D,
-            size: i,
-            labelTextColor: O
-          }
-        ),
-        /* @__PURE__ */ a(
-          y,
-          {
-            boxSizing: X.BorderBox,
-            paddingLeft: r[i].paddings.left,
-            paddingRight: r[i].paddings.right,
-            paddingTop: r[i].paddings.top,
-            paddingBottom: r[i].paddings.bottom,
-            borderColor: R.Primary5,
-            ...U(l),
-            style: {
-              paddingTop: l !== f.Outlined && l !== f.Default ? 1 : "",
-              paddingBottom: l !== f.Outlined && l !== f.Default ? 1 : "",
-              cursor: "text"
-            },
-            onClick: () => B(),
-            children: /* @__PURE__ */ a(
-              z,
-              {
-                ref: H,
-                id: t,
-                name: o,
-                value: e,
-                required: u,
-                textOutlineStyle: I.None,
-                resize: v.None,
-                onChange: A,
-                onFocus: B,
-                onBlur: j,
-                placeholder: m,
-                rows: c,
-                fontSize: r[i].font.size,
-                fontWeight: r[i].font.weight,
-                className: Q.textareaBare,
-                ...F
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}, U = (t) => {
-  var o, e, n, s, u, c, d, p, m;
-  return {
-    // define the top, left, bottom, right first
-    borderBottomStyle: (n = (e = (o = b[t]) == null ? void 0 : o.borders) == null ? void 0 : e.bottom) == null ? void 0 : n.style,
-    borderWidth: (u = (s = b[t]) == null ? void 0 : s.borders) == null ? void 0 : u.width,
-    borderRadius: (d = (c = b[t]) == null ? void 0 : c.borders) == null ? void 0 : d.radius,
-    borderStyle: (m = (p = b[t]) == null ? void 0 : p.borders) == null ? void 0 : m.style
-  };
-};
+import { T as t } from "../TextArea-Cd3q9BMN.js";
 export {
-  dt as TextArea
+  t as TextArea
 };

package/dist/texts/header/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../../react-spring_web.modern-W3Nkoq_6.cjs"),t=require("../../classes-CtwIjJdw.cjs"),p=require("react");function C(c){function r(u,_){const{paletteColor:s,fontSize:o,fontFamily:a,fontWeight:S,fontStyle:i,textAlign:l,header:d,children:f,...E}=u,n={...E},e=[];s&&e.push(t.FONT_COLOR_CLASSES[s]),o&&e.push(t.FONT_SIZE_CLASSES[o]),a&&e.push(t.FONT_FAMILY_CLASSES[a]),S&&e.push(t.FONT_WEIGHT_CLASSES[S]),i&&e.push(t.FONT_STYLE_CLASSES[i]),l&&e.push(t.TEXT_ALIGN_CLASSES[l]),n.className=[...e,n.className].filter(Boolean).join(" ");const T=d;return p.createElement(m.animated[`${T}`],{ref:_,...n},f)}return r.displayName=`createElement(${String(c)})`,r}const L=C();exports.Text_Header=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../component-BvmPGrYv.cjs");exports.Text_Header=e.Text_Header;

package/dist/texts/header/index.mjs

@@ -1,28 +1,4 @@
-import { a as T } from "../../react-spring_web.modern-DgQDaJ06.js";
-import { q as _, p as d, s as u, r as C, T as L, F as h } from "../../classes-CBD1K4L1.js";
-import { createElement as A } from "react";
-function N(l) {
-  function a(f, c) {
-    const {
-      paletteColor: s,
-      fontSize: o,
-      fontFamily: n,
-      fontWeight: r,
-      fontStyle: S,
-      textAlign: i,
-      header: m,
-      children: p,
-      ...E
-    } = f, t = { ...E }, e = [];
-    return s && e.push(h[s]), o && e.push(_[o]), n && e.push(d[n]), r && e.push(u[r]), S && e.push(C[S]), i && e.push(L[i]), t.className = [...e, t.className].filter(Boolean).join(" "), A(
-      T[`${m}`],
-      { ref: c, ...t },
-      p
-    );
-  }
-  return a.displayName = `createElement(${String(l)})`, a;
-}
-const H = N();
+import { T as a } from "../../component-cHg1BfVy.js";
 export {
-  H as Text_Header
+  a as Text_Header
 };

package/dist/texts/p/index.mjs

@@ -1,4 +1,4 @@
-import { T as r } from "../../component-D0wwK4KY.js";
+import { T as r } from "../../component-D-bBH8nL.js";
 export {
   r as Text_P
 };

package/dist/texts/span/index.mjs

@@ -1,4 +1,4 @@
-import { T as o } from "../../component-BvHdlcdE.js";
+import { T as o } from "../../component-BbiEBU5H.js";
 export {
   o as Text_Span
 };

package/dist/toggle-switch/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),T=require("../react-spring_web.modern-W3Nkoq_6.cjs"),n=require("../component-D-EEi7NI.cjs"),I=require("../UIcon-B5rpDmHC.cjs"),w=require("../LabelText-BUslE9cx.cjs"),e=require("../types-BzOxElrp.cjs"),x=require("react"),C=require("../web-yC_cLoAC.cjs"),L="_toggleContainer_15eps_1",O="_toggleBg_15eps_15",p="_toggleThumb_15eps_33",r={toggleContainer:L,toggleBg:O,toggleThumb:p},y=({isTrue:s,setIsTrue:_,size:t=e.ToggleSizes.Medium,icon:g="",toggleState:i=e.ToggleStates.Icon,description:c=""})=>{var h,u;const E=T.useSpring({backgroundColor:s?"#4BD763":"#cccccc"}),[S,b]=T.useSpring(()=>({x:0}));b.start({x:s?26:0});const[m,l]=x.useState(!1),[G,a]=C.useMeasure();return o.jsxs(n.Container,{className:r.toggleContainer,tabIndex:1,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onClick:()=>_(d=>!d),style:{width:e.TOGGLE_SIZE[t].container.w,height:e.TOGGLE_SIZE[t].container.h},children:[o.jsx(n.Container,{style:{...E,position:"relative"},children:o.jsx(n.Container,{className:r.toggleBg,style:{width:e.TOGGLE_SIZE[t].bg.w,height:e.TOGGLE_SIZE[t].bg.h}})}),o.jsx(n.Container,{style:{position:"relative",...S},children:o.jsxs(n.Container,{className:r.toggleThumb,ref:G,style:{width:e.TOGGLE_SIZE[t].thumb.w,height:e.TOGGLE_SIZE[t].thumb.h},children:[c!==""&&o.jsx(w.LabelText,{labelName:c,hover:m,offsetX:a.width/2,y:a.height+5}),g!==""&&o.jsx(I.UIcon,{name:i===e.ToggleStates.Icon?g:e.TOGGLE_STATE_ICON[i],width:(h=e.TOGGLE_SIZE[t].icon)==null?void 0:h.w,height:(u=e.TOGGLE_SIZE[t].icon)==null?void 0:u.h})]})})]})};exports.ToggleSwitch=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ToggleSwitch-D6ltRmPy.cjs");exports.ToggleSwitch=e.ToggleSwitch;

package/dist/toggle-switch/index.mjs

@@ -1,100 +1,4 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { u as p } from "../react-spring_web.modern-DgQDaJ06.js";
-import { C as n } from "../component-C1Gs4nVu.js";
-import { U as y } from "../UIcon-BHzbeYWw.js";
-import { L as v } from "../LabelText-D7QIWtWj.js";
-import { T as t, b as I, a as S, c as b } from "../types-B6XaG3V2.js";
-import { useState as B } from "react";
-import { u as E } from "../web-B_p0FWHf.js";
-const L = "_toggleContainer_15eps_1", N = "_toggleBg_15eps_15", G = "_toggleThumb_15eps_33", r = {
-  toggleContainer: L,
-  toggleBg: N,
-  toggleThumb: G
-}, X = ({
-  isTrue: s,
-  setIsTrue: f,
-  size: o = I.Medium,
-  icon: a = "",
-  toggleState: g = b.Icon,
-  description: i = ""
-}) => {
-  var h, m;
-  const d = p({
-    backgroundColor: s ? "#4BD763" : "#cccccc"
-    // position: "relative",
-    // config: {
-    //   duration: 150,
-    // }
-  }), [T, _] = p(() => ({
-    x: 0
-    // config: {
-    //   duration: 50,
-    // }
-  }));
-  _.start({
-    x: s ? 26 : 0
-    // config: {
-    //   duration: 50,
-    // }
-  });
-  const [w, l] = B(!1), [C, c] = E();
-  return /* @__PURE__ */ u(
-    n,
-    {
-      className: r.toggleContainer,
-      tabIndex: 1,
-      onMouseEnter: () => l(!0),
-      onMouseLeave: () => l(!1),
-      onClick: () => f((x) => !x),
-      style: {
-        width: t[o].container.w,
-        height: t[o].container.h
-      },
-      children: [
-        /* @__PURE__ */ e(n, { style: { ...d, position: "relative" }, children: /* @__PURE__ */ e(
-          n,
-          {
-            className: r.toggleBg,
-            style: {
-              width: t[o].bg.w,
-              height: t[o].bg.h
-            }
-          }
-        ) }),
-        /* @__PURE__ */ e(n, { style: { position: "relative", ...T }, children: /* @__PURE__ */ u(
-          n,
-          {
-            className: r.toggleThumb,
-            ref: C,
-            style: {
-              width: t[o].thumb.w,
-              height: t[o].thumb.h
-            },
-            children: [
-              i !== "" && /* @__PURE__ */ e(
-                v,
-                {
-                  labelName: i,
-                  hover: w,
-                  offsetX: c.width / 2,
-                  y: c.height + 5
-                }
-              ),
-              a !== "" && /* @__PURE__ */ e(
-                y,
-                {
-                  name: g === b.Icon ? a : S[g],
-                  width: (h = t[o].icon) == null ? void 0 : h.w,
-                  height: (m = t[o].icon) == null ? void 0 : m.h
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-};
+import { T as g } from "../ToggleSwitch-BNAk1Wp6.js";
 export {
-  X as ToggleSwitch
+  g as ToggleSwitch
 };

package/dist/{types-BNUi2DUD.js → types-xFemYgmc.js}

@@ -1,5 +1,5 @@
 import { C as r } from "./generics-D33J7ILI.js";
-import { R as c, d as n, S as i, b as d, C as a, B as S, a as g } from "./generics-C-WSPclF.js";
+import { R as c, d as n, S as i, C as a, B as S, a as g, b as d } from "./generics-C-WSPclF.js";
 import { S as o } from "./generics-BrMr2-Gs.js";
 var z = /* @__PURE__ */ ((e) => (e[e.Left = 1] = "Left", e[e.Right = 2] = "Right", e))(z || {}), l = /* @__PURE__ */ ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e))(l || {}), b = /* @__PURE__ */ ((e) => (e[e.Size1 = 1] = "Size1", e[e.Size2 = 2] = "Size2", e[e.Size3 = 3] = "Size3", e[e.Size4 = 4] = "Size4", e[e.Size5 = 5] = "Size5", e))(b || {});
 const O = {

package/dist/types.mjs

@@ -9,7 +9,7 @@ import { B as QS, T as $S, a as Ss } from "./types-BuixDDod.js";
 import { T as as, a as _s } from "./types-DmnAtXuW.js";
 import { A as Ts, a as As, b as es, c as os, d as ts, e as Ls } from "./types-34thzuQ5.js";
 import { A as Os, a as Is } from "./types-OOX58qQg.js";
-import { B as rs, a as is, b as ns, e as Ds, f as Bs, g as ls, h as Gs, i as Ns, j as ps, k as xs, l as Fs } from "./types-BNUi2DUD.js";
+import { B as rs, a as is, b as ns, e as Ds, f as Bs, g as ls, h as Gs, i as Ns, j as ps, k as xs, l as Fs } from "./types-xFemYgmc.js";
 import { C as Ps, a as ds, b as fs, c as Ms } from "./types-BWsKfOhf.js";
 import { T as us, a as cs } from "./types-BXyuQRbv.js";
 import { M as zs } from "./types-Dyu7oUOO.js";

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "@functionalui/functionalui",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "files": [
     "dist"
   ],
+  "main": "./dist/main.cjs",
+  "module": "./dist/main.mjs",
+  "types": "./dist/lib/main.d.ts",
   "exports": {
+    ".": {
+      "types": "./dist/lib/main.d.ts",
+      "import": "./dist/main.mjs",
+      "require": "./dist/main.cjs"
+    },
     "./admonition": {
       "types": "./dist/lib/entries/admonition/index.d.ts",
       "import": "./dist/admonition/index.mjs",