@functionalui/functionalui 0.2.1 → 0.2.4

package/dist/label-text/index.cjs

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

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

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const LabelText: ({ labelName, offsetX, y, x, hover, }: {
+    labelName?: string | undefined;
+    offsetX?: number | undefined;
+    y?: number | undefined;
+    x?: number | undefined;
+    hover?: boolean | undefined;
+}) => JSX.Element;
+
+export { }

package/dist/label-text/index.mjs

@@ -0,0 +1,4 @@
+import { L as o } from "../LabelText-D7QIWtWj.js";
+export {
+  o as LabelText
+};

package/dist/layout/index.cjs

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

package/dist/layout/index.d.ts

@@ -0,0 +1,163 @@
+import { AnimatedProps } from '@react-spring/web';
+import { FC } from 'react';
+import { HTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+
+declare enum AlignSelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+declare enum Displays {
+    None = 1,
+    Block = 2,
+    InlineBlock = 3,
+    Flex = 4,
+    InlineFlex = 5,
+    Grid = 6
+}
+
+declare enum FlexAlignContents {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    SpaceBetween = 4,
+    SpaceAround = 5,
+    Stretch = 6
+}
+
+declare enum FlexAlignItems {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    Baseline = 4,
+    Stretch = 5
+}
+
+declare enum FlexDirections {
+    Row = 1,
+    Column = 2,
+    RowReverse = 3,
+    ColumnReverse = 4
+}
+
+declare enum FlexJustifyContents {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    SpaceBetween = 4,
+    SpaceAround = 5
+}
+
+declare enum FlexWraps {
+    NoWrap = 1,
+    Wrap = 2,
+    WrapReverse = 3
+}
+
+declare enum GridAlignContents {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SpaceAround = 6,
+    SpaceBetween = 7,
+    Stretch = 8,
+    SpaceEvenly = 9
+}
+
+declare enum GridColumnGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+declare enum GridGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+declare enum GridJustifyContents {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SpaceAround = 6,
+    SpaceBetween = 7,
+    Stretch = 8,
+    SpaceEvenly = 9
+}
+
+declare enum GridRowGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+declare enum JustifySelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+export declare const Layout: FC<LayoutDivProps>;
+
+declare interface LayoutDivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, LayoutProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement | null>;
+}
+
+declare interface LayoutProps {
+    display?: Displays;
+    flexDirection?: FlexDirections;
+    flexWrap?: FlexWraps;
+    flexJustifyContent?: FlexJustifyContents;
+    flexAlignItem?: FlexAlignItems;
+    flexAlignContent?: FlexAlignContents;
+    gridGap?: GridGaps;
+    gridRowGap?: GridRowGaps;
+    gridColumnGap?: GridColumnGaps;
+    gridJustifyContent?: GridJustifyContents;
+    gridAlignContent?: GridAlignContents;
+    justifySelf?: JustifySelfs;
+    alignSelf?: AlignSelfs;
+}
+
+export { }

package/dist/layout/index.mjs

@@ -0,0 +1,4 @@
+import { L as r } from "../component-DRXQXr2G.js";
+export {
+  r as Layout
+};

