@functionalui/functionalui 0.2.5 → 0.2.7

package/dist/Admonition-BVd4bXl_.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),d=require("./component-D-EEi7NI.cjs"),I=require("./component-B1mkowwk.cjs"),g=require("./component-JigdcRMd.cjs"),p=require("./component-Bh3EPTN0.cjs"),s=require("./UIcon-B5rpDmHC.cjs"),a=require("./generics-9F1CmKPb.cjs"),e=require("./classes-HsjFV5aN.cjs"),n=require("./types-DZ_qlO_d.cjs"),l=({level:i,size:t=n.AdmonitionSizes.Medium,descriptionText:c,children:r})=>o.jsx(d.Container,{borderRadius:a.Radiuses.Size4,borderColor:n.AdmonitionColors[i].borderColor,borderWidth:a.BorderWidths.Size2,bgColor:n.AdmonitionColors[i].bgColor,style:{width:"max-content"},children:o.jsxs(I.Layout,{children:[o.jsx(d.Container,{padding:n.ADMONITION_SIZE[t].title.padding,paddingBottom:n.ADMONITION_SIZE[t].title.paddingBottom,paddingLeft:n.ADMONITION_SIZE[t].title.paddingLeft,paddingRight:n.ADMONITION_SIZE[t].title.paddingRight,children:o.jsxs(I.Layout,{display:e.Displays.Flex,flexJustifyContent:e.FlexJustifyContents.FlexStart,flexAlignItem:e.FlexAlignItems.Center,children:[o.jsx(s.UIcon,{name:n.AdmonitionIcons[i].titleIcon,colorLight:n.AdmonitionColors[i].iconColor,colorDark:n.AdmonitionColors[i].iconColor,size:n.ADMONITION_SIZE[t].title.iconSize,withMargin:!1,borderRadius:void 0,overflow:""}),o.jsx(d.Container,{marginLeft:n.ADMONITION_SIZE[t].title.iconMargin,children:o.jsx(p.Text_Span,{fontSize:n.ADMONITION_SIZE[t].title.fontSize,fontWeight:n.ADMONITION_SIZE[t].title.fontWeight,children:n.AdmonitionTitles[i]})})]})}),o.jsx(d.Container,{padding:n.ADMONITION_SIZE[t].content.padding,paddingTop:n.ADMONITION_SIZE[t].content.paddingTop,paddingLeft:n.ADMONITION_SIZE[t].content.paddingLeft,paddingRight:n.ADMONITION_SIZE[t].title.paddingRight,children:o.jsx(g.Text_P,{fontSize:n.ADMONITION_SIZE[t].content.fontSize,children:c})}),r&&o.jsx(d.Container,{padding:n.ADMONITION_SIZE[t].content.padding,paddingTop:n.ADMONITION_SIZE[t].content.paddingTop,paddingLeft:n.ADMONITION_SIZE[t].content.paddingLeft,paddingRight:n.ADMONITION_SIZE[t].title.paddingRight,children:r})]})});exports.Admonition=l;

package/dist/Admonition-CReUUZzJ.js

