@functionalui/functionalui 0.2.5 → 0.2.7

package/dist/input-text/index.mjs

@@ -1,246 +1,5 @@
 "use client";
-import { jsxs as L, jsx as e } from "react/jsx-runtime";
-import { C as f } from "../component-C1Gs4nVu.js";
-import { F as tt } from "../component-CBIQe7z5.js";
-import { C as b, a as ot } from "../generics-D33J7ILI.js";
-import { C as et, f as rt, c as st } from "../generics-C-WSPclF.js";
-import { S as nt } from "../values-B5r2bYNJ.js";
-import { c as z, a as s, I as D, e as S, h as m, f as it, g as y, b as I } from "../icons-B8R1UT86.js";
-import { useState as B, useRef as at, useEffect as W, useCallback as k } from "react";
-import { u as dt } from "../useCombinedRef-COuiqHjO.js";
-import { L as lt } from "../LabelText-D7QIWtWj.js";
-import { U as F } from "../UIcon-BHzbeYWw.js";
-import { S as M } from "../generics-BrMr2-Gs.js";
-import { T as ft } from "../component-BvHdlcdE.js";
-const ut = ({ inputHelper: t }) => {
-  const [n, o] = B(!1);
-  return /* @__PURE__ */ L(
-    f,
-    {
-      style: {
-        position: "absolute",
-        top: "50%",
-        right: -10,
-        transform: "translateY(-25%)"
-      },
-      onMouseEnter: () => o(!0),
-      onMouseLeave: () => o(!1),
-      children: [
-        /* @__PURE__ */ e(
-          F,
-          {
-            name: "info",
-            size: M.Size2,
-            colorLight: b.Primary5,
-            colorDark: b.Primary5
-          }
-        ),
-        /* @__PURE__ */ e(f, { style: { position: "relative", pointerEvents: "none" }, children: /* @__PURE__ */ e(lt, { labelName: t, hover: n, x: 0, y: 0 }) })
-      ]
-    }
-  );
-}, pt = "_inputtext_rg89u_1", ct = "_showHidePassword_rg89u_41", X = {
-  inputtext: pt,
-  showHidePassword: ct
-}, mt = ({ isShow: t, handleShowHideText: n }) => /* @__PURE__ */ e(
-  f,
-  {
-    className: X.showHidePassword,
-    style: {
-      position: "absolute",
-      bottom: ".75rem",
-      left: "88%",
-      zIndex: 4,
-      cursor: "pointer"
-    },
-    onClick: () => n(),
-    children: /* @__PURE__ */ e(
-      F,
-      {
-        name: t ? z.EyeOff : z.Eye,
-        size: M.Size3,
-        colorLight: b.Primary5,
-        colorDark: b.Primary5,
-        cursor: et.Pointer
-      }
-    )
-  }
-), bt = ({
-  id: t,
-  label: n,
-  size: o,
-  labelTextColor: i,
-  inputColor: r
-}) => /* @__PURE__ */ e(
-  f,
-  {
-    paddingLeft: s[o].paddings.left,
-    paddingBottom: s[o].paddings.bottom,
-    children: /* @__PURE__ */ e("label", { htmlFor: t, children: /* @__PURE__ */ e(
-      ft,
-      {
-        fontWeight: rt.Size3,
-        paletteColor: i && typeof i == "boolean" ? D[r].labelColor : b.Grey10,
-        fontSize: s[o].font.size,
-        children: n
-      }
-    ) })
-  }
-), Lt = ({
-  // required
-  id: t,
-  name: n,
-  type: o = m.Text,
-  value: i,
-  modes: r = S.Default,
-  label: g,
-  // optional properties
-  focus: u,
-  required: T,
-  width: p,
-  fullWidth: x,
-  helperText: c,
-  placeholder: h = "Insert text",
-  // other types property
-  step: j,
-  min: A,
-  // methods
-  handleChange: P,
-  handleFocus: _,
-  handleBlur: H,
-  handleCheck: C,
-  // styling
-  size: a = it.Default,
-  inputStyle: w = y.Default,
-  inputColor: v = ot.Primarys,
-  // customizations
-  labelTextColor: G = !0,
-  transparent: N,
-  ref: Y,
-  ...V
-}) => {
-  const d = at(null), Z = dt(d, Y);
-  W(() => {
-    if (r !== S.Disabled) {
-      if (u) {
-        d.current && d.current.focus();
-        return;
-      }
-      i !== "" && d.current && d.current.value;
-    }
-  }, [u, r, i]);
-  const [q, R] = B(o), [E, J] = B(!1), K = () => {
-    J((l) => !l);
-  };
-  W(() => {
-    o === m.Password && R(E ? m.Text : m.Password);
-  }, [E]);
-  const Q = (l) => {
-    P && P(l);
-  }, $ = k(
-    async (l) => {
-      l.preventDefault();
-      const U = l.target.value.trim();
-      if (!(!U || U !== "")) {
-        H && H(), C && await C();
-        return;
-      }
-    },
-    [H, C]
-  ), O = k(() => {
-    if (r !== S.Disabled)
-      return d.current && d.current.focus(), _ && _(), !0;
-  }, [_, r]);
-  return /* @__PURE__ */ L(
-    f,
-    {
-      style: {
-        width: x ? "100%" : p || 350,
-        position: "relative"
-        // to label
-      },
-      children: [
-        !N && /* @__PURE__ */ e(
-          bt,
-          {
-            id: t,
-            label: g,
-            inputColor: v,
-            size: a,
-            labelTextColor: G
-          }
-        ),
-        /* @__PURE__ */ L(
-          f,
-          {
-            boxSizing: st.BorderBox,
-            ...gt(w, N),
-            borderColor: D[v].borderColor,
-            paddingLeft: s[a].paddings.left,
-            paddingRight: s[a].paddings.right,
-            paddingTop: s[a].paddings.top,
-            paddingBottom: s[a].paddings.bottom,
-            style: {
-              // position: "relative",
-              // width: fullWidth ? "100%" : width ? width : 350,
-              paddingTop: w !== y.Outlined ? 1 : "",
-              paddingBottom: w !== y.Outlined ? nt[s[a].paddings.bottom] : "",
-              // display: size === InputTextSizes.Small ? "flex" : "block",
-              display: w !== y.Outlined ? "flex" : "block",
-              cursor: "text"
-            },
-            onClick: () => O(),
-            children: [
-              /* @__PURE__ */ e(
-                tt,
-                {
-                  ref: Z,
-                  type: q,
-                  required: T,
-                  disabled: r !== S.Disabled ? void 0 : !0,
-                  fontSize: s[a].font.size,
-                  fontWeight: s[a].font.weight,
-                  color: D[v].fontColor,
-                  placeholder: h,
-                  id: t,
-                  name: n,
-                  value: i,
-                  min: A,
-                  step: j,
-                  onChange: P ? Q : void 0,
-                  onFocus: O,
-                  onBlur: $,
-                  className: X.inputtext,
-                  ...V
-                }
-              ),
-              o === m.Password && /* @__PURE__ */ e(
-                mt,
-                {
-                  isShow: E,
-                  handleShowHideText: K
-                }
-              ),
-              c && /* @__PURE__ */ e(ut, { inputHelper: c })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}, gt = (t, n = !1) => {
-  var o, i, r, g, u, T, p, x, c, h;
-  return n ? {} : {
-    // default
-    borderBottomStyle: (r = (i = (o = I[t]) == null ? void 0 : o.borders) == null ? void 0 : i.bottom) == null ? void 0 : r.style,
-    borderWidth: (u = (g = I[t]) == null ? void 0 : g.borders) == null ? void 0 : u.width,
-    // outline
-    borderRadius: (p = (T = I[t]) == null ? void 0 : T.borders) == null ? void 0 : p.radius,
-    borderStyle: (h = (c = (x = I[t]) == null ? void 0 : x.borders) == null ? void 0 : c.borders) == null ? void 0 : h.style
-    // filled
-    // borderRadius: undefined,
-  };
-};
+import { I as n } from "../InputText-DnR7KYJS.js";
 export {
-  Lt as InputText
+  n as InputText
 };

package/dist/inset-group/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("../component-B1mkowwk.cjs"),r=require("../generics-9F1CmKPb.cjs"),R=require("../classes-HsjFV5aN.cjs"),h=require("react"),C=require("../react-spring_web.modern-W3Nkoq_6.cjs"),y=require("../component-D-EEi7NI.cjs"),f=require("../component-Bh3EPTN0.cjs"),u=require("../generics-DE1oV0MV.cjs"),t=require("../values-C40_Fyfk.cjs"),x=({text:o,idx:i,handleSelectInset:d,isSelected:n,insetColor:l=u.ColorSets.Primarys,borderTopLeftRadius:p,borderTopRightRadius:S,borderBottomLeftRadius:c,borderBottomRightRadius:g})=>{const s=C.useSpring({backgroundColor:n?t.COLOR_VALUES[t.ColorRanges[l][0]+3]:t.COLOR_VALUES[t.ColorRanges[u.ColorSets.Greys][0]+2],color:n?t.COLOR_VALUES[t.ColorRanges[u.ColorSets.Greys][1]-1]:t.COLOR_VALUES[t.ColorRanges[u.ColorSets.Greys][1]-4],boxShadow:n?"inset 0 0px 0 hsla(0, 0%, 0%, 0), inset 0 0px 0px hsla(0, 0%, 0%, 0)":"inset 0 -2px 0 hsla(0, 0%, 100%, .055), inset 0 2px 2px hsla(0, 0%, 0%, 0.1)"}),e=C.useSpring({fontWeight:n?500:300});return a.jsx(y.Container,{style:{...s,cursor:"pointer"},paddingTop:r.Spacings.Size1,paddingBottom:r.Spacings.Size1,paddingLeft:r.Spacings.Size2,paddingRight:r.Spacings.Size2,borderTopLeftRadius:p,borderTopRightRadius:S,borderBottomLeftRadius:c,borderBottomRightRadius:g,onClick:()=>d(i),children:a.jsx(y.Container,{style:e,children:a.jsx(f.Text_Span,{style:{color:"inherit",transform:"translateY(-1px)",display:"inline-block"},children:o})})})},L=({options:o=[],valueIndex:i=0,id:d,setInput:n,setSelect:l,insetColor:p})=>{const[S,c]=h.useState(i);h.useEffect(()=>{typeof i=="number"&&c(i)},[i]);const g=s=>{c(s),n&&n(e=>({...e,[d]:o[s]})),l&&l(o[s])};return a.jsx(m.Layout,{display:R.Displays.Flex,flexAlignItem:R.FlexAlignItems.Center,children:o.map((s,e)=>a.jsx(x,{text:s.text,value:s.value,idx:e,id:s.id,handleSelectInset:g,isSelected:e===S,insetColor:p,borderTopLeftRadius:e===0?r.Radiuses.Size4:void 0,borderTopRightRadius:e===o.length-1?r.Radiuses.Size4:void 0,borderBottomLeftRadius:e===0?r.Radiuses.Size4:void 0,borderBottomRightRadius:e===o.length-1?r.Radiuses.Size4:void 0},e))})};exports.InsetGroup=L;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../InsetGroup-CGACEEbB.cjs");exports.InsetGroup=e.InsetGroup;

package/dist/inset-group/index.mjs

@@ -1,105 +1,5 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { L as R } from "../component-DRXQXr2G.js";
-import { S as l, R as p } from "../generics-C-WSPclF.js";
-import { h as b, b as x } from "../classes-CVxy1f4M.js";
-import { useState as z, useEffect as C } from "react";
-import { u } from "../react-spring_web.modern-DgQDaJ06.js";
-import { C as y } from "../component-C1Gs4nVu.js";
-import { T as L } from "../component-BvHdlcdE.js";
-import { a as m } from "../generics-D33J7ILI.js";
-import { a as d, c as f } from "../values-CSE3dLnv.js";
-const I = ({
-  text: e,
-  // value,
-  idx: s,
-  // id,
-  handleSelectInset: c,
-  isSelected: o,
-  // rgbBg,
-  insetColor: a = m.Primarys,
-  borderTopLeftRadius: h,
-  borderTopRightRadius: S,
-  borderBottomLeftRadius: n,
-  borderBottomRightRadius: g
-}) => {
-  const r = u({
-    // backgroundColor: isSelected ? rgbBg ? rgbBg : "rgb(255,255,255)" : "rgb(222,226,230)",
-    backgroundColor: o ? d[f[a][0] + 3] : d[f[m.Greys][0] + 2],
-    // color: isSelected ? "rgb(25,25,25)" : "rgb(134,142,150)",
-    color: o ? d[f[m.Greys][1] - 1] : d[f[m.Greys][1] - 4],
-    boxShadow: o ? "inset 0 0px 0 hsla(0, 0%, 0%, 0), inset 0 0px 0px hsla(0, 0%, 0%, 0)" : "inset 0 -2px 0 hsla(0, 0%, 100%, .055), inset 0 2px 2px hsla(0, 0%, 0%, 0.1)"
-    // boxShadow: isSelected ? "inset 0 0px 0 hsla(0, 0%, 0%, 0)" : "inset 0 -2px 0 hsla(0, 0%, 100%, .15)",
-    // config: {
-    //   ...config.molasses,
-    // }
-  }), t = u({
-    // scale: isSelected ? 1 : 0.9,
-    fontWeight: o ? 500 : 300
-  });
-  return /* @__PURE__ */ i(
-    y,
-    {
-      style: { ...r, cursor: "pointer" },
-      paddingTop: l.Size1,
-      paddingBottom: l.Size1,
-      paddingLeft: l.Size2,
-      paddingRight: l.Size2,
-      borderTopLeftRadius: h,
-      borderTopRightRadius: S,
-      borderBottomLeftRadius: n,
-      borderBottomRightRadius: g,
-      onClick: () => c(s),
-      children: /* @__PURE__ */ i(y, { style: t, children: /* @__PURE__ */ i(
-        L,
-        {
-          style: {
-            color: "inherit",
-            transform: "translateY(-1px)",
-            display: "inline-block"
-          },
-          children: e
-        }
-      ) })
-    }
-  );
-}, j = ({
-  options: e = [],
-  // id, value, text
-  valueIndex: s = 0,
-  id: c,
-  setInput: o,
-  setSelect: a,
-  insetColor: h
-}) => {
-  const [S, n] = z(s);
-  C(() => {
-    typeof s == "number" && n(s);
-  }, [s]);
-  const g = (r) => {
-    n(r), o && o((t) => ({
-      ...t,
-      [c]: e[r]
-    })), a && a(e[r]);
-  };
-  return /* @__PURE__ */ i(R, { display: x.Flex, flexAlignItem: b.Center, children: e.map((r, t) => /* @__PURE__ */ i(
-    I,
-    {
-      text: r.text,
-      value: r.value,
-      idx: t,
-      id: r.id,
-      handleSelectInset: g,
-      isSelected: t === S,
-      insetColor: h,
-      borderTopLeftRadius: t === 0 ? p.Size4 : void 0,
-      borderTopRightRadius: t === e.length - 1 ? p.Size4 : void 0,
-      borderBottomLeftRadius: t === 0 ? p.Size4 : void 0,
-      borderBottomRightRadius: t === e.length - 1 ? p.Size4 : void 0
-    },
-    t
-  )) });
-};
+import { I as r } from "../InsetGroup-BHxpHwpd.js";
 export {
-  j as InsetGroup
+  r as InsetGroup
 };

package/dist/label-text/index.mjs

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

package/dist/layout/index.mjs

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

package/dist/lib/components/devComponent/DevComponent.d.ts

@@ -0,0 +1,2 @@
+declare const DevComponent: () => import("react/jsx-runtime").JSX.Element;
+export default DevComponent;

package/dist/lib/components/divMeasure/DivMeasure.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+interface P {
+    children: ReactNode;
+    inherit?: boolean;
+    width?: "100%" | "auto" | number;
+    height?: "100%" | "auto" | number;
+}
+declare const DivMeasure: FC<P>;
+export default DivMeasure;

package/dist/lib/components/icons/Icon.d.ts

@@ -0,0 +1,10 @@
+import { Sizings } from '../../styles/types/types.ts';
+type P = {
+    name: string;
+    size?: Sizings;
+    width?: number;
+    height?: number;
+    className?: string;
+};
+declare const _default: import('react').NamedExoticComponent<P>;
+export default _default;

package/dist/lib/components/icons/Spinner.d.ts

@@ -0,0 +1,8 @@
+import { Sizings } from '../../styles/types/types.ts';
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size: Sizings;
+    className?: string;
+}
+export default function Spinner({ size, className, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/icons/UIcon.d.ts

@@ -0,0 +1,22 @@
+import { AnimatedProps } from '@react-spring/web';
+import { ColorPalettes, Icons, Sizings } from '../../styles/types/types.ts';
+import { FC, HTMLAttributes } from 'react';
+import { Cursors, Radiuses } from '../../styles/types/generics';
+interface P extends AnimatedProps<HTMLAttributes<HTMLDivElement>> {
+    name: Icons | string;
+    withMargin?: boolean;
+    size?: Sizings;
+    width?: number;
+    height?: number;
+    lazy?: boolean;
+    colorLight?: ColorPalettes;
+    colorDark?: ColorPalettes;
+    iconAction?: (v?: any) => void;
+    animated?: boolean;
+    cursor?: Cursors;
+    overflow?: string;
+    borderRadius?: Radiuses | string;
+    bgColor?: ColorPalettes;
+}
+declare const UIcon: FC<P>;
+export default UIcon;

package/dist/lib/components/loadings/LoadingSpinner.d.ts

@@ -0,0 +1,7 @@
+import { Sizings } from '../../styles/types/types.ts';
+type Props = {
+    isLoading: boolean;
+    size?: Sizings;
+};
+declare const LoadingSpinner: ({ isLoading, size }: Props) => import("react").JSX.Element;
+export default LoadingSpinner;

package/dist/lib/components/loadings/Spinner.d.ts

@@ -0,0 +1,4 @@
+import { Sizings } from '../../styles/types/types.ts';
+export default function Spinner({ size }: {
+    size?: Sizings | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/springAnimations/SpringOpenCloseHeight.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+declare const SpringOpenCloseHeight: ({ isOpen, children, }: {
+    isOpen: boolean;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SpringOpenCloseHeight;

package/dist/lib/components/springAnimations/springTransitions/SpringEnter.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+type directions = "horizontal" | "vertical" | "verticalInverted";
+declare const directions: any;
+interface P {
+    direction: directions;
+    isShown: boolean;
+    children?: ReactNode;
+}
+declare const SpringEnter: FC<P>;
+export default SpringEnter;

package/dist/lib/components/springAnimations/springTransitions/SpringEnterOffsetBy.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+type directions = "horizontal" | "vertical";
+declare const directions: any;
+interface P {
+    direction: directions;
+    isShown?: boolean;
+    enterOffsetBy?: number;
+    children?: ReactNode;
+}
+declare const SpringEnterOffsetBy: FC<P>;
+export default SpringEnterOffsetBy;

package/dist/lib/components/springAnimations/springTransitions/SpringMenuTransition.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+/**
+ * top left, top right
+ * bottom left, bottom right
+ */
+type Props = {
+    isOpen: boolean;
+    children: ReactNode;
+};
+declare const SpringMenuTransition: FC<Props>;
+export default SpringMenuTransition;

package/dist/lib/components/ui/admonition/Admonition.d.ts

@@ -0,0 +1,10 @@
+import { AdmonitionLevels } from '../../../styles/types/types.ts';
+import { AdmonitionSizes } from '../../../styles/types/ui/admonition/types';
+type Props = {
+    level: AdmonitionLevels;
+    size?: AdmonitionSizes;
+    descriptionText: string;
+    children?: React.ReactNode;
+};
+declare const Admonition: ({ level, size, descriptionText, children, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Admonition;

package/dist/lib/components/ui/avatar/Avatar.d.ts

@@ -0,0 +1,15 @@
+import { ColorPalettes } from '../../../styles/types/types.ts';
+import { FC, ReactNode } from 'react';
+import { AvatarSizes } from '../../../styles/types/ui/avatar/types';
+interface P {
+    isLoading?: boolean;
+    size?: AvatarSizes;
+    avatarName?: string | null;
+    withHover?: boolean;
+    onClick?: (v?: any) => void;
+    children?: ReactNode;
+    border?: boolean;
+    borderColor?: ColorPalettes;
+}
+declare const Avatar: FC<P>;
+export default Avatar;

package/dist/lib/components/ui/avatar/components/AvatarName.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { AvatarSizes } from '../../../../styles/types/ui/avatar/types';
+interface P {
+    hoverAnimation: any;
+    size?: AvatarSizes;
+    avatarName?: string | null;
+    withHover?: boolean;
+}
+declare const AvatarName: FC<P>;
+export default AvatarName;

package/dist/lib/components/ui/avatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,13 @@
+import { AvatarSizes, ColorPalettes } from '../../../styles/types/types.ts';
+import { FC } from 'react';
+import { FUI__Avatar } from '../../../styles/types/ui/avatar/types';
+interface P {
+    avatars: FUI__Avatar[];
+    isLoading?: boolean;
+    size?: AvatarSizes;
+    withHover?: boolean;
+    border?: boolean;
+    borderColor?: ColorPalettes;
+}
+declare const AvatarGroup: FC<P>;
+export default AvatarGroup;

package/dist/lib/components/ui/buttons/Button.d.ts

@@ -0,0 +1,22 @@
+import { BoxShadows, ColorPalettes } from '../../../styles/types/types.ts';
+import { ButtonColors, ButtonIconPositions, ButtonSizes, ButtonStates, ButtonStyles, ButtonTypes } from '../../../styles/types/ui/button/types';
+type P = {
+    name: string;
+    buttonSize?: ButtonSizes;
+    buttonColor?: ButtonColors;
+    buttonState?: ButtonStates;
+    buttonType?: ButtonTypes;
+    buttonShadow?: BoxShadows;
+    buttonStyle?: ButtonStyles;
+    icon?: string;
+    iconColor?: ColorPalettes;
+    iconPosition?: ButtonIconPositions;
+    animate?: boolean;
+    hover?: boolean;
+    parentHover?: boolean;
+    hoverColor?: ButtonColors;
+    type?: "submit" | "reset" | "button";
+    clickAction?: (v: any) => void;
+};
+declare const Button: ({ name, buttonSize, buttonColor, buttonState, buttonType, buttonStyle, buttonShadow, icon, iconColor, iconPosition, animate, hover, clickAction, }: P) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/lib/components/ui/buttons/components/ButtonIcon.d.ts

@@ -0,0 +1,12 @@
+import { ColorPalettes, Sizings, Spacings } from '../../../../styles/types/types.ts';
+import { ButtonIconPositions, ButtonStates } from '../../../../styles/types/ui/button/types';
+type Props = {
+    icon: string;
+    iconState: ButtonStates;
+    iconSize: Sizings;
+    iconColor: ColorPalettes;
+    iconPosition?: ButtonIconPositions;
+    iconMargin?: Spacings;
+};
+declare const ButtonIcon: ({ icon, iconSize, iconState, iconColor, iconPosition, iconMargin, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ButtonIcon;

package/dist/lib/components/ui/checkboxes/Checkboxes.d.ts

@@ -0,0 +1,16 @@
+import { CheckboxColors, CheckboxSizes } from '../../../styles/types/ui/checkbox/types';
+export type CheckboxOption = {
+    id: number;
+    name: string;
+    value?: any;
+    isChecked: boolean;
+};
+type CheckboxesProps = {
+    options: CheckboxOption[];
+    multiselect: boolean;
+    checkboxColor: CheckboxColors;
+    size?: CheckboxSizes;
+    handleClick: (v: any) => void;
+};
+declare const Checkboxes: ({ options, multiselect, checkboxColor, size, handleClick, }: CheckboxesProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkboxes;

package/dist/lib/components/ui/checkboxes/checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CheckboxColors, CheckboxSizes } from '../../../../styles/types/ui/checkbox/types';
+type Props = {
+    isChecked: boolean;
+    children?: React.ReactNode;
+    size?: CheckboxSizes;
+    checkboxColor?: CheckboxColors;
+    onClick?: (v?: any) => void;
+};
+declare const Checkbox: ({ isChecked, size, checkboxColor, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/lib/components/ui/chip/Chip.d.ts

@@ -0,0 +1,19 @@
+import { ColorPalettes, ColorSets, FontSizes, Spacings } from '../../../styles/types/types.ts';
+import { FC, ReactNode } from 'react';
+import { ChipSizes, ChipStyles } from '../../../styles/types/ui/chip/types';
+interface P {
+    children: ReactNode;
+    paddings?: "top bottom" | "left right" | "all";
+    margin?: Spacings | undefined;
+    marginTop?: Spacings | undefined;
+    marginBottom?: Spacings | undefined;
+    marginLeft?: Spacings | undefined;
+    marginRight?: Spacings | undefined;
+    bgColor?: ColorPalettes;
+    chipStyle?: ChipStyles;
+    fontSize?: FontSizes;
+    chipColor?: ColorSets;
+    size?: ChipSizes;
+}
+declare const Chip: FC<P>;
+export default Chip;

package/dist/{color-picker/index.d.ts → lib/components/ui/colorPicker/ColorPicker.d.ts}

@@ -1,14 +1,11 @@
-import { FC } from 'react';
-
-export declare const ColorPicker: FC<P>;
-
-declare interface P {
-    defaultColor?: string;
-    setInput?: (v: any) => any;
-    setColor?: (color: string) => void;
-    inputName?: string | undefined;
-    closePicker?: ((p?: boolean) => void) | undefined;
-    position?: "absolute" | "static";
-}
-
-export { }
+import { FC } from 'react';
+interface P {
+    defaultColor?: string;
+    setInput?: (v: any) => any;
+    setColor?: (color: string) => void;
+    inputName?: string | undefined;
+    closePicker?: ((p?: boolean) => void) | undefined;
+    position?: "absolute" | "static";
+}
+declare const ColorPicker: FC<P>;
+export default ColorPicker;