package/dist/loading-spinner/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("../react-spring_web.modern-W3Nkoq_6.cjs"),e=require("../generics-nyvJhwQE.cjs"),t={[e.Sizings.Size1]:{containerSize:8,size:4},[e.Sizings.Size2]:{containerSize:12,size:8},[e.Sizings.Size3]:{containerSize:16,size:12},[e.Sizings.Size4]:{containerSize:20,size:16},[e.Sizings.Size5]:{containerSize:24,size:20},[e.Sizings.Size6]:{containerSize:28,size:24},[e.Sizings.Size7]:{containerSize:32,size:28},[e.Sizings.Size8]:{containerSize:36,size:32},[e.Sizings.Size9]:{containerSize:44,size:40},[e.Sizings.Size10]:{containerSize:52,size:48},[e.Sizings.Size11]:{containerSize:60,size:54},[e.Sizings.Size12]:{containerSize:68,size:64},[e.Sizings.Size13]:{containerSize:76,size:72},[e.Sizings.Size14]:{containerSize:84,size:80},[e.Sizings.Size15]:{containerSize:92,size:88}};function a({size:n=e.Sizings.Size3}){return i.jsx("div",{className:"image-container",style:{width:`${t[n].containerSize}px`,height:`${t[n].containerSize}px`},children:i.jsx("svg",{className:"text-zinc-300",viewBox:"0 0 2400 2400",width:t[n].size,height:t[n].size,children:i.jsxs("g",{strokeWidth:200,strokeLinecap:"round",stroke:"currentColor",fill:"none",children:[i.jsx("path",{d:"M1200 600L1200 100"}),i.jsx("path",{opacity:.5,d:"M1200 2300L1200 1800"}),i.jsx("path",{opacity:.917,d:"M900 680.4L650 247.4"}),i.jsx("path",{opacity:.417,d:"M1750 2152.6L1500 1719.6"}),i.jsx("path",{opacity:.833,d:"M680.4 900L247.4 650"}),i.jsx("path",{opacity:.333,d:"M2152.6 1750L1719.6 1500"}),i.jsx("path",{opacity:.75,d:"M600 1200L100 1200"}),i.jsx("path",{opacity:.25,d:"M2300 1200L1800 1200"}),i.jsx("path",{opacity:.667,d:"M680.4 1500L247.4 1750"}),i.jsx("path",{opacity:.167,d:"M2152.6 650L1719.6 900"}),i.jsx("path",{opacity:.583,d:"M900 1719.6L650 2152.6"}),i.jsx("path",{opacity:.083,d:"M1750 247.4L1500 680.4"}),i.jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",keyTimes:"0;0.08333;0.16667;0.25;0.33333;0.41667;0.5;0.58333;0.66667;0.75;0.83333;0.91667",values:"0 1199 1199;30 1199 1199;60 1199 1199;90 1199 1199;120 1199 1199;150 1199 1199;180 1199 1199;210 1199 1199;240 1199 1199;270 1199 1199;300 1199 1199;330 1199 1199",dur:"0.83333s",begin:"0s",repeatCount:"indefinite",calcMode:"discrete"})]})})})}const c=({isLoading:n,size:r=e.Sizings.Size3})=>s.useTransition(n,{from:{opacity:0,scale:.6,height:0},enter:{opacity:1,scale:1,height:30},leave:{opacity:0,scale:.6,height:0}})((z,o)=>o&&i.jsx(s.animated.div,{style:{display:"flex",justifyContent:"center",alignItems:"center",...z},children:i.jsx(a,{size:r})}));exports.LoadingSpinner=c;exports.Spinner=a;

package/dist/loading-spinner/index.d.ts

@@ -0,0 +1,33 @@
+import { JSX } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare const LoadingSpinner: ({ isLoading, size }: Props) => JSX.Element;
+
+declare type Props = {
+    isLoading: boolean;
+    size?: Sizings;
+};
+
+declare enum Sizings {
+    Size1 = 8,
+    Size2 = 12,
+    Size3 = 16,
+    Size4 = 20,
+    Size5 = 24,
+    Size6 = 28,
+    Size7 = 32,
+    Size8 = 36,
+    Size9 = 44,
+    Size10 = 52,
+    Size11 = 60,
+    Size12 = 68,
+    Size13 = 76,
+    Size14 = 84,
+    Size15 = 92
+}
+
+export declare function Spinner({ size }: {
+    size?: Sizings | undefined;
+}): JSX_2.Element;
+
+export { }

package/dist/loading-spinner/index.mjs

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { d as s, a as z } from "../react-spring_web.modern-DgQDaJ06.js";
+import { S as i } from "../generics-BrMr2-Gs.js";
+const n = {
+  [i.Size1]: { containerSize: 8, size: 4 },
+  [i.Size2]: { containerSize: 12, size: 8 },
+  [i.Size3]: { containerSize: 16, size: 12 },
+  [i.Size4]: { containerSize: 20, size: 16 },
+  [i.Size5]: { containerSize: 24, size: 20 },
+  [i.Size6]: { containerSize: 28, size: 24 },
+  [i.Size7]: { containerSize: 32, size: 28 },
+  [i.Size8]: { containerSize: 36, size: 32 },
+  [i.Size9]: { containerSize: 44, size: 40 },
+  [i.Size10]: { containerSize: 52, size: 48 },
+  [i.Size11]: { containerSize: 60, size: 54 },
+  [i.Size12]: { containerSize: 68, size: 64 },
+  [i.Size13]: { containerSize: 76, size: 72 },
+  [i.Size14]: { containerSize: 84, size: 80 },
+  [i.Size15]: { containerSize: 92, size: 88 }
+};
+function S({ size: t = i.Size3 }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "image-container",
+      style: {
+        width: `${n[t].containerSize}px`,
+        height: `${n[t].containerSize}px`
+      },
+      children: /* @__PURE__ */ e(
+        "svg",
+        {
+          className: "text-zinc-300",
+          viewBox: "0 0 2400 2400",
+          width: n[t].size,
+          height: n[t].size,
+          children: /* @__PURE__ */ c(
+            "g",
+            {
+              strokeWidth: 200,
+              strokeLinecap: "round",
+              stroke: "currentColor",
+              fill: "none",
+              children: [
+                /* @__PURE__ */ e("path", { d: "M1200 600L1200 100" }),
+                /* @__PURE__ */ e("path", { opacity: 0.5, d: "M1200 2300L1200 1800" }),
+                /* @__PURE__ */ e("path", { opacity: 0.917, d: "M900 680.4L650 247.4" }),
+                /* @__PURE__ */ e("path", { opacity: 0.417, d: "M1750 2152.6L1500 1719.6" }),
+                /* @__PURE__ */ e("path", { opacity: 0.833, d: "M680.4 900L247.4 650" }),
+                /* @__PURE__ */ e("path", { opacity: 0.333, d: "M2152.6 1750L1719.6 1500" }),
+                /* @__PURE__ */ e("path", { opacity: 0.75, d: "M600 1200L100 1200" }),
+                /* @__PURE__ */ e("path", { opacity: 0.25, d: "M2300 1200L1800 1200" }),
+                /* @__PURE__ */ e("path", { opacity: 0.667, d: "M680.4 1500L247.4 1750" }),
+                /* @__PURE__ */ e("path", { opacity: 0.167, d: "M2152.6 650L1719.6 900" }),
+                /* @__PURE__ */ e("path", { opacity: 0.583, d: "M900 1719.6L650 2152.6" }),
+                /* @__PURE__ */ e("path", { opacity: 0.083, d: "M1750 247.4L1500 680.4" }),
+                /* @__PURE__ */ e(
+                  "animateTransform",
+                  {
+                    attributeName: "transform",
+                    attributeType: "XML",
+                    type: "rotate",
+                    keyTimes: "0;0.08333;0.16667;0.25;0.33333;0.41667;0.5;0.58333;0.66667;0.75;0.83333;0.91667",
+                    values: "0 1199 1199;30 1199 1199;60 1199 1199;90 1199 1199;120 1199 1199;150 1199 1199;180 1199 1199;210 1199 1199;240 1199 1199;270 1199 1199;300 1199 1199;330 1199 1199",
+                    dur: "0.83333s",
+                    begin: "0s",
+                    repeatCount: "indefinite",
+                    calcMode: "discrete"
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const y = ({ isLoading: t, size: a = i.Size3 }) => s(t, {
+  from: { opacity: 0, scale: 0.6, height: 0 },
+  enter: { opacity: 1, scale: 1, height: 30 },
+  leave: { opacity: 0, scale: 0.6, height: 0 }
+})(
+  (o, r) => r && /* @__PURE__ */ e(
+    z.div,
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        ...o
+      },
+      children: /* @__PURE__ */ e(S, { size: a })
+    }
+  )
+);
+export {
+  y as LoadingSpinner,
+  S as Spinner
+};

package/dist/modal/index.cjs

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

package/dist/modal/index.d.ts

@@ -0,0 +1,105 @@
+import { FC } from 'react';
+import { ReactNode } 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
+}
+
+export declare const Modal: FC<P>;
+
+declare enum ModalStyles {
+    Default = 1,
+    Nocard = 2
+}
+
+declare interface P {
+    showModal: boolean;
+    closeModal: (v?: any) => void;
+    children: ReactNode;
+    modalStyles?: ModalStyles;
+    modalBackground?: ColorPalettes;
+}
+
+export { }

package/dist/modal/index.mjs

@@ -0,0 +1,4 @@
+import { M as r } from "../Modal-DXLyt-j4.js";
+export {
+  r as Modal
+};

package/dist/notification-system/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),z=require("../react-spring_web.modern-W3Nkoq_6.cjs"),a=require("../component-D-EEi7NI.cjs"),C=require("../GlobalEventContext-D9ug9s1O.cjs"),q=require("../GlobalEventPortal-BIdCGd-m.cjs"),p=require("../UIcon-B5rpDmHC.cjs"),j=require("../component-B1mkowwk.cjs"),_=require("../component-JigdcRMd.cjs"),I=require("../generics-DE1oV0MV.cjs"),o=require("../generics-9F1CmKPb.cjs"),m=require("../classes-HsjFV5aN.cjs"),y=require("../generics-nyvJhwQE.cjs"),x=require("react"),v="_message_1i7cn_1",M="_life_1i7cn_12",S={message:v,life:M},w=()=>{const{globalEventRef:c}=C.useGlobalEventContext();return e.jsx(q.GlobalEventPortal,{children:e.jsx(E,{children:l=>{c.current=l}})})};let k=0;function E({config:c={tension:125,friction:20,precision:.1},timeout:l=3e3,children:g}){const i=x.useMemo(()=>new WeakMap,[]),u=x.useMemo(()=>new WeakMap,[]),[f,r]=x.useState([]),h=z.useTransition(f,{from:{opacity:0,height:0,life:"100%",y:0},keys:s=>s.key,enter:s=>async(t,n)=>{u.set(s,n),await t({opacity:1,height:i.get(s).offsetHeight+10,y:30}),await t({life:"0%"})},leave:[{opacity:0,y:50},{height:0}],onRest:(s,t,n)=>{r(d=>d.filter(b=>b.key!==n.key))},config:(s,t,n)=>d=>n==="enter"&&d==="life"?{duration:s.type.isTimeout?l:1e3*60*60*24}:c});return x.useEffect(()=>{g((s,t,n)=>{r(d=>[...d,{key:k++,msg:s,type:t,customAction:n}])})},[g]),e.jsx(j.Layout,{display:m.Displays.Flex,flexDirection:m.FlexDirections.Column,flexAlignItem:m.FlexAlignItems.FlexEnd,style:{position:"fixed",zIndex:1e3,bottom:"30px",right:"30px"},children:h(({life:s,...t},n)=>e.jsx(F,{style:t,refMap:i,cancelMap:u,type:n.type,msg:n.msg,life:s,item:n,customAction:n.customAction}))})}const F=({style:c,refMap:l,cancelMap:g,type:i,msg:u,life:f,item:r,customAction:h})=>{const[s,t]=x.useState(!1);return e.jsx(a.Container,{style:c,className:s?`${S.message} disabled`:S.message,children:e.jsx("div",{ref:n=>n&&l.set(r,n),children:e.jsx(a.Container,{bgColor:I.ColorPalettes.Secondary2,borderRadius:o.Radiuses.Size4,padding:o.Spacings.Size3,boxShadow:o.BoxShadows.Size5,style:{borderBottom:"none"},children:e.jsxs(j.Layout,{display:m.Displays.Flex,flexAlignItem:m.FlexAlignItems.Center,style:{position:"relative",minWidth:"200px"},children:[e.jsx(a.Container,{marginRight:o.Spacings.Size2,children:e.jsx(p.UIcon,{name:i.icon,size:y.Sizings.Size6,colorLight:i.color,colorDark:i.color,withMargin:!1})}),e.jsx(_.Text_P,{fontSize:o.FontSizes.Size4,children:u||i.default}),e.jsxs(a.Container,{marginLeft:o.Spacings.Auto,paddingLeft:o.Spacings.Size3,children:[h&&e.jsx(a.Container,{marginRight:o.Spacings.Size3,children:h}),e.jsx(p.UIcon,{name:"x-circle",size:y.Sizings.Size4,iconAction:()=>{s||(g.has(r)&&f.get()!=="0%"&&g.get(r)(),t(!0))},withMargin:!1})]}),(i==null?void 0:i.isTimeout)&&e.jsx(a.Container,{className:`${S.life} ${i.classname}`,style:{right:f,transform:"translateY(8px)"}})]})})})})},A=()=>e.jsx(e.Fragment,{children:e.jsx(w,{})});exports.NotificationSystem=A;

package/dist/notification-system/index.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const NotificationSystem: () => JSX.Element;
+
+export { }

package/dist/notification-system/index.mjs

@@ -0,0 +1,158 @@
+"use client";
+import { jsx as i, jsxs as p, Fragment as w } from "react/jsx-runtime";
+import { d as I } from "../react-spring_web.modern-DgQDaJ06.js";
+import { C as r } from "../component-C1Gs4nVu.js";
+import { u as M } from "../GlobalEventContext-DUmT3Vay.js";
+import { G as v } from "../GlobalEventPortal-GjfUDr2B.js";
+import { U as x } from "../UIcon-BHzbeYWw.js";
+import { L as z } from "../component-DRXQXr2G.js";
+import { T as F } from "../component-D0wwK4KY.js";
+import { C as R } from "../generics-D33J7ILI.js";
+import { b as A, S as d, R as E, d as T } from "../generics-C-WSPclF.js";
+import { h as b, i as L, b as C } from "../classes-CVxy1f4M.js";
+import { S } from "../generics-BrMr2-Gs.js";
+import { useMemo as y, useState as _, useEffect as D } from "react";
+const G = "_message_1i7cn_1", N = "_life_1i7cn_12", u = {
+  message: G,
+  life: N
+}, P = () => {
+  const { globalEventRef: a } = M();
+  return /* @__PURE__ */ i(v, { children: /* @__PURE__ */ i(
+    $,
+    {
+      children: (l) => {
+        a.current = l;
+      }
+    }
+  ) });
+};
+let W = 0;
+function $({
+  config: a = { tension: 125, friction: 20, precision: 0.1 },
+  timeout: l = 3e3,
+  children: c
+}) {
+  const s = y(() => /* @__PURE__ */ new WeakMap(), []), m = y(() => /* @__PURE__ */ new WeakMap(), []), [g, n] = _([]), h = I(g, {
+    from: { opacity: 0, height: 0, life: "100%", y: 0 },
+    keys: (t) => t.key,
+    enter: (t) => async (o, e) => {
+      m.set(t, e), await o({
+        opacity: 1,
+        height: s.get(t).offsetHeight + 10,
+        y: 30
+      }), await o({ life: "0%" });
+    },
+    leave: [{ opacity: 0, y: 50 }, { height: 0 }],
+    onRest: (t, o, e) => {
+      n(
+        (f) => f.filter((k) => k.key !== e.key)
+      );
+    },
+    config: (t, o, e) => (f) => e === "enter" && f === "life" ? { duration: t.type.isTimeout ? l : 1e3 * 60 * 60 * 24 } : a
+  });
+  return D(() => {
+    c(
+      (t, o, e) => {
+        n((f) => [
+          ...f,
+          { key: W++, msg: t, type: o, customAction: e }
+        ]);
+      }
+    );
+  }, [c]), /* @__PURE__ */ i(
+    z,
+    {
+      display: C.Flex,
+      flexDirection: L.Column,
+      flexAlignItem: b.FlexEnd,
+      style: { position: "fixed", zIndex: 1e3, bottom: "30px", right: "30px" },
+      children: h(({ life: t, ...o }, e) => /* @__PURE__ */ i(
+        j,
+        {
+          style: o,
+          refMap: s,
+          cancelMap: m,
+          type: e.type,
+          msg: e.msg,
+          life: t,
+          item: e,
+          customAction: e.customAction
+        }
+      ))
+    }
+  );
+}
+const j = ({
+  style: a,
+  refMap: l,
+  cancelMap: c,
+  type: s,
+  msg: m,
+  life: g,
+  item: n,
+  customAction: h
+}) => {
+  const [t, o] = _(!1);
+  return /* @__PURE__ */ i(
+    r,
+    {
+      style: a,
+      className: t ? `${u.message} disabled` : u.message,
+      children: /* @__PURE__ */ i("div", { ref: (e) => e && l.set(n, e), children: /* @__PURE__ */ i(
+        r,
+        {
+          bgColor: R.Secondary2,
+          borderRadius: E.Size4,
+          padding: d.Size3,
+          boxShadow: A.Size5,
+          style: { borderBottom: "none" },
+          children: /* @__PURE__ */ p(
+            z,
+            {
+              display: C.Flex,
+              flexAlignItem: b.Center,
+              style: { position: "relative", minWidth: "200px" },
+              children: [
+                /* @__PURE__ */ i(r, { marginRight: d.Size2, children: /* @__PURE__ */ i(
+                  x,
+                  {
+                    name: s.icon,
+                    size: S.Size6,
+                    colorLight: s.color,
+                    colorDark: s.color,
+                    withMargin: !1
+                  }
+                ) }),
+                /* @__PURE__ */ i(F, { fontSize: T.Size4, children: m || s.default }),
+                /* @__PURE__ */ p(r, { marginLeft: d.Auto, paddingLeft: d.Size3, children: [
+                  h && /* @__PURE__ */ i(r, { marginRight: d.Size3, children: h }),
+                  /* @__PURE__ */ i(
+                    x,
+                    {
+                      name: "x-circle",
+                      size: S.Size4,
+                      iconAction: () => {
+                        t || (c.has(n) && g.get() !== "0%" && c.get(n)(), o(!0));
+                      },
+                      withMargin: !1
+                    }
+                  )
+                ] }),
+                (s == null ? void 0 : s.isTimeout) && /* @__PURE__ */ i(
+                  r,
+                  {
+                    className: `${u.life} ${s.classname}`,
+                    style: { right: g, transform: "translateY(8px)" }
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ) })
+    }
+  );
+}, ie = () => /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(P, {}) });
+export {
+  ie as NotificationSystem
+};

package/dist/portals/index.cjs

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

package/dist/portals/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export declare const FunctionalUiPortals: {
+    [key: number]: {
+        id: string;
+        html: ReactNode;
+    };
+};
+
+export { }

package/dist/portals/index.mjs

@@ -0,0 +1,4 @@
+import { P as r } from "../types-DgSz2H9f.js";
+export {
+  r as FunctionalUiPortals
+};

package/dist/radio/index.cjs

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

@@ -0,0 +1,36 @@
+import { FC } from 'react';
+import { HTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+
+declare interface P extends HTMLAttributes<HTMLInputElement> {
+    checked: boolean;
+    id: string;
+    handleChange: (id: string, checked: boolean) => void;
+    size?: Sizings;
+    children: ReactNode;
+    vertigo?: boolean;
+    ref?: Ref<HTMLInputElement> | undefined;
+}
+
+export declare const Radio: FC<P>;
+
+declare enum Sizings {
+    Size1 = 8,
+    Size2 = 12,
+    Size3 = 16,
+    Size4 = 20,
+    Size5 = 24,
+    Size6 = 28,
+    Size7 = 32,
+    Size8 = 36,
+    Size9 = 44,
+    Size10 = 52,
+    Size11 = 60,
+    Size12 = 68,
+    Size13 = 76,
+    Size14 = 84,
+    Size15 = 92
+}
+
+export { }