@functionalui/functionalui 0.2.1 → 0.2.3

package/dist/avatar-group/index.d.ts

@@ -0,0 +1,120 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const AvatarGroup: FC<P>;
+
+declare enum AvatarSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+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 FUI__Avatar {
+    children: ReactNode;
+    name?: string;
+    isLoading?: boolean;
+    onClick?: (v?: any) => void;
+}
+
+declare interface P {
+    avatars: FUI__Avatar[];
+    isLoading?: boolean;
+    size?: AvatarSizes;
+    withHover?: boolean;
+    border?: boolean;
+    borderColor?: ColorPalettes;
+}
+
+export { }

package/dist/avatar-group/index.mjs

@@ -0,0 +1,52 @@
+import { jsx as t } from "react/jsx-runtime";
+import { b as d, a as c } from "../react-spring_web.modern-DgQDaJ06.js";
+import { A as u } from "../Avatar-CQA0mEVW.js";
+import { L as f } from "../component-DRXQXr2G.js";
+import { b as y } from "../classes-CVxy1f4M.js";
+const b = ({
+  avatars: o,
+  border: i,
+  borderColor: a,
+  withHover: m,
+  size: p
+}) => {
+  const [l, s] = d(
+    o.length,
+    (e) => ({
+      y: 0,
+      x: e === 0 ? 0 : e * -10
+    }),
+    []
+  );
+  return /* @__PURE__ */ t(f, { display: y.Flex, children: l.map((e, r) => /* @__PURE__ */ t(
+    c.div,
+    {
+      style: e,
+      onMouseEnter: () => s.start((n) => {
+        if (n === r)
+          return { y: -5 };
+      }),
+      onMouseLeave: () => s.start((n) => {
+        if (n === r)
+          return { y: 0 };
+      }),
+      children: /* @__PURE__ */ t(
+        u,
+        {
+          avatarName: o[r].name,
+          border: i,
+          borderColor: a,
+          onClick: o[r].onClick,
+          isLoading: o[r].isLoading,
+          withHover: m,
+          size: p,
+          children: o[r].children
+        }
+      )
+    },
+    r
+  )) });
+};
+export {
+  b as AvatarGroup
+};

package/dist/button/index.cjs

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

package/dist/button/index.d.ts

@@ -0,0 +1,249 @@
+import { AnimatedProps } from '@react-spring/web';
+import { FC } from 'react';
+import { HTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+
+declare enum BorderStyles {
+    None = 1,
+    Hidden = 2,
+    Dotted = 3,
+    Dashed = 4,
+    Solid = 5,
+    Double = 6,
+    Groove = 7,
+    Ridge = 8,
+    Inset = 9,
+    Outset = 10
+}
+
+declare enum BorderWidths {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8
+}
+
+declare enum BoxShadows {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7
+}
+
+declare enum BoxSizings {
+    ContentBox = 1,
+    BorderBox = 2
+}
+
+declare interface ButtonProps extends AnimatedProps<HTMLAttributes<HTMLButtonElement>>, StyleProps, ButtonStyleProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement | null>;
+}
+
+declare interface ButtonStyleProps {
+    disabled?: boolean;
+    type?: ButtonTypes;
+}
+
+declare enum ButtonTypes {
+    Button = "button",
+    Submit = "submit",
+    Reset = "reset"
+}
+
+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
+}
+
+export declare const F__Button: FC<ButtonProps>;
+
+declare enum Positions {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8,
+    Size8 = 9,
+    Size9 = 10,
+    Auto = 11
+}
+
+declare enum Radiuses {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8,
+    Size8 = 9,
+    Size9 = 10
+}
+
+declare enum Spacings {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8,
+    Size8 = 9,
+    Size9 = 10,
+    Auto = 11
+}
+
+declare interface StyleProps {
+    margin?: Spacings;
+    marginTop?: Spacings;
+    marginBottom?: Spacings;
+    marginLeft?: Spacings;
+    marginRight?: Spacings;
+    padding?: Spacings;
+    paddingTop?: Spacings;
+    paddingBottom?: Spacings;
+    paddingLeft?: Spacings;
+    paddingRight?: Spacings;
+    boxShadow?: BoxShadows;
+    borderRadius?: Radiuses;
+    borderBottomLeftRadius?: Radiuses;
+    borderBottomRightRadius?: Radiuses;
+    borderTopLeftRadius?: Radiuses;
+    borderTopRightRadius?: Radiuses;
+    borderStyle?: BorderStyles;
+    borderLeftStyle?: BorderStyles;
+    borderRightStyle?: BorderStyles;
+    borderTopStyle?: BorderStyles;
+    borderBottomStyle?: BorderStyles;
+    borderWidth?: BorderWidths;
+    bgColor?: ColorPalettes;
+    paletteColor?: ColorPalettes;
+    borderColor?: ColorPalettes;
+    outlineColor?: ColorPalettes;
+    boxSizing?: BoxSizings;
+    top?: Positions;
+    bottom?: Positions;
+    left?: Positions;
+    right?: Positions;
+    cursor?: Cursors;
+}
+
+export { }

package/dist/button/index.mjs

