@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/{CategorySimpleCard-BA0S7TaN.js → CategorySimpleCard-DRQuoxXu.js}

@@ -1,9 +1,10 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { o as e } from "./utils-Dc5zIpaz.js";
-import { M as h } from "./consts-BuFChS64.js";
-const g = c.div`
+import { M as p } from "./consts-BuFChS64.js";
+const x = l.a`
+  text-decoration: none;
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -39,7 +40,7 @@ const g = c.div`
     max-height: 8.25rem;
   }
 
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${p + "px"}) {
     min-width: 8.75rem;
     max-width: 8.75rem;
 
@@ -49,22 +50,23 @@ const g = c.div`
       max-height: 5.375rem;
     }
   }
-`, v = s((i, a) => {
-  const { uuid: o, image: t, name: m, onSelectCard: n = () => {
+`, y = g((i, o) => {
+  const { image: a, name: t, urlPrefix: m, urlSufix: n, code: d, uuid: c, onSelectCard: s = () => {
   } } = i;
-  return /* @__PURE__ */ d(
-    g,
+  return /* @__PURE__ */ h(
+    x,
     {
-      ref: a,
+      ref: o,
       className: "simple-category-card",
-      onClick: () => n(o),
+      onClick: () => s(c),
+      href: `${m}${d}${n}`,
       children: [
-        /* @__PURE__ */ r("img", { src: t }),
-        /* @__PURE__ */ r("div", { className: "card-content", children: /* @__PURE__ */ r("div", { className: "card-content-2", children: m }) })
+        /* @__PURE__ */ r("img", { src: a }),
+        /* @__PURE__ */ r("div", { className: "card-content", children: /* @__PURE__ */ r("div", { className: "card-content-2", children: t }) })
       ]
     }
   );
 });
 export {
-  v as C
+  y as C
 };

package/dist/CheckBoxInput.cjs

@@ -1,19 +1,19 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BpbMKBf_.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
+"use strict";const i=require("react/jsx-runtime"),R=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),V=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),O=e=>e=="left"?"row-reverse":"row",o=(e,l)=>`calc(${e.components.Checkbox.default.enabled.sizes[l]} / 2)`,I=j.styled.label`
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   cursor: pointer;
-  min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
+  min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
   display: inline-flex;
   align-items: center;
   justify-content: start;
-  flex-direction: ${e=>V(e.labelPosition)};
+  flex-direction: ${e=>O(e.labelPosition)};
   ${e=>e.spaceBetween==!0&&"justify-content: space-between;"}
   width: 100%;
   ${e=>e.disabled===!0&&"pointer-events: none;"}
-  ${e=>o.getComponentTypographyCss(e.theme,"Checkbox",e.size,"enabled")};
+  ${e=>t.getComponentTypographyCss(e.theme,"Checkbox",e.size,"enabled")};
   gap: 0.75rem;
   position: relative;
   & .checkbox-label {
@@ -23,7 +23,7 @@
     min-height: 0;
     overflow: hidden;
     text-overflow: ellipsis;
-    color: ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"enabled","text")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"enabled","text")};
   }
   & input {
     position: absolute;
@@ -49,11 +49,11 @@
     align-items: center;
     transition: all 0.2s ease;
     background-color: transparent;
-    color: ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"enabled","text")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"enabled","text")};
     border: 1px solid
-      ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"enabled","border")};
-    border-radius: ${e=>o.getBorderRadiusValueWithUnits(e.theme,"slight")};
-    ${e=>e.disabled===!0&&`background-color: ${o.getColorRgbaValue(e.theme,"Checkbox",e.color,"disabled","border")}`};
+      ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"enabled","border")};
+    border-radius: ${e=>t.getBorderRadiusValueWithUnits(e.theme,"slight")};
+    ${e=>e.disabled===!0&&`background-color: ${t.getColorRgbaValue(e.theme,"Checkbox",e.color,"disabled","border")}`};
     & svg {
       height: 0;
       width: 0;
@@ -66,12 +66,12 @@
     }
   }
   & input:checked ~ .checkmark {
-    background-color: ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"active","background","backgroundOpacity")};
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"active","background","backgroundOpacity")};
     border: 1px solid
-      ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"active","border")};
+      ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"active","border")};
     & .checked {
-      height: ${e=>i(e.theme,e.size)};
-      width: ${e=>i(e.theme,e.size)};
+      height: ${e=>o(e.theme,e.size)};
+      width: ${e=>o(e.theme,e.size)};
       stroke: white;
     }
     & .indeterminate {
@@ -79,40 +79,40 @@
       width: 0;
     }
     & img {
-      max-height: ${e=>i(e.theme,e.size)};
-      max-width: ${e=>i(e.theme,e.size)};
+      max-height: ${e=>o(e.theme,e.size)};
+      max-width: ${e=>o(e.theme,e.size)};
     }
   }
   & input:checked ~ .checkbox-label {
-    color: ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"active","text")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"active","text")};
   }
   & input:indeterminate ~ .checkmark {
     & .checked {
       height: 0;
       width: 0;
     }
-    background-color: ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"active","background","backgroundOpacity")};
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"active","background","backgroundOpacity")};
     & .indeterminate {
-      height: ${e=>i(e.theme,e.size)};
-      width: ${e=>i(e.theme,e.size)};
+      height: ${e=>o(e.theme,e.size)};
+      width: ${e=>o(e.theme,e.size)};
       stroke: white;
     }
   }
   & input:indeterminate ~ .checkbox-label {
-    color: ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"enabled","text")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"enabled","text")};
   }
   & input:disabled ~ .checkmark {
-    ${e=>e.readOnly!==!0&&`background-color: ${o.getColorRgbaValue(e.theme,"Checkbox",e.color,"disabled","border")};
-    border-color: ${o.getColorRgbaValue(e.theme,"Checkbox",e.color,"disabled","border")};
+    ${e=>e.readOnly!==!0&&`background-color: ${t.getColorRgbaValue(e.theme,"Checkbox",e.color,"disabled","border")};
+    border-color: ${t.getColorRgbaValue(e.theme,"Checkbox",e.color,"disabled","border")};
     `};
   }
   & input:disabled ~ .checkbox-label {
-    color: ${e=>o.getColorRgbaValue(e.theme,"Checkbox",e.color,"disabled","text")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"Checkbox",e.color,"disabled","text")};
   }
   & input:focus ~ .checkmark {
-    ${e=>o.getOutlineCss(e.theme)};
+    ${e=>t.getOutlineCss(e.theme)};
   }
   & input:active ~ .checkmark {
-    ${e=>o.getOutlineCss(e.theme)};
+    ${e=>t.getOutlineCss(e.theme)};
   }
