@functionalui/functionalui 0.2.1 → 0.2.3

package/dist/tag-color/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../TagColor-QGINp77p.cjs");exports.TagColor=o.TagColor;

package/dist/tag-color/index.d.ts

@@ -0,0 +1,104 @@
+import { FC } from 'react';
+
+declare enum ColorPalettes {
+    Transparent = 1,// (0, 1)
+    Grey1 = 2,
+    Grey2 = 3,
+    Grey3 = 4,
+    Grey4 = 5,
+    Grey5 = 6,
+    Grey6 = 7,
+    Grey7 = 8,
+    Grey8 = 9,
+    Grey9 = 10,
+    Grey10 = 11,// (2, 11)
+    Primary1 = 12,
+    Primary2 = 13,
+    Primary3 = 14,
+    Primary4 = 15,
+    Primary5 = 16,
+    Primary6 = 17,
+    Primary7 = 18,
+    Primary8 = 19,
+    Primary9 = 20,// (12, 20)
+    Secondary1 = 21,
+    Secondary2 = 22,
+    Secondary3 = 23,
+    Secondary4 = 24,
+    Secondary5 = 25,
+    Secondary6 = 26,
+    Secondary7 = 27,
+    Secondary8 = 28,
+    Secondary9 = 29,// (21, 29)
+    Red1 = 30,
+    Red2 = 31,
+    Red3 = 32,
+    Red4 = 33,
+    Red5 = 34,
+    Red6 = 35,
+    Red7 = 36,
+    Red8 = 37,
+    Red9 = 38,// (30, 38)
+    Green1 = 39,
+    Green2 = 40,
+    Green3 = 41,
+    Green4 = 42,
+    Green5 = 43,
+    Green6 = 44,
+    Green7 = 45,
+    Green8 = 46,
+    Green9 = 47,// (39, 47)
+    Blue1 = 48,
+    Blue2 = 49,
+    Blue3 = 50,
+    Blue4 = 51,
+    Blue5 = 52,
+    Blue6 = 53,
+    Blue7 = 54,
+    Blue8 = 55,
+    Blue9 = 56,// (48, 56)
+    Yellow1 = 57,
+    Yellow2 = 58,
+    Yellow3 = 59,
+    Yellow4 = 60,
+    Yellow5 = 61,
+    Yellow6 = 62,
+    Yellow7 = 63,
+    Yellow8 = 64,
+    Yellow9 = 65,// (57, 65)
+    Accent1_1 = 66,
+    Accent1_2 = 67,
+    Accent1_3 = 68,
+    Accent1_4 = 69,
+    Accent1_5 = 70,
+    Accent1_6 = 71,
+    Accent1_7 = 72,
+    Accent1_8 = 73,
+    Accent1_9 = 74,// (57, 65)
+    Accent2_1 = 75,
+    Accent2_2 = 76,
+    Accent2_3 = 77,
+    Accent2_4 = 78,
+    Accent2_5 = 79,
+    Accent2_6 = 80,
+    Accent2_7 = 81,
+    Accent2_8 = 82,
+    Accent2_9 = 83
+}
+
+declare interface P {
+    size: TagColorSizes;
+    color?: ColorPalettes | string;
+    text?: string | number;
+}
+
+export declare const TagColor: FC<P>;
+
+declare enum TagColorSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3,
+    Large = 4
+}
+
+export { }

package/dist/tag-color/index.mjs

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

package/dist/text-area/index.cjs

@@ -0,0 +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;

package/dist/text-area/index.d.ts