@@ -0,0 +1,4 @@
+import { B as r } from "../Button-CpTXDsI7.js";
+export {
+  r as Button
+};

package/dist/checkbox/index.cjs

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

package/dist/checkbox/index.d.ts

@@ -0,0 +1,32 @@
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Checkbox: ({ isChecked, size, checkboxColor, onClick, }: Props) => JSX.Element;
+
+declare enum CheckboxColors {
+    Primary5 = 1,
+    Secondary5 = 2,
+    Grey5 = 3,
+    Red5 = 4,
+    Green5 = 5,
+    Blue5 = 6,
+    Yellow5 = 7
+}
+
+declare enum CheckboxSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5
+}
+
+declare type Props = {
+    isChecked: boolean;
+    children?: default_2.ReactNode;
+    size?: CheckboxSizes;
+    checkboxColor?: CheckboxColors;
+    onClick?: (v?: any) => void;
+};
+
+export { }

package/dist/checkbox/index.mjs

@@ -0,0 +1,4 @@
+import { C as r } from "../Checkbox-C29jP71p.js";
+export {
+  r as Checkbox
+};

package/dist/checkboxes/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("../component-D-EEi7NI.cjs"),C=require("../component-B1mkowwk.cjs"),f=require("../component-Bh3EPTN0.cjs"),h=require("../generics-9F1CmKPb.cjs"),l=require("../classes-HsjFV5aN.cjs"),y=require("../types-Cj8dOa0j.cjs"),b=require("react"),j=require("../Checkbox-BHpT6PHl.cjs"),q=({options:n,multiselect:t=!1,checkboxColor:c=y.CheckboxColors.Primary5,size:x,handleClick:r})=>{const i=b.useCallback(e=>{if(t)r(e);else{let o=n.findIndex(u=>u.isChecked===!0),d=n.findIndex(u=>u.id===e);o!==-1&&(d===o||r(n[o].id)),r(e)}},[r,t,n]);return s.jsx(C.Layout,{children:n.map((e,o)=>s.jsx(k,{checkboxColor:c,id:e.id,name:e.name,isChecked:e.isChecked,size:x,value:e==null?void 0:e.value,handleClickBox:i},o))})},k=({id:n,name:t,value:c,isChecked:x,checkboxColor:r,size:i,handleClickBox:e})=>s.jsx(a.Container,{onClick:()=>e(n,c),style:{cursor:"pointer"},children:s.jsxs(C.Layout,{display:l.Displays.Flex,flexJustifyContent:l.FlexJustifyContents.Center,flexAlignItem:l.FlexAlignItems.Center,children:[s.jsx(j.Checkbox,{isChecked:x,checkboxColor:r,size:i}),s.jsx(a.Container,{marginLeft:h.Spacings.Size2,children:s.jsx(f.Text_Span,{children:t})})]})});exports.Checkboxes=q;

package/dist/checkboxes/index.d.ts

@@ -0,0 +1,38 @@
+import { JSX } from 'react/jsx-runtime';
+
+declare enum CheckboxColors {
+    Primary5 = 1,
+    Secondary5 = 2,
+    Grey5 = 3,
+    Red5 = 4,
+    Green5 = 5,
+    Blue5 = 6,
+    Yellow5 = 7
+}
+
+export declare const Checkboxes: ({ options, multiselect, checkboxColor, size, handleClick, }: CheckboxesProps) => JSX.Element;
+
+declare type CheckboxesProps = {
+    options: CheckboxOption[];
+    multiselect: boolean;
+    checkboxColor: CheckboxColors;
+    size?: CheckboxSizes;
+    handleClick: (v: any) => void;
+};
+
+declare type CheckboxOption = {
+    id: number;
+    name: string;
+    value?: any;
+    isChecked: boolean;
+};
+
+declare enum CheckboxSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5
+}
+
+export { }

package/dist/checkboxes/index.mjs

@@ -0,0 +1,80 @@
+import { jsx as s, jsxs as C } from "react/jsx-runtime";
+import { C as m } from "../component-C1Gs4nVu.js";
+import { L as l } from "../component-DRXQXr2G.js";
+import { T as d } from "../component-BvHdlcdE.js";
+import { S as p } from "../generics-C-WSPclF.js";
+import { h, j as u, b } from "../classes-CVxy1f4M.js";
+import { b as y } from "../types-BWsKfOhf.js";
+import { useCallback as I } from "react";
+import { C as k } from "../Checkbox-C29jP71p.js";
+const z = ({
+  options: o,
+  multiselect: t = !1,
+  checkboxColor: a = y.Primary5,
+  size: f,
+  //= CheckboxSizes.Size1,
+  handleClick: r
+}) => {
+  const x = I(
+    (e) => {
+      if (t)
+        r(e);
+      else {
+        let n = o.findIndex(
+          (i) => i.isChecked === !0
+        ), c = o.findIndex((i) => i.id === e);
+        n !== -1 && (c === n || r(o[n].id)), r(e);
+      }
+    },
+    [r, t, o]
+  );
+  return /* @__PURE__ */ s(l, { children: o.map((e, n) => /* @__PURE__ */ s(
+    g,
+    {
+      checkboxColor: a,
+      id: e.id,
+      name: e.name,
+      isChecked: e.isChecked,
+      size: f,
+      value: e == null ? void 0 : e.value,
+      handleClickBox: x
+    },
+    n
+  )) });
+}, g = ({
+  id: o,
+  name: t,
+  value: a,
+  isChecked: f,
+  checkboxColor: r,
+  size: x,
+  handleClickBox: e
+}) => /* @__PURE__ */ s(
+  m,
+  {
+    onClick: () => e(o, a),
+    style: { cursor: "pointer" },
+    children: /* @__PURE__ */ C(
+      l,
+      {
+        display: b.Flex,
+        flexJustifyContent: u.Center,
+        flexAlignItem: h.Center,
+        children: [
+          /* @__PURE__ */ s(
+            k,
+            {
+              isChecked: f,
+              checkboxColor: r,
+              size: x
+            }
+          ),
+          /* @__PURE__ */ s(m, { marginLeft: p.Size2, children: /* @__PURE__ */ s(d, { children: t }) })
+        ]
+      }
+    )
+  }
+);
+export {
+  z as Checkboxes
+};