@@ -0,0 +1,88 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { C as d } from "./component-CGEZuC_0.js";
+import { L as p } from "./component-CLzFHaNK.js";
+import { T as l } from "./component-D-bBH8nL.js";
+import { T as m } from "./component-BbiEBU5H.js";
+import { U as f } from "./UIcon-Cc5PX9WJ.js";
+import { a as c, R as s } from "./generics-C-WSPclF.js";
+import { h, j as x, b as C } from "./classes-CVxy1f4M.js";
+import { a, A as o, b as S, d as A, e as L } from "./types-34thzuQ5.js";
+const j = ({
+  level: n,
+  size: t = A.Medium,
+  descriptionText: g,
+  children: r
+}) => /* @__PURE__ */ i(
+  d,
+  {
+    borderRadius: s.Size4,
+    borderColor: a[n].borderColor,
+    borderWidth: c.Size2,
+    bgColor: a[n].bgColor,
+    style: { width: "max-content" },
+    children: /* @__PURE__ */ e(p, { children: [
+      /* @__PURE__ */ i(
+        d,
+        {
+          padding: o[t].title.padding,
+          paddingBottom: o[t].title.paddingBottom,
+          paddingLeft: o[t].title.paddingLeft,
+          paddingRight: o[t].title.paddingRight,
+          children: /* @__PURE__ */ e(
+            p,
+            {
+              display: C.Flex,
+              flexJustifyContent: x.FlexStart,
+              flexAlignItem: h.Center,
+              children: [
+                /* @__PURE__ */ i(
+                  f,
+                  {
+                    name: S[n].titleIcon,
+                    colorLight: a[n].iconColor,
+                    colorDark: a[n].iconColor,
+                    size: o[t].title.iconSize,
+                    withMargin: !1,
+                    borderRadius: void 0,
+                    overflow: ""
+                  }
+                ),
+                /* @__PURE__ */ i(d, { marginLeft: o[t].title.iconMargin, children: /* @__PURE__ */ i(
+                  m,
+                  {
+                    fontSize: o[t].title.fontSize,
+                    fontWeight: o[t].title.fontWeight,
+                    children: L[n]
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i(
+        d,
+        {
+          padding: o[t].content.padding,
+          paddingTop: o[t].content.paddingTop,
+          paddingLeft: o[t].content.paddingLeft,
+          paddingRight: o[t].title.paddingRight,
+          children: /* @__PURE__ */ i(l, { fontSize: o[t].content.fontSize, children: g })
+        }
+      ),
+      r && /* @__PURE__ */ i(
+        d,
+        {
+          padding: o[t].content.padding,
+          paddingTop: o[t].content.paddingTop,
+          paddingLeft: o[t].content.paddingLeft,
+          paddingRight: o[t].title.paddingRight,
+          children: r
+        }
+      )
+    ] })
+  }
+);
+export {
+  j as A
+};

package/dist/{Avatar-CQA0mEVW.js → Avatar-CkxjB_cU.js}

@@ -1,12 +1,12 @@
 import { jsx as e, Fragment as l, jsxs as x } from "react/jsx-runtime";
-import { u as v } from "./react-spring_web.modern-DgQDaJ06.js";
-import { C as o } from "./component-C1Gs4nVu.js";
-import { L as f } from "./component-DRXQXr2G.js";
+import { u as v } from "./react-spring_web.modern-DUf5COpz.js";
+import { C as o } from "./component-CGEZuC_0.js";
+import { L as f } from "./component-CLzFHaNK.js";
 import { C as S } from "./generics-D33J7ILI.js";
 import { b as z, R as A, S as d, a as b, B as w } from "./generics-C-WSPclF.js";
 import { i as C, b as M } from "./classes-CVxy1f4M.js";
 import { A as a, a as y } from "./types-OOX58qQg.js";
-import { T as p } from "./component-BvHdlcdE.js";
+import { T as p } from "./component-BbiEBU5H.js";
 const R = ({
   hoverAnimation: r,
   size: t = y.Size3,

package/dist/AvatarGroup-CbohU2rq.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),i=require("./react-spring_web.modern-W3Nkoq_6.cjs"),d=require("./Avatar-BK9MFMsZ.cjs"),m=require("./component-B1mkowwk.cjs"),y=require("./classes-HsjFV5aN.cjs"),x=({avatars:r,border:c,borderColor:u,withHover:a,size:l})=>{const[p,o]=i.useSprings(r.length,n=>({y:0,x:n===0?0:n*-10}),[]);return t.jsx(m.Layout,{display:y.Displays.Flex,children:p.map((n,e)=>t.jsx(i.animated.div,{style:n,onMouseEnter:()=>o.start(s=>{if(s===e)return{y:-5}}),onMouseLeave:()=>o.start(s=>{if(s===e)return{y:0}}),children:t.jsx(d.Avatar,{avatarName:r[e].name,border:c,borderColor:u,onClick:r[e].onClick,isLoading:r[e].isLoading,withHover:a,size:l,children:r[e].children})},e))})};exports.AvatarGroup=x;

package/dist/AvatarGroup-FpaQP2H4.js

@@ -0,0 +1,52 @@
+import { jsx as t } from "react/jsx-runtime";
+import { b as d, a as c } from "./react-spring_web.modern-DUf5COpz.js";
+import { A as u } from "./Avatar-CkxjB_cU.js";
+import { L as f } from "./component-CLzFHaNK.js";
+import { b as y } from "./classes-CVxy1f4M.js";
+const b = ({
+  avatars: o,
+  border: a,
+  borderColor: i,
+  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: a,
+          borderColor: i,
+          onClick: o[r].onClick,
+          isLoading: o[r].isLoading,
+          withHover: m,
+          size: p,
+          children: o[r].children
+        }
+      )
+    },
+    r
+  )) });
+};
+export {
+  b as A
+};

package/dist/{Button-CpTXDsI7.js → Button-DLwud-g7.js}

@@ -1,17 +1,17 @@
 import { jsx as l, jsxs as v, Fragment as rr } from "react/jsx-runtime";
-import { d as ar, u as ir } from "./react-spring_web.modern-DgQDaJ06.js";
-import { C as N } from "./component-C1Gs4nVu.js";
-import { L as nr } from "./component-DRXQXr2G.js";
-import { F as cr } from "./component-CW2JPBAq.js";
-import { T as U } from "./component-BvHdlcdE.js";
+import { d as ar, u as ir } from "./react-spring_web.modern-DUf5COpz.js";
+import { C as N } from "./component-CGEZuC_0.js";
+import { L as nr } from "./component-CLzFHaNK.js";
+import { F as cr } from "./component-89pO-V2r.js";
+import { T as U } from "./component-BbiEBU5H.js";
 import { C as lr } from "./generics-D33J7ILI.js";
 import { C as dr, S as fr, b as mr, f as or } from "./generics-C-WSPclF.js";
 import { h as tr, j as pr, b as gr } from "./classes-CVxy1f4M.js";
-import { j as f, c as s, i as hr, f as h, d as i, B as F, b as c, l as Cr, h as Tr, k as O, e as Br } from "./types-BNUi2DUD.js";
+import { c as s, i as hr, j as f, f as h, d as i, B as F, b as c, l as Cr, h as Tr, k as O, e as Br } from "./types-xFemYgmc.js";
 import { useState as er, useEffect as xr } from "react";
 import { u as Lr } from "./web-B_p0FWHf.js";
-import { L as Rr } from "./LabelText-D7QIWtWj.js";
-import { U as ur } from "./UIcon-BHzbeYWw.js";
+import { L as Rr } from "./LabelText-WYEq5keJ.js";
+import { U as ur } from "./UIcon-Cc5PX9WJ.js";
 const sr = ({
   icon: m,
   iconSize: e,

package/dist/{Checkbox-C29jP71p.js → Checkbox-CNpy1wvA.js}

@@ -1,9 +1,9 @@
 import { jsx as d, Fragment as b } from "react/jsx-runtime";
-import { u as i } from "./react-spring_web.modern-DgQDaJ06.js";
+import { u as i } from "./react-spring_web.modern-DUf5COpz.js";
 import { b as a, C as t, a as e, c as C } from "./types-BWsKfOhf.js";
 import { h as p, j as m, b as u } from "./classes-CVxy1f4M.js";
-import { L as f } from "./component-DRXQXr2G.js";
-import { C as c } from "./component-C1Gs4nVu.js";
+import { L as f } from "./component-CLzFHaNK.js";
+import { C as c } from "./component-CGEZuC_0.js";
 const O = ({
   isChecked: r,
   size: l,

package/dist/Checkboxes-CQVptWR8.cjs

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

package/dist/Checkboxes-Cj740f5X.js

@@ -0,0 +1,80 @@
+import { jsx as s, jsxs as C } from "react/jsx-runtime";
+import { C as m } from "./component-CGEZuC_0.js";
+import { L as l } from "./component-CLzFHaNK.js";
+import { T as d } from "./component-BbiEBU5H.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-CNpy1wvA.js";
+const z = ({
+  options: o,
+  multiselect: a = !1,
+  checkboxColor: t = y.Primary5,
+  size: f,
+  //= CheckboxSizes.Size1,
+  handleClick: r
+}) => {
+  const x = I(
+    (e) => {
+      if (a)
+        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, a, o]
+  );
+  return /* @__PURE__ */ s(l, { children: o.map((e, n) => /* @__PURE__ */ s(
+    g,
+    {
+      checkboxColor: t,
+      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: a,
+  value: t,
+  isChecked: f,
+  checkboxColor: r,
+  size: x,
+  handleClickBox: e
+}) => /* @__PURE__ */ s(
+  m,
+  {
+    onClick: () => e(o, t),
+    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: a }) })
+        ]
+      }
+    )
+  }
+);
+export {
+  z as C
+};

package/dist/Chip-DgSZZTgy.js

@@ -0,0 +1,132 @@
+import { jsx as p } from "react/jsx-runtime";
+import { C as O } from "./component-CGEZuC_0.js";
+import { L as _ } from "./component-CLzFHaNK.js";
+import { T as v } from "./component-BbiEBU5H.js";
+import { C as l, a as E } from "./generics-D33J7ILI.js";
+import { a as L, c as T } from "./values-CSE3dLnv.js";
+import { a as I, B as M, R as e, S as o, d as n, f as k } from "./generics-C-WSPclF.js";
+import { b as H } from "./classes-CVxy1f4M.js";
+var c = /* @__PURE__ */ ((d) => (d[d.Tiny = 1] = "Tiny", d[d.Small = 2] = "Small", d[d.Medium = 3] = "Medium", d[d.Big = 4] = "Big", d))(c || {});
+const i = {
+  1: {
+    fontSize: n.Size1,
+    paddingTop: o.Size0,
+    paddingBottom: o.Size0,
+    paddingLeft: o.Size1,
+    paddingRight: o.Size1,
+    borderRadius: e.Size7
+  },
+  2: {
+    fontSize: n.Size2,
+    paddingTop: o.Size1,
+    paddingBottom: o.Size1,
+    paddingLeft: o.Size2,
+    paddingRight: o.Size2,
+    borderRadius: e.Size7
+  },
+  3: {
+    fontSize: n.Size3,
+    paddingTop: o.Size2,
+    paddingBottom: o.Size2,
+    paddingLeft: o.Size3,
+    paddingRight: o.Size3,
+    borderRadius: e.Size7
+  },
+  4: {
+    fontSize: n.Size4,
+    paddingTop: o.Size3,
+    paddingBottom: o.Size3,
+    paddingLeft: o.Size4,
+    paddingRight: o.Size4,
+    borderRadius: e.Size7
+  }
+};
+var C = /* @__PURE__ */ ((d) => (d[d.Filled = 1] = "Filled", d[d.Outlined = 2] = "Outlined", d))(C || {});
+const a = {
+  1: {
+    bgColor: l.Primary5,
+    font: {
+      fontColor: l.Grey9
+    }
+  },
+  2: {
+    border: {
+      borderColor: l.Primary5,
+      borderStyle: M.Solid,
+      borderWidth: I.Size2
+    },
+    font: {
+      // fontColor: ColorPalettes.Primary5,
+    }
+  }
+}, q = ({
+  children: d,
+  chipColor: r = E.Primarys,
+  paddings: y = "all",
+  margin: P,
+  marginTop: F,
+  marginBottom: W,
+  marginLeft: h,
+  marginRight: x,
+  fontSize: f,
+  // style,
+  chipStyle: t = C.Filled,
+  size: g = c.Medium
+}) => {
+  var m, S, s, b, u, R, z, B;
+  return /* @__PURE__ */ p(_, { display: H.Flex, children: /* @__PURE__ */ p(
+    O,
+    {
+      ...Y(y, g),
+      margin: P,
+      marginTop: F,
+      marginBottom: W,
+      marginLeft: h,
+      marginRight: x,
+      borderRadius: i[g].borderRadius,
+      borderColor: (m = a[t].border) == null ? void 0 : m.borderColor,
+      borderStyle: (S = a[t].border) == null ? void 0 : S.borderStyle,
+      borderWidth: (s = a[t].border) == null ? void 0 : s.borderWidth,
+      style: {
+        backgroundColor: (b = a[t]) != null && b.bgColor ? L[T[r][0] + 2] : void 0,
+        color: (R = (u = a[t]) == null ? void 0 : u.font) != null && R.fontColor ? (B = (z = a[t]) == null ? void 0 : z.font) == null ? void 0 : B.fontColor : L[T[r][0] + 4]
+      },
+      children: /* @__PURE__ */ p(
+        v,
+        {
+          style: {
+            display: "inline-block",
+            transform: "translateY(-1px)",
+            color: "inherit"
+          },
+          fontSize: f || i[g].fontSize,
+          fontWeight: k.Size3,
+          children: d
+        }
+      )
+    }
+  ) });
+}, Y = (d, r) => {
+  switch (d) {
+    case "all":
+      return {
+        paddingTop: i[r].paddingTop,
+        paddingBottom: i[r].paddingBottom,
+        paddingLeft: i[r].paddingLeft,
+        paddingRight: i[r].paddingRight
+      };
+    case "left right":
+      return {
+        paddingLeft: i[r].paddingLeft,
+        paddingRight: i[r].paddingRight
+      };
+    default:
+      return {
+        paddingTop: i[r].paddingTop,
+        paddingBottom: i[r].paddingBottom
+      };
+  }
+};
+export {
+  q as C
+};

package/dist/Chip-HOh--tbB.cjs

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

package/dist/ColorPicker-DUz0qcHd.js

@@ -0,0 +1,234 @@
+import { jsx as p, jsxs as T } from "react/jsx-runtime";
+import { T as $ } from "./TagColor-Bd3n3RCF.js";
+import { a as A } from "./types-BXyuQRbv.js";
+import s, { useState as H, useEffect as _, useRef as g, useCallback as J, useLayoutEffect as Q, useMemo as U } from "react";
+import { C as I } from "./component-CGEZuC_0.js";
+import { L as W } from "./component-CLzFHaNK.js";
+import { i as Z, b as G } from "./classes-CVxy1f4M.js";
+import { u as rr } from "./useClickOutsideDOM-CBmttEFU.js";
+const er = (r, e) => {
+  const [n, t] = H(r);
+  return _(() => {
+    const o = setTimeout(() => {
+      t(r);
+    }, e);
+    return () => {
+      clearTimeout(o);
+    };
+  }, [r, e]), n;
+};
+function E() {
+  return (E = Object.assign || function(r) {
+    for (var e = 1; e < arguments.length; e++) {
+      var n = arguments[e];
+      for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && (r[t] = n[t]);
+    }
+    return r;
+  }).apply(this, arguments);
+}
+function q(r, e) {
+  if (r == null) return {};
+  var n, t, o = {}, a = Object.keys(r);
+  for (t = 0; t < a.length; t++) e.indexOf(n = a[t]) >= 0 || (o[n] = r[n]);
+  return o;
+}
+function k(r) {
+  var e = g(r), n = g(function(t) {
+    e.current && e.current(t);
+  });
+  return e.current = r, n.current;
+}
+var w = function(r, e, n) {
+  return e === void 0 && (e = 0), n === void 0 && (n = 1), r > n ? n : r < e ? e : r;
+}, x = function(r) {
+  return "touches" in r;
+}, D = function(r) {
+  return r && r.ownerDocument.defaultView || self;
+}, j = function(r, e, n) {
+  var t = r.getBoundingClientRect(), o = x(e) ? (function(a, l) {
+    for (var c = 0; c < a.length; c++) if (a[c].identifier === l) return a[c];
+    return a[0];
+  })(e.touches, n) : e;
+  return { left: w((o.pageX - (t.left + D(r).pageXOffset)) / t.width), top: w((o.pageY - (t.top + D(r).pageYOffset)) / t.height) };
+}, S = function(r) {
+  !x(r) && r.preventDefault();
+}, V = s.memo(function(r) {
+  var e = r.onMove, n = r.onKey, t = q(r, ["onMove", "onKey"]), o = g(null), a = k(e), l = k(n), c = g(null), d = g(!1), u = U(function() {
+    var X = function(h) {
+      S(h), (x(h) ? h.touches.length > 0 : h.buttons > 0) && o.current ? a(j(o.current, h, c.current)) : C(!1);
+    }, Y = function() {
+      return C(!1);
+    };
+    function C(h) {
+      var f = d.current, m = D(o.current), b = h ? m.addEventListener : m.removeEventListener;
+      b(f ? "touchmove" : "mousemove", X), b(f ? "touchend" : "mouseup", Y);
+    }
+    return [function(h) {
+      var f = h.nativeEvent, m = o.current;
+      if (m && (S(f), !(function(P, R) {
+        return R && !x(P);
+      })(f, d.current) && m)) {
+        if (x(f)) {
+          d.current = !0;
+          var b = f.changedTouches || [];
+          b.length && (c.current = b[0].identifier);
+        }
+        m.focus(), a(j(m, f, c.current)), C(!0);
+      }
+    }, function(h) {
+      var f = h.which || h.keyCode;
+      f < 37 || f > 40 || (h.preventDefault(), l({ left: f === 39 ? 0.05 : f === 37 ? -0.05 : 0, top: f === 40 ? 0.05 : f === 38 ? -0.05 : 0 }));
+    }, C];
+  }, [l, a]), v = u[0], M = u[1], z = u[2];
+  return _(function() {
+    return z;
+  }, [z]), s.createElement("div", E({}, t, { onTouchStart: v, onMouseDown: v, className: "react-colorful__interactive", ref: o, onKeyDown: M, tabIndex: 0, role: "slider" }));
+}), L = function(r) {
+  return r.filter(Boolean).join(" ");
+}, B = function(r) {
+  var e = r.color, n = r.left, t = r.top, o = t === void 0 ? 0.5 : t, a = L(["react-colorful__pointer", r.className]);
+  return s.createElement("div", { className: a, style: { top: 100 * o + "%", left: 100 * n + "%" } }, s.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: e } }));
+}, i = function(r, e, n) {
+  return e === void 0 && (e = 0), n === void 0 && (n = Math.pow(10, e)), Math.round(n * r) / n;
+}, nr = function(r) {
+  return lr(N(r));
+}, N = function(r) {
+  return r[0] === "#" && (r = r.substring(1)), r.length < 6 ? { r: parseInt(r[0] + r[0], 16), g: parseInt(r[1] + r[1], 16), b: parseInt(r[2] + r[2], 16), a: r.length === 4 ? i(parseInt(r[3] + r[3], 16) / 255, 2) : 1 } : { r: parseInt(r.substring(0, 2), 16), g: parseInt(r.substring(2, 4), 16), b: parseInt(r.substring(4, 6), 16), a: r.length === 8 ? i(parseInt(r.substring(6, 8), 16) / 255, 2) : 1 };
+}, tr = function(r) {
+  return cr(ar(r));
+}, or = function(r) {
+  var e = r.s, n = r.v, t = r.a, o = (200 - e) * n / 100;
+  return { h: i(r.h), s: i(o > 0 && o < 200 ? e * n / 100 / (o <= 100 ? o : 200 - o) * 100 : 0), l: i(o / 2), a: i(t, 2) };
+}, O = function(r) {
+  var e = or(r);
+  return "hsl(" + e.h + ", " + e.s + "%, " + e.l + "%)";
+}, ar = function(r) {
+  var e = r.h, n = r.s, t = r.v, o = r.a;
+  e = e / 360 * 6, n /= 100, t /= 100;
+  var a = Math.floor(e), l = t * (1 - n), c = t * (1 - (e - a) * n), d = t * (1 - (1 - e + a) * n), u = a % 6;
+  return { r: i(255 * [t, c, l, l, d, t][u]), g: i(255 * [d, t, t, c, l, l][u]), b: i(255 * [l, l, d, t, t, c][u]), a: i(o, 2) };
+}, y = function(r) {
+  var e = r.toString(16);
+  return e.length < 2 ? "0" + e : e;
+}, cr = function(r) {
+  var e = r.r, n = r.g, t = r.b, o = r.a, a = o < 1 ? y(i(255 * o)) : "";
+  return "#" + y(e) + y(n) + y(t) + a;
+}, lr = function(r) {
+  var e = r.r, n = r.g, t = r.b, o = r.a, a = Math.max(e, n, t), l = a - Math.min(e, n, t), c = l ? a === e ? (n - t) / l : a === n ? 2 + (t - e) / l : 4 + (e - n) / l : 0;
+  return { h: i(60 * (c < 0 ? c + 6 : c)), s: i(a ? l / a * 100 : 0), v: i(a / 255 * 100), a: o };
+}, ur = s.memo(function(r) {
+  var e = r.hue, n = r.onChange, t = L(["react-colorful__hue", r.className]);
+  return s.createElement("div", { className: t }, s.createElement(V, { onMove: function(o) {
+    n({ h: 360 * o.left });
+  }, onKey: function(o) {
+    n({ h: w(e + 360 * o.left, 0, 360) });
+  }, "aria-label": "Hue", "aria-valuenow": i(e), "aria-valuemax": "360", "aria-valuemin": "0" }, s.createElement(B, { className: "react-colorful__hue-pointer", left: e / 360, color: O({ h: e, s: 100, v: 100, a: 1 }) })));
+}), ir = s.memo(function(r) {
+  var e = r.hsva, n = r.onChange, t = { backgroundColor: O({ h: e.h, s: 100, v: 100, a: 1 }) };
+  return s.createElement("div", { className: "react-colorful__saturation", style: t }, s.createElement(V, { onMove: function(o) {
+    n({ s: 100 * o.left, v: 100 - 100 * o.top });
+  }, onKey: function(o) {
+    n({ s: w(e.s + 100 * o.left, 0, 100), v: w(e.v - 100 * o.top, 0, 100) });
+  }, "aria-label": "Color", "aria-valuetext": "Saturation " + i(e.s) + "%, Brightness " + i(e.v) + "%" }, s.createElement(B, { className: "react-colorful__saturation-pointer", top: 1 - e.v / 100, left: e.s / 100, color: O(e) })));
+}), F = function(r, e) {
+  if (r === e) return !0;
+  for (var n in r) if (r[n] !== e[n]) return !1;
+  return !0;
+}, sr = function(r, e) {
+  return r.toLowerCase() === e.toLowerCase() || F(N(r), N(e));
+};
+function fr(r, e, n) {
+  var t = k(n), o = H(function() {
+    return r.toHsva(e);
+  }), a = o[0], l = o[1], c = g({ color: e, hsva: a });
+  _(function() {
+    if (!r.equal(e, c.current.color)) {
+      var u = r.toHsva(e);
+      c.current = { hsva: u, color: e }, l(u);
+    }
+  }, [e, r]), _(function() {
+    var u;
+    F(a, c.current.hsva) || r.equal(u = r.fromHsva(a), c.current.color) || (c.current = { hsva: a, color: u }, t(u));
+  }, [a, r, t]);
+  var d = J(function(u) {
+    l(function(v) {
+      return Object.assign({}, v, u);
+    });
+  }, []);
+  return [a, d];
+}
+var dr = typeof window < "u" ? Q : _, hr = function() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
+}, K = /* @__PURE__ */ new Map(), vr = function(r) {
+  dr(function() {
+    var e = r.current ? r.current.ownerDocument : document;
+    if (e !== void 0 && !K.has(e)) {
+      var n = e.createElement("style");
+      n.innerHTML = `.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`, K.set(e, n);
+      var t = hr();
+      t && n.setAttribute("nonce", t), e.head.appendChild(n);
+    }
+  }, []);
+}, pr = function(r) {
+  var e = r.className, n = r.colorModel, t = r.color, o = t === void 0 ? n.defaultColor : t, a = r.onChange, l = q(r, ["className", "colorModel", "color", "onChange"]), c = g(null);
+  vr(c);
+  var d = fr(n, o, a), u = d[0], v = d[1], M = L(["react-colorful", e]);
+  return s.createElement("div", E({}, l, { ref: c, className: M }), s.createElement(ir, { hsva: u, onChange: v }), s.createElement(ur, { hue: u.h, onChange: v, className: "react-colorful__last-control" }));
+}, mr = { defaultColor: "000", toHsva: nr, fromHsva: function(r) {
+  return tr({ h: r.h, s: r.s, v: r.v, a: 1 });
+}, equal: sr }, gr = function(r) {
+  return s.createElement(pr, E({}, r, { colorModel: mr }));
+};
+const _r = "_colorfulcontainer_1kkrb_1", br = {
+  colorfulcontainer: _r
+}, xr = ({
+  position: r,
+  selectColor: e,
+  closePicker: n,
+  handleColorChange: t
+}) => {
+  const o = rr(() => {
+    n && n(!1);
+  });
+  return /* @__PURE__ */ p("div", { ref: o, style: { position: r }, children: /* @__PURE__ */ p(W, { display: G.Flex, flexDirection: Z.Column, children: /* @__PURE__ */ p(I, { children: /* @__PURE__ */ p(I, { className: br.colorfulcontainer, children: /* @__PURE__ */ p(gr, { color: e, onChange: t }) }) }) }) });
+}, Or = ({
+  defaultColor: r = "#eeeeee",
+  setInput: e,
+  setColor: n,
+  inputName: t = void 0,
+  closePicker: o = void 0,
+  position: a = "absolute"
+}) => {
+  const [l, c] = H(
+    r || "#eee"
+  );
+  _(() => {
+    c(r || "#eee");
+  }, [r]);
+  const d = (v) => {
+    c(v);
+  }, u = er(l, 250);
+  return _(() => {
+    n && n(u), e && e((v) => ({
+      ...v,
+      [`${t || "edit_color"}`]: u
+    }));
+  }, [u, t, e, n]), /* @__PURE__ */ T("div", { children: [
+    /* @__PURE__ */ T("div", { className: "title", children: [
+      /* @__PURE__ */ p("span", { children: "Choose color: " }),
+      /* @__PURE__ */ p($, { color: l, size: A.Large })
+    ] }),
+    /* @__PURE__ */ p(
+      xr,
+      {
+        selectColor: l,
+        handleColorChange: d,
+        position: a,
+        closePicker: o
+      }
+    )
+  ] });
+};
+export {
+  Or as C
+};