@functionalui/functionalui 0.2.6 → 0.2.8

package/dist/admonition/index.mjs

@@ -1,88 +1,4 @@
-import { jsx as i, jsxs as e } from "react/jsx-runtime";
-import { C as d } from "../component-C1Gs4nVu.js";
-import { L as p } from "../component-DRXQXr2G.js";
-import { T as l } from "../component-D0wwK4KY.js";
-import { T as m } from "../component-BvHdlcdE.js";
-import { U as f } from "../UIcon-BHzbeYWw.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 L, e as R } from "../types-34thzuQ5.js";
-const j = ({
-  level: n,
-  size: t = L.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: R[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
-        }
-      )
-    ] })
-  }
-);
+import { A as m } from "../Admonition-CReUUZzJ.js";
 export {
-  j as Admonition
+  m as Admonition
 };

package/dist/avatar/index.mjs

@@ -1,4 +1,4 @@
-import { A as o } from "../Avatar-CQA0mEVW.js";
+import { A as o } from "../Avatar-CkxjB_cU.js";
 export {
   o as Avatar
 };

package/dist/avatar-group/index.cjs

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

package/dist/avatar-group/index.mjs

@@ -1,52 +1,4 @@
-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
-  )) });
-};
+import { A as o } from "../AvatarGroup-FpaQP2H4.js";
 export {
-  b as AvatarGroup
+  o as AvatarGroup
 };

package/dist/button/index.mjs

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

package/dist/checkbox/index.mjs

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

package/dist/checkboxes/index.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkboxes-CQVptWR8.cjs");exports.Checkboxes=e.Checkboxes;

package/dist/checkboxes/index.mjs

@@ -1,80 +1,4 @@
-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 }) })
-        ]
-      }
-    )
-  }
-);
+import { C as r } from "../Checkboxes-Cj740f5X.js";
 export {
-  z as Checkboxes
+  r as Checkboxes
 };

package/dist/chip/index.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Chip-HOh--tbB.cjs");exports.Chip=e.Chip;

package/dist/chip/index.mjs

@@ -1,132 +1,4 @@
-import { jsx as p } from "react/jsx-runtime";
-import { C as O } from "../component-C1Gs4nVu.js";
-import { L as _ } from "../component-DRXQXr2G.js";
-import { T as v } from "../component-BvHdlcdE.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 y = /* @__PURE__ */ ((d) => (d[d.Filled = 1] = "Filled", d[d.Outlined = 2] = "Outlined", d))(y || {});
-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: C = "all",
-  margin: P,
-  marginTop: F,
-  marginBottom: W,
-  marginLeft: h,
-  marginRight: x,
-  fontSize: f,
-  // style,
-  chipStyle: t = y.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(C, 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
-      };
-  }
-};
+import { C as r } from "../Chip-DgSZZTgy.js";
 export {
-  q as Chip
+  r as Chip
 };