package/dist/chip/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),q=require("../component-D-EEi7NI.cjs"),x=require("../component-B1mkowwk.cjs"),O=require("../component-Bh3EPTN0.cjs"),a=require("../generics-DE1oV0MV.cjs"),t=require("../values-C40_Fyfk.cjs"),o=require("../generics-9F1CmKPb.cjs"),h=require("../classes-HsjFV5aN.cjs");var z=(i=>(i[i.Tiny=1]="Tiny",i[i.Small=2]="Small",i[i.Medium=3]="Medium",i[i.Big=4]="Big",i))(z||{});const d={1:{fontSize:o.FontSizes.Size1,paddingTop:o.Spacings.Size0,paddingBottom:o.Spacings.Size0,paddingLeft:o.Spacings.Size1,paddingRight:o.Spacings.Size1,borderRadius:o.Radiuses.Size7},2:{fontSize:o.FontSizes.Size2,paddingTop:o.Spacings.Size1,paddingBottom:o.Spacings.Size1,paddingLeft:o.Spacings.Size2,paddingRight:o.Spacings.Size2,borderRadius:o.Radiuses.Size7},3:{fontSize:o.FontSizes.Size3,paddingTop:o.Spacings.Size2,paddingBottom:o.Spacings.Size2,paddingLeft:o.Spacings.Size3,paddingRight:o.Spacings.Size3,borderRadius:o.Radiuses.Size7},4:{fontSize:o.FontSizes.Size4,paddingTop:o.Spacings.Size3,paddingBottom:o.Spacings.Size3,paddingLeft:o.Spacings.Size4,paddingRight:o.Spacings.Size4,borderRadius:o.Radiuses.Size7}};var L=(i=>(i[i.Filled=1]="Filled",i[i.Outlined=2]="Outlined",i))(L||{});const r={1:{bgColor:a.ColorPalettes.Primary5,font:{fontColor:a.ColorPalettes.Grey9}},2:{border:{borderColor:a.ColorPalettes.Primary5,borderStyle:o.BorderStyles.Solid,borderWidth:o.BorderWidths.Size2},font:{}}},W=({children:i,chipColor:e=a.ColorSets.Primarys,paddings:T="all",margin:B,marginTop:C,marginBottom:y,marginLeft:P,marginRight:F,fontSize:p,chipStyle:n=L.Filled,size:g=z.Medium})=>{var S,l,c,u,b,f,R,m;return s.jsx(x.Layout,{display:h.Displays.Flex,children:s.jsx(q.Container,{...j(T,g),margin:B,marginTop:C,marginBottom:y,marginLeft:P,marginRight:F,borderRadius:d[g].borderRadius,borderColor:(S=r[n].border)==null?void 0:S.borderColor,borderStyle:(l=r[n].border)==null?void 0:l.borderStyle,borderWidth:(c=r[n].border)==null?void 0:c.borderWidth,style:{backgroundColor:(u=r[n])!=null&&u.bgColor?t.COLOR_VALUES[t.ColorRanges[e][0]+2]:void 0,color:(f=(b=r[n])==null?void 0:b.font)!=null&&f.fontColor?(m=(R=r[n])==null?void 0:R.font)==null?void 0:m.fontColor:t.COLOR_VALUES[t.ColorRanges[e][0]+4]},children:s.jsx(O.Text_Span,{style:{display:"inline-block",transform:"translateY(-1px)",color:"inherit"},fontSize:p||d[g].fontSize,fontWeight:o.FontWeights.Size3,children:i})})})},j=(i,e)=>{switch(i){case"all":return{paddingTop:d[e].paddingTop,paddingBottom:d[e].paddingBottom,paddingLeft:d[e].paddingLeft,paddingRight:d[e].paddingRight};case"left right":return{paddingLeft:d[e].paddingLeft,paddingRight:d[e].paddingRight};default:return{paddingTop:d[e].paddingTop,paddingBottom:d[e].paddingBottom}}};exports.Chip=W;