@@ -0,0 +1,212 @@
+import { AnimatedProps } from '@react-spring/web';
+import { FC } from 'react';
+import { HTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+
+declare enum ColorPalettes {
+    Transparent = 1,// (0, 1)
+    Grey1 = 2,
+    Grey2 = 3,
+    Grey3 = 4,
+    Grey4 = 5,
+    Grey5 = 6,
+    Grey6 = 7,
+    Grey7 = 8,
+    Grey8 = 9,
+    Grey9 = 10,
+    Grey10 = 11,// (2, 11)
+    Primary1 = 12,
+    Primary2 = 13,
+    Primary3 = 14,
+    Primary4 = 15,
+    Primary5 = 16,
+    Primary6 = 17,
+    Primary7 = 18,
+    Primary8 = 19,
+    Primary9 = 20,// (12, 20)
+    Secondary1 = 21,
+    Secondary2 = 22,
+    Secondary3 = 23,
+    Secondary4 = 24,
+    Secondary5 = 25,
+    Secondary6 = 26,
+    Secondary7 = 27,
+    Secondary8 = 28,
+    Secondary9 = 29,// (21, 29)
+    Red1 = 30,
+    Red2 = 31,
+    Red3 = 32,
+    Red4 = 33,
+    Red5 = 34,
+    Red6 = 35,
+    Red7 = 36,
+    Red8 = 37,
+    Red9 = 38,// (30, 38)
+    Green1 = 39,
+    Green2 = 40,
+    Green3 = 41,
+    Green4 = 42,
+    Green5 = 43,
+    Green6 = 44,
+    Green7 = 45,
+    Green8 = 46,
+    Green9 = 47,// (39, 47)
+    Blue1 = 48,
+    Blue2 = 49,
+    Blue3 = 50,
+    Blue4 = 51,
+    Blue5 = 52,
+    Blue6 = 53,
+    Blue7 = 54,
+    Blue8 = 55,
+    Blue9 = 56,// (48, 56)
+    Yellow1 = 57,
+    Yellow2 = 58,
+    Yellow3 = 59,
+    Yellow4 = 60,
+    Yellow5 = 61,
+    Yellow6 = 62,
+    Yellow7 = 63,
+    Yellow8 = 64,
+    Yellow9 = 65,// (57, 65)
+    Accent1_1 = 66,
+    Accent1_2 = 67,
+    Accent1_3 = 68,
+    Accent1_4 = 69,
+    Accent1_5 = 70,
+    Accent1_6 = 71,
+    Accent1_7 = 72,
+    Accent1_8 = 73,
+    Accent1_9 = 74,// (57, 65)
+    Accent2_1 = 75,
+    Accent2_2 = 76,
+    Accent2_3 = 77,
+    Accent2_4 = 78,
+    Accent2_5 = 79,
+    Accent2_6 = 80,
+    Accent2_7 = 81,
+    Accent2_8 = 82,
+    Accent2_9 = 83
+}
+
+declare enum Cursors {
+    Auto = 1,
+    Default = 2,
+    Pointer = 3,
+    ContextMenu = 4,
+    Help = 5,
+    Progress = 6,
+    Wait = 7,
+    Cell = 8,
+    Crosshair = 9,
+    Text = 10,
+    VerticalText = 11,
+    Alias = 12,
+    Copy = 13,
+    Move = 14,
+    NoDrop = 15,
+    NotAllowed = 16,
+    Grab = 17,
+    Grabbing = 18,
+    ZoomIn = 19,
+    ZoomOut = 20
+}
+
+declare enum ElementResizes {
+    None = 1,
+    Both = 2,
+    Horizontal = 3,
+    Vertical = 4
+}
+
+export declare const F__TextArea: FC<TextAreaProps>;
+
+declare enum FontFamilies {
+    Default = 1
+}
+
+declare enum FontSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9,
+    Size10 = 10
+}
+
+declare enum FontStyles {
+    Normal = 1,
+    Italic = 2
+}
+
+declare enum FontWeights {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6
+}
+
+declare enum OutlineStyles {
+    None = 1,
+    Solid = 2,
+    Inset = 3,
+    Outset = 4,
+    Dotted = 5,
+    Dashed = 6,
+    Double = 7,
+    Auto = 8
+}
+
+declare enum TextAligns {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Justify = 4
+}
+
+declare interface TextAreaProp {
+    type?: string;
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    name?: string;
+    value?: any | undefined;
+    min?: number | undefined;
+    step?: number | undefined;
+    rows?: number | undefined;
+    resize?: ElementResizes;
+    textOutlineStyle?: OutlineStyles;
+    textAreaStyle?: TextAreaStyles;
+}
+
+declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaProp {
+    children?: ReactNode;
+    ref?: Ref<HTMLTextAreaElement> | undefined;
+}
+
+declare enum TextAreaStyles {
+    Default = 1,// outline
+    Outlined = 2,// outline overall
+    Filled = 3,// border bottom & bg color
+    BorderBottom = 4,
+    Transparent = 5
+}
+
+declare interface TextStyleProps {
+    paletteColor?: ColorPalettes;
+    fontSize?: FontSizes;
+    fontFamily?: FontFamilies;
+    fontWeight?: FontWeights;
+    fontStyle?: FontStyles;
+    textAlign?: TextAligns;
+    cursor?: Cursors;
+}
+
+export { }

package/dist/text-area/index.mjs

@@ -0,0 +1,160 @@
+"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
+  };
+};
+export {
+  dt as TextArea
+};

package/dist/texts/header/index.cjs

@@ -0,0 +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;

package/dist/texts/header/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/entries/texts/header/index'
+export {}

package/dist/texts/header/index.mjs

@@ -0,0 +1,28 @@
+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();
+export {
+  H as Text_Header
+};

package/dist/texts/p/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../component-JigdcRMd.cjs");exports.Text_P=e.Text_P;

package/dist/texts/p/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/entries/texts/p/index'
+export {}

package/dist/texts/p/index.mjs

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

package/dist/texts/span/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../component-Bh3EPTN0.cjs");exports.Text_Span=e.Text_Span;

package/dist/texts/span/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/entries/texts/span/index'
+export {}

package/dist/texts/span/index.mjs

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

package/dist/toggle-switch/index.cjs

@@ -0,0 +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;

package/dist/toggle-switch/index.d.ts

@@ -0,0 +1,35 @@
+import { JSX } from 'react/jsx-runtime';
+
+/**
+ * colors bg
+ * icons -- loading
+ */
+declare type Props = {
+    isTrue: boolean;
+    setIsTrue: (a: any) => void;
+    size?: ToggleSizes;
+    icon?: string;
+    toggleState?: ToggleStates;
+    description?: string;
+};
+
+declare enum ToggleSizes {
+    Tiny = 1,
+    Smaller = 2,
+    Small = 3,
+    Medium = 4,
+    Big = 5,
+    Large = 6
+}
+
+declare enum ToggleStates {
+    Icon = 1,
+    Loading = 2,
+    Success = 3,
+    Error = 4,
+    Disabled = 5
+}
+
+export declare const ToggleSwitch: ({ isTrue, setIsTrue, size, icon, toggleState, description, }: Props) => JSX.Element;
+
+export { }

package/dist/toggle-switch/index.mjs

@@ -0,0 +1,100 @@
+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
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  X as ToggleSwitch
+};