package/dist/color-picker/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),F=require("../TagColor-QGINp77p.cjs"),X=require("../types-DDcRx4Wz.cjs"),c=require("react"),N=require("../component-D-EEi7NI.cjs"),Y=require("../component-B1mkowwk.cjs"),q=require("../classes-HsjFV5aN.cjs"),A=require("../useClickOutsideDOM-Dd6ewH8B.cjs"),J=(e,r)=>{const[n,t]=c.useState(e);return c.useEffect(()=>{const o=setTimeout(()=>{t(e)},r);return()=>{clearTimeout(o)}},[e,r]),n};function w(){return(w=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}function z(e,r){if(e==null)return{};var n,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r.indexOf(n=a[t])>=0||(o[n]=e[n]);return o}function E(e){var r=c.useRef(e),n=c.useRef(function(t){r.current&&r.current(t)});return r.current=e,n.current}var b=function(e,r,n){return r===void 0&&(r=0),n===void 0&&(n=1),e>n?n:e<r?r:e},_=function(e){return"touches"in e},M=function(e){return e&&e.ownerDocument.defaultView||self},S=function(e,r,n){var t=e.getBoundingClientRect(),o=_(r)?(function(a,l){for(var u=0;u<a.length;u++)if(a[u].identifier===l)return a[u];return a[0]})(r.touches,n):r;return{left:b((o.pageX-(t.left+M(e).pageXOffset))/t.width),top:b((o.pageY-(t.top+M(e).pageYOffset))/t.height)}},H=function(e){!_(e)&&e.preventDefault()},L=c.memo(function(e){var r=e.onMove,n=e.onKey,t=z(e,["onMove","onKey"]),o=c.useRef(null),a=E(r),l=E(n),u=c.useRef(null),d=c.useRef(!1),i=c.useMemo(function(){var K=function(h){H(h),(_(h)?h.touches.length>0:h.buttons>0)&&o.current?a(S(o.current,h,u.current)):x(!1)},P=function(){return x(!1)};function x(h){var f=d.current,g=M(o.current),m=h?g.addEventListener:g.removeEventListener;m(f?"touchmove":"mousemove",K),m(f?"touchend":"mouseup",P)}return[function(h){var f=h.nativeEvent,g=o.current;if(g&&(H(f),!(function(V,B){return B&&!_(V)})(f,d.current)&&g)){if(_(f)){d.current=!0;var m=f.changedTouches||[];m.length&&(u.current=m[0].identifier)}g.focus(),a(S(g,f,u.current)),x(!0)}},function(h){var f=h.which||h.keyCode;f<37||f>40||(h.preventDefault(),l({left:f===39?.05:f===37?-.05:0,top:f===40?.05:f===38?-.05:0}))},x]},[l,a]),v=i[0],y=i[1],O=i[2];return c.useEffect(function(){return O},[O]),c.createElement("div",w({},t,{onTouchStart:v,onMouseDown:v,className:"react-colorful__interactive",ref:o,onKeyDown:y,tabIndex:0,role:"slider"}))}),D=function(e){return e.filter(Boolean).join(" ")},R=function(e){var r=e.color,n=e.left,t=e.top,o=t===void 0?.5:t,a=D(["react-colorful__pointer",e.className]);return c.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},c.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:r}}))},s=function(e,r,n){return r===void 0&&(r=0),n===void 0&&(n=Math.pow(10,r)),Math.round(n*e)/n},Q=function(e){return $(k(e))},k=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?s(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?s(parseInt(e.substring(6,8),16)/255,2):1}},U=function(e){return G(Z(e))},W=function(e){var r=e.s,n=e.v,t=e.a,o=(200-r)*n/100;return{h:s(e.h),s:s(o>0&&o<200?r*n/100/(o<=100?o:200-o)*100:0),l:s(o/2),a:s(t,2)}},j=function(e){var r=W(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},Z=function(e){var r=e.h,n=e.s,t=e.v,o=e.a;r=r/360*6,n/=100,t/=100;var a=Math.floor(r),l=t*(1-n),u=t*(1-(r-a)*n),d=t*(1-(1-r+a)*n),i=a%6;return{r:s(255*[t,u,l,l,d,t][i]),g:s(255*[d,t,t,u,l,l][i]),b:s(255*[l,l,d,t,t,u][i]),a:s(o,2)}},C=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},G=function(e){var r=e.r,n=e.g,t=e.b,o=e.a,a=o<1?C(s(255*o)):"";return"#"+C(r)+C(n)+C(t)+a},$=function(e){var r=e.r,n=e.g,t=e.b,o=e.a,a=Math.max(r,n,t),l=a-Math.min(r,n,t),u=l?a===r?(n-t)/l:a===n?2+(t-r)/l:4+(r-n)/l:0;return{h:s(60*(u<0?u+6:u)),s:s(a?l/a*100:0),v:s(a/255*100),a:o}},ee=c.memo(function(e){var r=e.hue,n=e.onChange,t=D(["react-colorful__hue",e.className]);return c.createElement("div",{className:t},c.createElement(L,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:b(r+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":s(r),"aria-valuemax":"360","aria-valuemin":"0"},c.createElement(R,{className:"react-colorful__hue-pointer",left:r/360,color:j({h:r,s:100,v:100,a:1})})))}),re=c.memo(function(e){var r=e.hsva,n=e.onChange,t={backgroundColor:j({h:r.h,s:100,v:100,a:1})};return c.createElement("div",{className:"react-colorful__saturation",style:t},c.createElement(L,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:b(r.s+100*o.left,0,100),v:b(r.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+s(r.s)+"%, Brightness "+s(r.v)+"%"},c.createElement(R,{className:"react-colorful__saturation-pointer",top:1-r.v/100,left:r.s/100,color:j(r)})))}),I=function(e,r){if(e===r)return!0;for(var n in e)if(e[n]!==r[n])return!1;return!0},ne=function(e,r){return e.toLowerCase()===r.toLowerCase()||I(k(e),k(r))};function te(e,r,n){var t=E(n),o=c.useState(function(){return e.toHsva(r)}),a=o[0],l=o[1],u=c.useRef({color:r,hsva:a});c.useEffect(function(){if(!e.equal(r,u.current.color)){var i=e.toHsva(r);u.current={hsva:i,color:r},l(i)}},[r,e]),c.useEffect(function(){var i;I(a,u.current.hsva)||e.equal(i=e.fromHsva(a),u.current.color)||(u.current={hsva:a,color:i},t(i))},[a,e,t]);var d=c.useCallback(function(i){l(function(v){return Object.assign({},v,i)})},[]);return[a,d]}var oe=typeof window<"u"?c.useLayoutEffect:c.useEffect,ae=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},T=new Map,ce=function(e){oe(function(){var r=e.current?e.current.ownerDocument:document;if(r!==void 0&&!T.has(r)){var n=r.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}`,T.set(r,n);var t=ae();t&&n.setAttribute("nonce",t),r.head.appendChild(n)}},[])},ue=function(e){var r=e.className,n=e.colorModel,t=e.color,o=t===void 0?n.defaultColor:t,a=e.onChange,l=z(e,["className","colorModel","color","onChange"]),u=c.useRef(null);ce(u);var d=te(n,o,a),i=d[0],v=d[1],y=D(["react-colorful",r]);return c.createElement("div",w({},l,{ref:u,className:y}),c.createElement(re,{hsva:i,onChange:v}),c.createElement(ee,{hue:i.h,onChange:v,className:"react-colorful__last-control"}))},le={defaultColor:"000",toHsva:Q,fromHsva:function(e){return U({h:e.h,s:e.s,v:e.v,a:1})},equal:ne},ie=function(e){return c.createElement(ue,w({},e,{colorModel:le}))};const se="_colorfulcontainer_1kkrb_1",fe={colorfulcontainer:se},de=({position:e,selectColor:r,closePicker:n,handleColorChange:t})=>{const o=A.useClickOutsideDOM(()=>{n&&n(!1)});return p.jsx("div",{ref:o,style:{position:e},children:p.jsx(Y.Layout,{display:q.Displays.Flex,flexDirection:q.FlexDirections.Column,children:p.jsx(N.Container,{children:p.jsx(N.Container,{className:fe.colorfulcontainer,children:p.jsx(ie,{color:r,onChange:t})})})})})},he=({defaultColor:e="#eeeeee",setInput:r,setColor:n,inputName:t=void 0,closePicker:o=void 0,position:a="absolute"})=>{const[l,u]=c.useState(e||"#eee");c.useEffect(()=>{u(e||"#eee")},[e]);const d=v=>{u(v)},i=J(l,250);return c.useEffect(()=>{n&&n(i),r&&r(v=>({...v,[`${t||"edit_color"}`]:i}))},[i,t,r,n]),p.jsxs("div",{children:[p.jsxs("div",{className:"title",children:[p.jsx("span",{children:"Choose color: "}),p.jsx(F.TagColor,{color:l,size:X.TagColorSizes.Large})]}),p.jsx(de,{selectColor:l,handleColorChange:d,position:a,closePicker:o})]})};exports.ColorPicker=he;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ColorPicker-rxR_V4EW.cjs");exports.ColorPicker=e.ColorPicker;

package/dist/color-picker/index.mjs

@@ -1,234 +1,4 @@
-import { jsx as p, jsxs as T } from "react/jsx-runtime";
-import { T as $ } from "../TagColor-BYKxfOU6.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-C1Gs4nVu.js";
-import { L as W } from "../component-DRXQXr2G.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
-      }
-    )
-  ] });
-};
+import { C as e } from "../ColorPicker-DUz0qcHd.js";
 export {
-  Or as ColorPicker
+  e as ColorPicker
 };