-`,g=z.forwardRef((e,s)=>{const{containerRef:k,id:B,indeterminate:I,disabled:u,readOnly:d,label:a,labelPosition:m="right",spaceBetween:x,customCheckmark:h,onChange:b,onFocus:l,onBlur:c,onClick:y,color:p="primary",size:C="small",className:w="",style:f={},children:L,...$}=e;var P={theme:j.useTheme(),size:C,color:p,disabled:u,readOnly:d};const T=r=>{c&&(c==null||c(r))},v=r=>{l&&(l==null||l(r))};return n.jsxs(O,{ref:k,direction:m,className:w,style:f,label:a,labelPosition:m,spaceBetween:x,tabIndex:-1,readOnly:d,onClick:y,...P,children:[n.jsx("input",{ref:s,type:"checkbox",onBlur:T,onFocus:v,disabled:u||d,onChange:r=>b==null?void 0:b(r),...$}),n.jsxs("div",{className:"checkmark",tabIndex:-1,children:[!h&&n.jsx("svg",{viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,disabled:!0,tabIndex:-1,className:"checked",children:n.jsx("path",{d:"M1 3.15385L2.89474 5L7 1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",tabIndex:-1})}),n.jsx("svg",{width:"8",height:"2",viewBox:"0 0 8 2",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,disabled:!0,tabIndex:-1,className:"indeterminate",children:n.jsx("path",{d:"M1 1H7",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",tabIndex:-1,title:a})}),h&&n.jsx(n.Fragment,{children:h})]}),a&&n.jsx("div",{className:"checkbox-label",tabIndex:-1,children:a})]})});g.propTypes={containerRef:t.PropTypes.any,id:t.PropTypes.any,defaultChecked:t.PropTypes.bool,checked:t.PropTypes.bool,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,label:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),indeterminate:t.PropTypes.bool,labelPosition:t.PropTypes.oneOf(["right","left"]),tabIndex:t.PropTypes.number,spaceBetween:t.PropTypes.bool,customCheckmark:t.PropTypes.element,onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,onClick:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=g;
+`,B=R.forwardRef((e,l)=>{const{containerRef:m,id:L,indeterminate:q,disabled:b,readOnly:h,label:r,labelPosition:u="right",spaceBetween:g,customCheckmark:s,onChange:d,onFocus:a,onBlur:c,onClick:k,color:x="primary",size:C="small",className:w="",style:$={},children:N,...f}=e;var v={theme:V.useTheme(),size:C,color:x,disabled:b,readOnly:h};const z=n=>{c&&(c==null||c(n))},y=n=>{a&&(a==null||a(n))};return i.jsxs(I,{ref:m,direction:u,className:w,style:$,label:r,labelPosition:u,spaceBetween:g,tabIndex:-1,readOnly:h,onClick:k,...v,children:[i.jsx("input",{ref:l,type:"checkbox",onBlur:z,onFocus:y,disabled:b||h,onChange:n=>d==null?void 0:d(n),...f}),i.jsxs("div",{className:"checkmark",tabIndex:-1,children:[!s&&i.jsx("svg",{viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,disabled:!0,tabIndex:-1,className:"checked",children:i.jsx("path",{d:"M1 3.15385L2.89474 5L7 1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",tabIndex:-1})}),i.jsx("svg",{width:"8",height:"2",viewBox:"0 0 8 2",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,disabled:!0,tabIndex:-1,className:"indeterminate",children:i.jsx("path",{d:"M1 1H7",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",tabIndex:-1,title:r})}),s&&i.jsx(i.Fragment,{children:s})]}),r&&i.jsx("div",{className:"checkbox-label",tabIndex:-1,children:r})]})});module.exports=B;

package/dist/CheckBoxInput.js

@@ -1,21 +1,20 @@
-import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
+import { jsxs as u, jsx as i, Fragment as B } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
-import { P as t } from "./index-CblbdqjE.js";
 import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as g, c as L, b as n, a as N, e as x } from "./utils-Dc5zIpaz.js";
-import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.components.Checkbox.default.enabled.sizes[d]} / 2)`, T = j.label`
+import { d as k, c as L, b as t, a as N, e as x } from "./utils-Dc5zIpaz.js";
+import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const W = (e) => e == "left" ? "row-reverse" : "row", n = (e, h) => `calc(${e.components.Checkbox.default.enabled.sizes[h]} / 2)`, F = j.label`
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   cursor: pointer;
-  min-height: ${(e) => g(e.theme, e.size)};
-  max-height: ${(e) => g(e.theme, e.size)};
+  min-height: ${(e) => k(e.theme, e.size)};
+  max-height: ${(e) => k(e.theme, e.size)};
   display: inline-flex;
   align-items: center;
   justify-content: start;
-  flex-direction: ${(e) => R(e.labelPosition)};
+  flex-direction: ${(e) => W(e.labelPosition)};
   ${(e) => e.spaceBetween == !0 && "justify-content: space-between;"}
   width: 100%;
   ${(e) => e.disabled === !0 && "pointer-events: none;"}
@@ -29,7 +28,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
     min-height: 0;
     overflow: hidden;
     text-overflow: ellipsis;
-    color: ${(e) => n(
+    color: ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -61,7 +60,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
     align-items: center;
     transition: all 0.2s ease;
     background-color: transparent;
-    color: ${(e) => n(
+    color: ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -69,7 +68,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
   "text"
 )};
     border: 1px solid
-      ${(e) => n(
+      ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -77,7 +76,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
   "border"
 )};
     border-radius: ${(e) => N(e.theme, "slight")};
-    ${(e) => e.disabled === !0 && `background-color: ${n(
+    ${(e) => e.disabled === !0 && `background-color: ${t(
   e.theme,
   "Checkbox",
   e.color,
@@ -96,7 +95,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
     }
   }
   & input:checked ~ .checkmark {
-    background-color: ${(e) => n(
+    background-color: ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -105,7 +104,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
   "backgroundOpacity"
 )};
     border: 1px solid
-      ${(e) => n(
+      ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -113,8 +112,8 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
   "border"
 )};
     & .checked {
-      height: ${(e) => o(e.theme, e.size)};
-      width: ${(e) => o(e.theme, e.size)};
+      height: ${(e) => n(e.theme, e.size)};
+      width: ${(e) => n(e.theme, e.size)};
       stroke: white;
     }
     & .indeterminate {
@@ -122,12 +121,12 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
       width: 0;
     }
     & img {
-      max-height: ${(e) => o(e.theme, e.size)};
-      max-width: ${(e) => o(e.theme, e.size)};
+      max-height: ${(e) => n(e.theme, e.size)};
+      max-width: ${(e) => n(e.theme, e.size)};
     }
   }
   & input:checked ~ .checkbox-label {
-    color: ${(e) => n(
+    color: ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -140,7 +139,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
       height: 0;
       width: 0;
     }
-    background-color: ${(e) => n(
+    background-color: ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -149,13 +148,13 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
   "backgroundOpacity"
 )};
     & .indeterminate {
-      height: ${(e) => o(e.theme, e.size)};
-      width: ${(e) => o(e.theme, e.size)};
+      height: ${(e) => n(e.theme, e.size)};
+      width: ${(e) => n(e.theme, e.size)};
       stroke: white;
     }
   }
   & input:indeterminate ~ .checkbox-label {
-    color: ${(e) => n(
+    color: ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -164,14 +163,14 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
 )};
   }
   & input:disabled ~ .checkmark {
-    ${(e) => e.readOnly !== !0 && `background-color: ${n(
+    ${(e) => e.readOnly !== !0 && `background-color: ${t(
   e.theme,
   "Checkbox",
   e.color,
   "disabled",
   "border"
 )};
-    border-color: ${n(
+    border-color: ${t(
   e.theme,
   "Checkbox",
   e.color,
@@ -181,7 +180,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
     `};
   }
   & input:disabled ~ .checkbox-label {
-    color: ${(e) => n(
+    color: ${(e) => t(
   e.theme,
   "Checkbox",
   e.color,
@@ -195,64 +194,64 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
   & input:active ~ .checkmark {
     ${(e) => x(e.theme)};
   }
-`, F = I((e, d) => {
+`, E = I((e, h) => {
   const {
-    containerRef: f,
-    id: W,
+    containerRef: g,
+    id: P,
     indeterminate: V,
     disabled: b,
-    readOnly: h,
-    label: a,
-    labelPosition: u = "right",
+    readOnly: l,
+    label: r,
+    labelPosition: m = "right",
     spaceBetween: w,
-    customCheckmark: s,
+    customCheckmark: d,
     //----------------
-    onChange: m,
+    onChange: s,
     onFocus: c,
-    onBlur: l,
+    onBlur: a,
     onClick: $,
     //----------------
-    color: C = "primary",
-    size: y = "small",
+    color: f = "primary",
+    size: C = "small",
     className: v = "",
     style: z = {},
-    children: M,
-    ...O
+    children: p,
+    ...y
   } = e;
-  var p = { theme: P(), size: y, color: C, disabled: b, readOnly: h };
-  return /* @__PURE__ */ k(
-    T,
+  var O = { theme: R(), size: C, color: f, disabled: b, readOnly: l };
+  return /* @__PURE__ */ u(
+    F,
     {
-      ref: f,
-      direction: u,
+      ref: g,
+      direction: m,
       className: v,
       style: z,
-      label: a,
-      labelPosition: u,
+      label: r,
+      labelPosition: m,
       spaceBetween: w,
       tabIndex: -1,
-      readOnly: h,
+      readOnly: l,
       onClick: $,
-      ...p,
+      ...O,
       children: [
         /* @__PURE__ */ i(
           "input",
           {
-            ref: d,
+            ref: h,
             type: "checkbox",
-            onBlur: (r) => {
-              l && (l == null || l(r));
+            onBlur: (o) => {
+              a && (a == null || a(o));
             },
-            onFocus: (r) => {
-              c && (c == null || c(r));
+            onFocus: (o) => {
+              c && (c == null || c(o));
             },
-            disabled: b || h,
-            onChange: (r) => m == null ? void 0 : m(r),
-            ...O
+            disabled: b || l,
+            onChange: (o) => s == null ? void 0 : s(o),
+            ...y
           }
         ),
-        /* @__PURE__ */ k("div", { className: "checkmark", tabIndex: -1, children: [
-          !s && /* @__PURE__ */ i(
+        /* @__PURE__ */ u("div", { className: "checkmark", tabIndex: -1, children: [
+          !d && /* @__PURE__ */ i(
             "svg",
             {
               viewBox: "0 0 8 6",
@@ -295,54 +294,18 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
                   tabIndex: -1,
-                  title: a
+                  title: r
                 }
               )
             }
           ),
-          s && /* @__PURE__ */ i(B, { children: s })
+          d && /* @__PURE__ */ i(B, { children: d })
         ] }),
-        a && /* @__PURE__ */ i("div", { className: "checkbox-label", tabIndex: -1, children: a })
+        r && /* @__PURE__ */ i("div", { className: "checkbox-label", tabIndex: -1, children: r })
       ]
     }
   );
 });
-F.propTypes = {
-  containerRef: t.any,
-  id: t.any,
-  defaultChecked: t.bool,
-  checked: t.bool,
-  disabled: t.bool,
-  readOnly: t.bool,
-  label: t.oneOfType([t.string, t.element]),
-  /**
-   * Default state indeterminate
-   */
-  indeterminate: t.bool,
-  labelPosition: t.oneOf(["right", "left"]),
-  tabIndex: t.number,
-  spaceBetween: t.bool,
-  customCheckmark: t.element,
-  //---------------------------------------------------------------
-  onChange: t.func,
-  onBlur: t.func,
-  onFocus: t.func,
-  onClick: t.func,
-  //---------------------------------------------------------------
-  className: t.string,
-  style: t.object,
-  size: t.oneOf(["small", "medium", "large"]),
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  F as default
+  E as default
 };

package/dist/ColorInput.cjs

@@ -1,42 +1,42 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BpbMKBf_.cjs"),n=require("./utils-RnrgDDZP.cjs"),N=require("./index-Cp66dWMi.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),R=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 1rem)`,L=P.styled.label`
+"use strict";const l=require("react/jsx-runtime"),b=require("react"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),H=require("./index-Cp66dWMi.cjs"),K=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),L=require("./useUpdateEffect-BtMgpgIV.cjs"),F=(e,n)=>`calc(${t.getSizeValueWithUnits(e,n)} - 1rem)`,N=V.styled.label`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-  ${e=>n.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")};
-  min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
-  background-color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
-  color: ${e=>n.getColorRgbaValue(e.theme,"Input",e.isFocused?"primary":e.color,"enabled","text")};
+  ${e=>t.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")};
+  min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  background-color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+  color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.isFocused?"primary":e.color,"enabled","text")};
   border: 1px solid
-    ${e=>n.getColorRgbaValue(e.theme,"Input",e.isFocused?"primary":e.color,"enabled","border")};
-  border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,"regular")};
+    ${e=>t.getColorRgbaValue(e.theme,"Input",e.isFocused?"primary":e.color,"enabled","border")};
+  border-radius: ${e=>t.getBorderRadiusValueWithUnits(e.theme,"regular")};
   padding: 0.625rem 0.75rem;
   width: 100%;
-  ${e=>!e.disabled&&e.readOnly!==!0&&e.isFocused===!0&&n.getOutlineCss(e.theme)};
-  /* ${e=>e.disabled===!0&&n.getDisabledBackgroundCss(e.theme)} */
-  ${e=>e.disabled===!0&&`background-color: ${n.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${o=>n.getColorRgbaValue(o.theme,"Input",o.color,"disabled","text")};`}
-  border: 1px solid ${e=>n.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border")};
-`,G=P.styled.div`
+  ${e=>!e.disabled&&e.readOnly!==!0&&e.isFocused===!0&&t.getOutlineCss(e.theme)};
+  /* ${e=>e.disabled===!0&&t.getDisabledBackgroundCss(e.theme)} */
+  ${e=>e.disabled===!0&&`background-color: ${t.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${n=>t.getColorRgbaValue(n.theme,"Input",n.color,"disabled","text")};`}
+  border: 1px solid ${e=>t.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border")};
+`,P=V.styled.div`
   ${e=>!e.disabled&&e.readOnly!==!0&&"cursor: pointer;"}
-  min-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
+  min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
   display: inline-flex;
   align-items: center;
   justify-content: center;
   ${e=>e.withInput==!0&&"width: 100%;"}
   & div {
     &:focus {
-      ${e=>e.disabled!==!0&&e.withInput!==!0&&e.readOnly!==!0&&n.getOutlineCss(e.theme)};
+      ${e=>e.disabled!==!0&&e.withInput!==!0&&e.readOnly!==!0&&t.getOutlineCss(e.theme)};
     }
     &:hover {
-      ${e=>!e.disabled&&!e.withInput&&e.readOnly!==!0&&n.getOutlineCss(e.theme)};
+      ${e=>!e.disabled&&!e.withInput&&e.readOnly!==!0&&t.getOutlineCss(e.theme)};
     }
     ${e=>e.disabled===!0&&`opacity: ${e.theme.palette.opacity[e.theme.palette.disabled.opacity]};`}
     box-sizing: border-box;
-    min-width: ${e=>R(e.theme,e.size)};
-    height: ${e=>R(e.theme,e.size)};
-    border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,"curved")};
+    min-width: ${e=>F(e.theme,e.size)};
+    height: ${e=>F(e.theme,e.size)};
+    border-radius: ${e=>t.getBorderRadiusValueWithUnits(e.theme,"curved")};
     overflow: hidden;
     & input[type="color"] {
       border: 0;
@@ -45,12 +45,12 @@
       height: 200%;
       cursor: pointer;
       transform: translate(-25%, -25%);
-      /* ${e=>e.disabled===!0&&n.getDisabledStateCss(e.theme)}; */
-      ${e=>e.disabled===!0&&`background-color: ${n.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${o=>n.getColorRgbaValue(o.theme,"Input",o.color,"disabled","text")};`}
+      /* ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)}; */
+      ${e=>e.disabled===!0&&`background-color: ${t.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${n=>t.getColorRgbaValue(n.theme,"Input",n.color,"disabled","text")};`}
     }
   }
-`,J=P.styled.span`
+`,G=V.styled.span`
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -61,4 +61,4 @@
     background-color: transparent;
     width: 100%;
   }
-`,F=m.forwardRef((e,o)=>{const{id:u,name:y,defaultValue:I="#000000",value:r,size:w="small",tabIndex:p,withInput:f=!1,className:O="",style:S={},color:d="primary",debounceTime:j=0,readOnly:a,disabled:s,onChange:x=()=>{},onFocus:k=()=>{},onBlur:B=()=>{},onInput:U=()=>{},onKeyDown:q=()=>{},labelRef:W,inputProps:$,...V}=e,v=A.useTheme(),[c,C]=m.useState(r),[D,z]=m.useState(!1),E=new RegExp(/^#[0-9A-F]{6}$/i);H.useUpdateEffect(()=>C(r),[r]);const _=m.useCallback(N.debounce((l,T)=>K(l,T),j),[x]),K=(l,T)=>{x&&x(l,T)},h=l=>{r&&C(l.target.value),_(l,l.target.value)},b=l=>{z(!0),k(l)},g=l=>{E.test(c)||C(I),z(!1),B(l)};return i.jsx(G,{ref:o,theme:v,size:w,className:O,style:S,disabled:s,readOnly:a,withInput:f,...V,children:f?i.jsxs(L,{withInput:f,theme:v,color:d,size:w,disabled:s,readOnly:a,tabIndex:p,isFocused:D,children:[i.jsx("div",{children:i.jsx("input",{type:"color",ref:o,id:u,name:y,value:c,disabled:s||a,onChange:h,onBlur:g,onFocus:b,color:d,...$})}),i.jsx(J,{children:i.jsx("input",{ref:W,value:c,onChange:h,onFocus:b,onBlur:g,onInput:U,onKeyDown:q,disabled:s||a,...V})})]}):i.jsx("div",{children:r==null||r=="undefined"?i.jsx("input",{type:"color",ref:o,id:u,name:y,defaultValue:I,disabled:s||a,onChange:h,onBlur:g,onFocus:b,color:d,tabIndex:p,...$}):i.jsx("input",{type:"color",ref:o,id:u,name:y,value:c,disabled:s||a,onChange:h,onBlur:g,onFocus:b,color:d,tabIndex:p,...$})})})});F.propTypes={id:t.PropTypes.any,name:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,debounceTime:t.PropTypes.number,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,tabIndex:t.PropTypes.number,preventDefault:t.PropTypes.bool,labelRef:t.PropTypes.any,inputProps:t.PropTypes.bool,withInput:t.PropTypes.bool,onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,onInput:t.PropTypes.func,onKeyDown:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=F;
+`,J=b.forwardRef((e,n)=>{const{id:u,name:m,defaultValue:w="#000000",value:a,size:z="small",tabIndex:y,withInput:$=!1,className:j="",style:k={},color:r="primary",debounceTime:O=0,readOnly:o,disabled:d,onChange:x=()=>{},onFocus:B=()=>{},onBlur:U=()=>{},onInput:q=()=>{},onKeyDown:W=()=>{},labelRef:E,inputProps:C,...v}=e,R=K.useTheme(),[s,f]=b.useState(a),[T,S]=b.useState(!1),_=new RegExp(/^#[0-9A-F]{6}$/i);L.useUpdateEffect(()=>f(a),[a]);const D=b.useCallback(H.debounce((i,I)=>A(i,I),O),[x]),A=(i,I)=>{x&&x(i,I)},c=i=>{a&&f(i.target.value),D(i,i.target.value)},h=i=>{S(!0),B(i)},g=i=>{_.test(s)||f(w),S(!1),U(i)};return l.jsx(P,{ref:n,theme:R,size:z,className:j,style:k,disabled:d,readOnly:o,withInput:$,...v,children:$?l.jsxs(N,{withInput:$,theme:R,color:r,size:z,disabled:d,readOnly:o,tabIndex:y,isFocused:T,children:[l.jsx("div",{children:l.jsx("input",{type:"color",ref:n,id:u,name:m,value:s,disabled:d||o,onChange:c,onBlur:g,onFocus:h,color:r,...C})}),l.jsx(G,{children:l.jsx("input",{ref:E,value:s,onChange:c,onFocus:h,onBlur:g,onInput:q,onKeyDown:W,disabled:d||o,...v})})]}):l.jsx("div",{children:a==null||a=="undefined"?l.jsx("input",{type:"color",ref:n,id:u,name:m,defaultValue:w,disabled:d||o,onChange:c,onBlur:g,onFocus:h,color:r,tabIndex:y,...C}):l.jsx("input",{type:"color",ref:n,id:u,name:m,value:s,disabled:d||o,onChange:c,onBlur:g,onFocus:h,color:r,tabIndex:y,...C})})})});module.exports=J;