@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/TimeInput.js

@@ -1,19 +1,18 @@
-import { jsx as u, Fragment as V } from "react/jsx-runtime";
-import { forwardRef as O, useState as k, useEffect as v, useCallback as T } from "react";
+import { jsx as s, Fragment as x } from "react/jsx-runtime";
+import { forwardRef as V, useState as k, useEffect as v, useCallback as O } from "react";
 import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as a } from "./index-CblbdqjE.js";
 import { d as S } from "./index-Dt62UGku.js";
-import { c as w, b as r, a as R, h as j, e as F, d as N } from "./utils-DtEfC-TX.js";
-import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const U = ({ theme: e, size: n }) => {
-  var d = N(e, n);
+import { c as T, b as a, a as R, h as w, e as F, d as U } from "./utils-DtEfC-TX.js";
+import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const j = ({ theme: e, size: r }) => {
+  var d = U(e, r);
   return `
     min-height: ${d};
     max-height: ${d};
   `;
-}, W = z.input`
-  ${(e) => U(e)}
-  ${(e) => w(e.theme, "Input", e.size, "enabled")}
+}, B = z.input`
+  ${(e) => j(e)}
+  ${(e) => T(e.theme, "Input", e.size, "enabled")}
   padding: 0.625rem 0.75rem 0.62rem 0.75rem;
   line-height: inherit;
   appearance: none;
@@ -22,7 +21,7 @@ const U = ({ theme: e, size: n }) => {
   border-radius: 0.25rem;
   width: 100%;
   box-sizing: border-box;
-  background-color: ${(e) => r(
+  background-color: ${(e) => a(
   e.theme,
   "Input",
   e.color,
@@ -30,7 +29,7 @@ const U = ({ theme: e, size: n }) => {
   "background"
 )};
   border: 1px solid
-    ${(e) => r(
+    ${(e) => a(
   e.theme,
   "Input",
   e.color,
@@ -38,10 +37,10 @@ const U = ({ theme: e, size: n }) => {
   "border"
 )};
   border-radius: ${(e) => R(e.theme, "regular")};
-  color: ${(e) => r(e.theme, "Input", e.color, "enabled", "text")};
+  color: ${(e) => a(e.theme, "Input", e.color, "enabled", "text")};
   &:disabled {
-    /* ${(e) => j(e.theme)}; */
-    ${(e) => `background-color: ${r(
+    /* ${(e) => w(e.theme)}; */
+    ${(e) => `background-color: ${a(
   e.theme,
   "Input",
   e.color,
@@ -49,10 +48,10 @@ const U = ({ theme: e, size: n }) => {
   "background",
   "backgroundOpacity"
 )};
-        color: ${(n) => r(
-  n.theme,
+        color: ${(r) => a(
+  r.theme,
   "Input",
-  n.color,
+  r.color,
   "disabled",
   "text"
 )};`}
@@ -61,9 +60,9 @@ const U = ({ theme: e, size: n }) => {
   &:focus:enabled {
     border: none;
     ${(e) => e.readOnly !== !0 ? F(e.theme) : ""};
-    color: ${(e) => r(e.theme, "Input", "primary", "enabled", "text")};
+    color: ${(e) => a(e.theme, "Input", "primary", "enabled", "text")};
     border: 1px solid
-      ${(e) => r(
+      ${(e) => a(
   e.theme,
   "Input",
   "primary",
@@ -71,78 +70,53 @@ const U = ({ theme: e, size: n }) => {
   "border"
 )};
   }
-`, B = O((e, n) => {
+`, J = V((e, r) => {
   const {
     // id,
     disabled: d,
-    readOnly: m,
-    defaultValue: b,
-    value: o,
-    debounceTime: c = 0,
+    readOnly: u,
+    defaultValue: m,
+    value: n,
+    debounceTime: b = 0,
     // tabIndex,
     //----------------
-    onChange: l,
+    onChange: o,
     //----------------
-    className: g = "",
+    className: c = "",
     style: h = {},
-    size: p = "small",
+    size: g = "small",
     color: f = "primary",
-    ...y
-  } = e, $ = P(), [C, s] = k(o || b || "");
+    ...p
+  } = e, $ = W(), [y, i] = k(n || m || "");
   v(() => {
-    o != null && s(o);
-  }, [o]);
-  const I = T(
-    S((t, i) => x(t, i), c),
-    [l]
-  ), x = (t, i) => {
-    l && (l == null || l(t, i));
+    n != null && i(n);
+  }, [n]);
+  const C = O(
+    S((t, l) => I(t, l), b),
+    [o]
+  ), I = (t, l) => {
+    o && (o == null || o(t, l));
   };
-  return /* @__PURE__ */ u(V, { children: /* @__PURE__ */ u(
-    W,
+  return /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(
+    B,
     {
       type: "time",
-      ref: n,
+      ref: r,
       onChange: (t) => {
-        s(t.target.value), I(t, t.target.value);
+        i(t.target.value), C(t, t.target.value);
       },
       disabled: d,
-      readOnly: m,
+      readOnly: u,
       theme: $,
       color: f,
-      size: p,
-      className: g,
+      size: g,
+      className: c,
       style: h,
-      value: C,
-      ...y
+      value: y,
+      ...p
     }
   ) });
 });
-B.propTypes = {
-  id: a.any,
-  defaultValue: a.string,
-  value: a.string,
-  disabled: a.bool,
-  readOnly: a.bool,
-  debounceTime: a.number,
-  tabIndex: a.number,
-  //----------------
-  onChange: a.func,
-  //----------------
-  className: a.string,
-  style: a.object,
-  size: a.oneOf(["small", "medium", "large"]),
-  color: a.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  B as default
+  J as default
 };

package/dist/Toggle.cjs

@@ -1,11 +1,11 @@
-"use strict";const s=require("react/jsx-runtime"),I=require("react"),o=require("./index-BpbMKBf_.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n={containerWidth:{small:"2.5rem",medium:"3rem",large:"3.5rem"},containerHeight:{small:"1.5rem",medium:"1.75rem",large:"2rem"},slider:{small:"1rem",medium:"1.25rem",large:"1.5rem"},icon:{small:"0.75rem",medium:"0.875rem",large:"1rem"},iconOff:{small:"0.625rem",medium:"0.6875rem",large:"0.75rem"}},V={checked:{left:{small:"1.25rem",medium:"1.5rem",large:"1.75rem"}}},l={on:{top:{small:"0.25rem",medium:"0.25rem",large:"0.25rem"},left:{small:"1.375rem",medium:"1.6875rem",large:"2rem"},right:{small:"0.5rem",medium:"0.5rem",large:"0.5rem"}},off:{top:{small:"0.375rem",medium:"0.4375rem",large:"0.5rem"},left:{small:"1.375rem",medium:"1.75rem",large:"2.125rem"},right:{small:"0.5rem",medium:"0.5rem",large:"0.5rem"}}},j=e=>e=="left"?"row-reverse":"row",q=f.styled.label`
+"use strict";const a=require("react/jsx-runtime"),R=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),o={containerWidth:{small:"2.5rem",medium:"3rem",large:"3.5rem"},containerHeight:{small:"1.5rem",medium:"1.75rem",large:"2rem"},slider:{small:"1rem",medium:"1.25rem",large:"1.5rem"},icon:{small:"0.75rem",medium:"0.875rem",large:"1rem"},iconOff:{small:"0.625rem",medium:"0.6875rem",large:"0.75rem"}},V={checked:{left:{small:"1.25rem",medium:"1.5rem",large:"1.75rem"}}},l={on:{top:{small:"0.25rem",medium:"0.25rem",large:"0.25rem"},left:{small:"1.375rem",medium:"1.6875rem",large:"2rem"},right:{small:"0.5rem",medium:"0.5rem",large:"0.5rem"}},off:{top:{small:"0.375rem",medium:"0.4375rem",large:"0.5rem"},left:{small:"1.375rem",medium:"1.75rem",large:"2.125rem"},right:{small:"0.5rem",medium:"0.5rem",large:"0.5rem"}}},I=e=>e=="left"?"row-reverse":"row",j=h.styled.label`
   box-sizing: content-box !important;
   width: 100%;
   text-align: left;
   line-height: 1.5;
   display: flex;
   gap: 0.75rem;
-  flex-direction: ${e=>j(e.labelPosition)};
+  flex-direction: ${e=>I(e.labelPosition)};
   ${e=>e.spaceBetween==!0&&"justify-content: space-between;"}
   position: relative;
   cursor: ${e=>e.disabled||e.readOnly?"default":"pointer"};
@@ -59,28 +59,28 @@
   }
 
   & span.toggle-slider {
-    width: ${e=>n.containerWidth[e.size]};
-    height: ${e=>n.containerHeight[e.size]};
+    width: ${e=>o.containerWidth[e.size]};
+    height: ${e=>o.containerHeight[e.size]};
     border-radius: 100px;
-    font-size: ${e=>n.icon[e.size]};
+    font-size: ${e=>o.icon[e.size]};
     flex-shrink: 0;
   }
 
   & span.toggle-slider::after {
     left: 0.25rem;
-    width: ${e=>n.slider[e.size]};
-    height: ${e=>n.slider[e.size]};
+    width: ${e=>o.slider[e.size]};
+    height: ${e=>o.slider[e.size]};
     top: 0.25rem;
     border-radius: 100px;
-    box-shadow: 1px 1px 0.25rem; rgba(15, 23, 42, 0.16);
+    box-shadow: 1px 1px 0.25rem rgba(15, 23, 42, 0.16);
     flex-shrink: 0;
   }
 
   & span.toggle-slider::before {
-    content: "${e=>e.unicodeIcon?"\\"+e.unicodeIcon:""}";
+    content: ${e=>`"${e.unicodeIcon?"\\"+e.unicodeIcon:""}"`};
     font-family: FontAwesome;
     font-weight: 900;
-    width: ${e=>n.icon[e.size]};
+    width: ${e=>o.icon[e.size]};
     text-align: center;
     font-style: normal;
     font-variant: normal;
@@ -93,8 +93,8 @@
     border-radius: 100px;
     z-index: 2;
 
-    font-size: ${e=>n.iconOff[e.size]};
-    width: ${e=>n.iconOff[e.size]};
+    font-size: ${e=>o.iconOff[e.size]};
+    width: ${e=>o.iconOff[e.size]};
 
     top: ${e=>l.off.top[e.size]};
     right: ${e=>l.off.right[e.size]};
@@ -102,10 +102,10 @@
   }
 
   & input:checked ~ span.toggle-slider::before {
-    content: "${e=>e.unicodeIcon?"\\"+e.unicodeIcon:""}";
+    content: ${e=>`"${e.unicodeIcon?"\\"+e.unicodeIcon:""}"`};
     font-family: FontAwesome;
     font-weight: 900;
-    width: ${e=>n.icon[e.size]};
+    width: ${e=>o.icon[e.size]};
     text-align: center;
     font-style: normal;
     font-variant: normal;
@@ -114,8 +114,8 @@
     flex-shrink: 0;
     color: ${e=>t.getColorRgbaValue(e.theme,"ToggleIcon",e.color,"enabled","text")};
 
-    font-size: ${e=>n.icon[e.size]};
-    width: ${e=>n.icon[e.size]};
+    font-size: ${e=>o.icon[e.size]};
+    width: ${e=>o.icon[e.size]};
 
     top: ${e=>l.on.top[e.size]};
     right: ${e=>l.on.right[e.size]};
@@ -124,8 +124,8 @@
 
   & span.toggle-slider {
     position: relative;
-    width: ${e=>n.containerWidth[e.size]};
-    height: ${e=>n.containerHeight[e.size]};
+    width: ${e=>o.containerWidth[e.size]};
+    height: ${e=>o.containerHeight[e.size]};
     background-color: ${e=>e.disabled!==!0?t.getColorRgbaValue(e.theme,"Toggle",null,"enabled","background","backgroundOpacity"):t.getColorRgbaValue(e.theme,"Toggle",null,"disabled","background","backgroundOpacity")};
     transition: all 0.2s ease;
     flex-shrink: 0;
@@ -141,11 +141,11 @@
     box-shadow: 1px 1px 0.25rem rgba(15, 23, 42, 0.16);
     transition: all 0.2s ease-out;
   }
-`,S=f.styled.span`
+`,S=h.styled.span`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   flex-shrink: 3;
 
   ${e=>e.disabled?t.getComponentTypographyCss(e.theme,"Toggle",e.size,"disabled"):t.getComponentTypographyCss(e.theme,"Toggle",e.size,"enabled")};
-`,p=e=>{const{disabled:g,readOnly:d,value:c,label:m,labelPosition:y="right",spaceBetween:x,unicodeIcon:k,onChange:u,change:F,onFocus:i,onBlur:a,className:T="",style:$={},size:z="medium",color:w="primary",...C}=e,P=v.useTheme(),[O,b]=I.useState(!1);let h={theme:P,size:z,color:w,disabled:g,readOnly:d,focused:O,labelPosition:y,spaceBetween:x};function R(r){g||d||(c===null?u(r,!1):u(r,!c))}return s.jsxs(q,{...h,className:T,style:$,unicodeIcon:k,tabIndex:-1,children:[s.jsx("input",{type:"checkbox",checked:c?"checked":"",disabled:g,readOnly:d,onChange:R,onFocus:r=>{b(!0),i&&(i==null||i(r))},onBlur:r=>{b(!1),a&&(a==null||a(r))},...C}),s.jsx("span",{tabIndex:-1,className:"toggle-slider"}),m&&s.jsx(S,{tabIndex:-1,title:m,...h,children:m})]})};p.propTypes={id:o.PropTypes.any,disabled:o.PropTypes.bool,readOnly:o.PropTypes.bool,label:o.PropTypes.oneOfType([o.PropTypes.element,o.PropTypes.string]),unicodeIcon:o.PropTypes.string,labelPosition:o.PropTypes.oneOf(["right","left"]),spaceBetween:o.PropTypes.bool,tabIndex:o.PropTypes.number,onChange:o.PropTypes.func,change:o.PropTypes.func,onFocus:o.PropTypes.func,onBlur:o.PropTypes.func,style:o.PropTypes.object,className:o.PropTypes.string,size:o.PropTypes.oneOf(["small","medium","large"]),color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=p;
+`,q=e=>{const{disabled:s,readOnly:g,value:d,label:c,labelPosition:f="right",spaceBetween:x,unicodeIcon:k,onChange:m,onFocus:n,onBlur:r,className:$="",style:z={},size:w="medium",color:y="primary",...p}=e,C=v.useTheme(),[T,u]=R.useState(!1);let b={theme:C,size:w,color:y,disabled:s,readOnly:g,focused:T,labelPosition:f,spaceBetween:x};function O(i){s||g||(d===null?m(i,!1):m(i,!d))}return a.jsxs(j,{...b,className:$,style:z,unicodeIcon:k,tabIndex:-1,children:[a.jsx("input",{type:"checkbox",checked:d?"checked":"",disabled:s,readOnly:g,onChange:O,onFocus:i=>{u(!0),n&&(n==null||n(i))},onBlur:i=>{u(!1),r&&(r==null||r(i))},...p}),a.jsx("span",{tabIndex:-1,className:"toggle-slider"}),c&&a.jsx(S,{tabIndex:-1,title:c,...b,children:c})]})};module.exports=q;

package/dist/Toggle.js

@@ -1,10 +1,9 @@
-import { jsxs as P, jsx as m } from "react/jsx-runtime";
+import { jsxs as C, jsx as g } from "react/jsx-runtime";
 import { useState as S } from "react";
-import { P as t } from "./index-CblbdqjE.js";
-import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { e as j, b as i, c as f } from "./utils-DtEfC-TX.js";
-import { u as B } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const o = {
+import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { e as j, b as i, c as b } from "./utils-DtEfC-TX.js";
+import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const t = {
   containerWidth: {
     small: "2.5rem",
     medium: "3rem",
@@ -30,7 +29,7 @@ const o = {
     medium: "0.6875rem",
     large: "0.75rem"
   }
-}, F = {
+}, H = {
   checked: {
     left: {
       small: "1.25rem",
@@ -38,7 +37,7 @@ const o = {
       large: "1.75rem"
     }
   }
-}, l = {
+}, n = {
   on: {
     top: {
       small: "0.25rem",
@@ -73,14 +72,14 @@ const o = {
       large: "0.5rem"
     }
   }
-}, H = (e) => e == "left" ? "row-reverse" : "row", N = k.label`
+}, P = (e) => e == "left" ? "row-reverse" : "row", W = f.label`
   box-sizing: content-box !important;
   width: 100%;
   text-align: left;
   line-height: 1.5;
   display: flex;
   gap: 0.75rem;
-  flex-direction: ${(e) => H(e.labelPosition)};
+  flex-direction: ${(e) => P(e.labelPosition)};
   ${(e) => e.spaceBetween == !0 && "justify-content: space-between;"}
   position: relative;
   cursor: ${(e) => e.disabled || e.readOnly ? "default" : "pointer"};
@@ -152,7 +151,7 @@ const o = {
     opacity: 1;
     transition: all 0.2s ease-out;
     box-sizing: content-box;
-    left: ${(e) => F.checked.left[e.size]};
+    left: ${(e) => H.checked.left[e.size]};
     position: absolute;
     border-radius: 100px;
     box-shadow: 1px 1px 0.25rem rgba(15, 23, 42, 0.16);
@@ -174,28 +173,28 @@ const o = {
   }
 
   & span.toggle-slider {
-    width: ${(e) => o.containerWidth[e.size]};
-    height: ${(e) => o.containerHeight[e.size]};
+    width: ${(e) => t.containerWidth[e.size]};
+    height: ${(e) => t.containerHeight[e.size]};
     border-radius: 100px;
-    font-size: ${(e) => o.icon[e.size]};
+    font-size: ${(e) => t.icon[e.size]};
     flex-shrink: 0;
   }
 
   & span.toggle-slider::after {
     left: 0.25rem;
-    width: ${(e) => o.slider[e.size]};
-    height: ${(e) => o.slider[e.size]};
+    width: ${(e) => t.slider[e.size]};
+    height: ${(e) => t.slider[e.size]};
     top: 0.25rem;
     border-radius: 100px;
-    box-shadow: 1px 1px 0.25rem; rgba(15, 23, 42, 0.16);
+    box-shadow: 1px 1px 0.25rem rgba(15, 23, 42, 0.16);
     flex-shrink: 0;
   }
 
   & span.toggle-slider::before {
-    content: "${(e) => e.unicodeIcon ? "\\" + e.unicodeIcon : ""}";
+    content: ${(e) => `"${e.unicodeIcon ? "\\" + e.unicodeIcon : ""}"`};
     font-family: FontAwesome;
     font-weight: 900;
-    width: ${(e) => o.icon[e.size]};
+    width: ${(e) => t.icon[e.size]};
     text-align: center;
     font-style: normal;
     font-variant: normal;
@@ -214,19 +213,19 @@ const o = {
     border-radius: 100px;
     z-index: 2;
 
-    font-size: ${(e) => o.iconOff[e.size]};
-    width: ${(e) => o.iconOff[e.size]};
+    font-size: ${(e) => t.iconOff[e.size]};
+    width: ${(e) => t.iconOff[e.size]};
 
-    top: ${(e) => l.off.top[e.size]};
-    right: ${(e) => l.off.right[e.size]};
-    left: ${(e) => l.off.left[e.size]};
+    top: ${(e) => n.off.top[e.size]};
+    right: ${(e) => n.off.right[e.size]};
+    left: ${(e) => n.off.left[e.size]};
   }
 
   & input:checked ~ span.toggle-slider::before {
-    content: "${(e) => e.unicodeIcon ? "\\" + e.unicodeIcon : ""}";
+    content: ${(e) => `"${e.unicodeIcon ? "\\" + e.unicodeIcon : ""}"`};
     font-family: FontAwesome;
     font-weight: 900;
-    width: ${(e) => o.icon[e.size]};
+    width: ${(e) => t.icon[e.size]};
     text-align: center;
     font-style: normal;
     font-variant: normal;
@@ -241,18 +240,18 @@ const o = {
   "text"
 )};
 
-    font-size: ${(e) => o.icon[e.size]};
-    width: ${(e) => o.icon[e.size]};
+    font-size: ${(e) => t.icon[e.size]};
+    width: ${(e) => t.icon[e.size]};
 
-    top: ${(e) => l.on.top[e.size]};
-    right: ${(e) => l.on.right[e.size]};
-    left: ${(e) => l.on.left[e.size]};
+    top: ${(e) => n.on.top[e.size]};
+    right: ${(e) => n.on.right[e.size]};
+    left: ${(e) => n.on.left[e.size]};
   }
 
   & span.toggle-slider {
     position: relative;
-    width: ${(e) => o.containerWidth[e.size]};
-    height: ${(e) => o.containerHeight[e.size]};
+    width: ${(e) => t.containerWidth[e.size]};
+    height: ${(e) => t.containerHeight[e.size]};
     background-color: ${(e) => e.disabled !== !0 ? i(
   e.theme,
   "Toggle",
@@ -296,115 +295,85 @@ const o = {
     box-shadow: 1px 1px 0.25rem rgba(15, 23, 42, 0.16);
     transition: all 0.2s ease-out;
   }
-`, W = k.span`
+`, A = f.span`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   flex-shrink: 3;
 
-  ${(e) => e.disabled ? f(e.theme, "Toggle", e.size, "disabled") : f(
+  ${(e) => e.disabled ? b(e.theme, "Toggle", e.size, "disabled") : b(
   e.theme,
   "Toggle",
   e.size,
   "enabled"
 )};
-`, A = (e) => {
+`, V = (e) => {
   const {
     // id,
-    disabled: s,
-    readOnly: d,
-    value: c,
-    label: g,
-    labelPosition: x = "right",
-    spaceBetween: $,
-    unicodeIcon: z,
+    disabled: a,
+    readOnly: s,
+    value: d,
+    label: c,
+    labelPosition: k = "right",
+    spaceBetween: x,
+    unicodeIcon: $,
     // tabIndex,
     //----------------
-    onChange: u,
-    change: L,
-    onFocus: r,
-    onBlur: a,
+    onChange: m,
+    onFocus: l,
+    onBlur: r,
     //----------------
-    className: p = "",
-    style: y = {},
-    size: w = "medium",
-    color: O = "primary",
+    className: z = "",
+    style: w = {},
+    size: p = "medium",
+    color: y = "primary",
     ...T
-  } = e, I = B(), [v, h] = S(!1);
-  let b = {
-    theme: I,
-    size: w,
-    color: O,
-    disabled: s,
-    readOnly: d,
+  } = e, O = F(), [v, u] = S(!1);
+  let h = {
+    theme: O,
+    size: p,
+    color: y,
+    disabled: a,
+    readOnly: s,
     focused: v,
-    labelPosition: x,
-    spaceBetween: $
+    labelPosition: k,
+    spaceBetween: x
   };
-  function C(n) {
-    s || d || (c === null ? u(n, !1) : u(n, !c));
+  function I(o) {
+    a || s || (d === null ? m(o, !1) : m(o, !d));
   }
-  return /* @__PURE__ */ P(
-    N,
+  return /* @__PURE__ */ C(
+    W,
     {
-      ...b,
-      className: p,
-      style: y,
-      unicodeIcon: z,
+      ...h,
+      className: z,
+      style: w,
+      unicodeIcon: $,
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ g(
           "input",
           {
             type: "checkbox",
-            checked: c ? "checked" : "",
-            disabled: s,
-            readOnly: d,
-            onChange: C,
-            onFocus: (n) => {
-              h(!0), r && (r == null || r(n));
+            checked: d ? "checked" : "",
+            disabled: a,
+            readOnly: s,
+            onChange: I,
+            onFocus: (o) => {
+              u(!0), l && (l == null || l(o));
             },
-            onBlur: (n) => {
-              h(!1), a && (a == null || a(n));
+            onBlur: (o) => {
+              u(!1), r && (r == null || r(o));
             },
             ...T
           }
         ),
-        /* @__PURE__ */ m("span", { tabIndex: -1, className: "toggle-slider" }),
-        g && /* @__PURE__ */ m(W, { tabIndex: -1, title: g, ...b, children: g })
+        /* @__PURE__ */ g("span", { tabIndex: -1, className: "toggle-slider" }),
+        c && /* @__PURE__ */ g(A, { tabIndex: -1, title: c, ...h, children: c })
       ]
     }
   );
 };
-A.propTypes = {
-  id: t.any,
-  disabled: t.bool,
-  readOnly: t.bool,
-  label: t.oneOfType([t.element, t.string]),
-  unicodeIcon: t.string,
-  labelPosition: t.oneOf(["right", "left"]),
-  spaceBetween: t.bool,
-  tabIndex: t.number,
-  //-------------------------------
-  onChange: t.func,
-  change: t.func,
-  onFocus: t.func,
-  onBlur: t.func,
-  //-------------------------------
-  style: t.object,
-  className: t.string,
-  size: t.oneOf(["small", "medium", "large"]),
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  A as default
+  V as default
 };

package/dist/ToggleSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),p=require("./index-BpbMKBf_.cjs"),w=require("./Chip.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./Button.cjs"),b=m.styled.div`
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),u=require("./Chip.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./Button.cjs"),v=m.styled.div`
   display: flex;
 
   border: 1px solid var(--gray-200, #e4e9f0);
@@ -65,7 +65,7 @@
       width: 100%;
     }
   }
-`,j=m.styled.div`
+`,y=m.styled.div`
   display: flex;
   gap: 1.25rem;
   flex-wrap: wrap;
@@ -94,7 +94,7 @@
       display: none;
     }
   }
-`,S=m.styled.a`
+`,b=m.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -194,7 +194,7 @@
       }
     }
   }
-`,y=g.forwardRef(({options:r=[],selectedOptionCode:o=null,onSelectOption:a=()=>{}},s)=>e.jsx(b,{ref:s,children:r==null?void 0:r.map((l,n)=>e.jsx(w,{label:l,borderRadius:"curved",color:"neutral",className:`options__item ${o===n?"active":""}`,onClick:()=>{a(n)}},`toggle-section-tag__${n+1}`))}));y.propTypes={options:p.PropTypes.array,selectedOptionCode:p.PropTypes.any,onSelectOption:p.PropTypes.func};const N=({title:r,description:o,image:a,learnMoreText:s,onSelectItem:l=()=>{},LinkComponent:n,link:c})=>{const d=n||"a";return e.jsxs(S,{onClick:l,as:d,...n?{to:`/${c}`}:{href:`/${c}`},children:[e.jsxs("div",{className:"card__content",children:[e.jsx("img",{src:a,alt:`Card ${r}`,className:"card__image"}),e.jsxs("div",{className:"card__text",children:[e.jsx("div",{className:"card__title",children:r}),e.jsx("div",{className:"card__divider"}),e.jsx("div",{className:"card__description",children:o})]})]}),e.jsx(u,{text:s,btnType:"basic",color:"neutral",className:"section__show-more learn-more"})]})},O=g.forwardRef(({items:r=[],showMoreText:o,learnMoreText:a,onSelectItem:s=()=>{},LinkComponent:l},n)=>{const c=v.useDetectMobile(),[d,_]=g.useState(!1),f=()=>{_(t=>!t)},i=g.useMemo(()=>r==null?void 0:r.map((t,x)=>e.jsx(N,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,image:t==null?void 0:t.image,learnMoreText:a,onSelectItem:()=>s(t),LinkComponent:l,link:t==null?void 0:t.link},`toggle-section-item__${x+1}`)),[r]);return e.jsx(j,{ref:n,children:c?d?i:e.jsxs(e.Fragment,{children:[i==null?void 0:i.slice(0,4),(i==null?void 0:i.length)>4&&e.jsx(u,{text:o,btnType:"basic",color:"neutral",className:"section__show-more",onClick:f})]}):i})}),C=m.styled.div`
+`,j=g.forwardRef(({options:r=[],selectedOptionCode:a=null,onSelectOption:o=()=>{}},l)=>e.jsx(v,{ref:l,children:r==null?void 0:r.map((s,n)=>e.jsx(u,{label:s,borderRadius:"curved",color:"neutral",className:`options__item ${a===n?"active":""}`,onClick:()=>{o(n)}},`toggle-section-tag__${n+1}`))})),S=({title:r,description:a,image:o,learnMoreText:l,onSelectItem:s=()=>{},LinkComponent:n,link:c})=>{const d=n||"a";return e.jsxs(b,{onClick:s,as:d,...n?{to:`/${c}`}:{href:`/${c}`},children:[e.jsxs("div",{className:"card__content",children:[e.jsx("img",{src:o,alt:`Card ${r}`,className:"card__image"}),e.jsxs("div",{className:"card__text",children:[e.jsx("div",{className:"card__title",children:r}),e.jsx("div",{className:"card__divider"}),e.jsx("div",{className:"card__description",children:a})]})]}),e.jsx(p,{text:l,btnType:"basic",color:"neutral",className:"section__show-more learn-more"})]})},N=g.forwardRef(({items:r=[],showMoreText:a,learnMoreText:o,onSelectItem:l=()=>{},LinkComponent:s},n)=>{const c=w.useDetectMobile(),[d,_]=g.useState(!1),f=()=>{_(t=>!t)},i=g.useMemo(()=>r==null?void 0:r.map((t,x)=>e.jsx(S,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,image:t==null?void 0:t.image,learnMoreText:o,onSelectItem:()=>l(t),LinkComponent:s,link:t==null?void 0:t.link},`toggle-section-item__${x+1}`)),[r]);return e.jsx(y,{ref:n,children:c?d?i:e.jsxs(e.Fragment,{children:[i==null?void 0:i.slice(0,4),(i==null?void 0:i.length)>4&&e.jsx(p,{text:a,btnType:"basic",color:"neutral",className:"section__show-more",onClick:f})]}):i})}),M=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -248,4 +248,4 @@
       text-align: left;
     }
   }
-`,M=g.forwardRef(({title:r,description:o,showMoreText:a="Show more",learnMoreText:s="Learn more",options:l=[],items:n=[],onSelectItem:c=()=>{},LinkComponent:d},_)=>{const[f,i]=g.useState(0),t=x=>{i(x)};return e.jsxs(C,{ref:_,children:[e.jsxs("div",{className:"section__heading",children:[r&&e.jsx("div",{className:"section__title",children:r}),o&&e.jsx("div",{className:"section__description",children:o})]}),e.jsx(y,{options:l,selectedOptionCode:f,onSelectOption:t,LinkComponent:d}),e.jsx(O,{items:n==null?void 0:n[f],showMoreText:a,learnMoreText:s,onSelectItem:c,LinkComponent:d},`toggle-section-items__${f}`)]})});module.exports=M;
+`,$=g.forwardRef(({title:r,description:a,showMoreText:o="Show more",learnMoreText:l="Learn more",options:s=[],items:n=[],onSelectItem:c=()=>{},LinkComponent:d},_)=>{const[f,i]=g.useState(0),t=x=>{i(x)};return e.jsxs(M,{ref:_,children:[e.jsxs("div",{className:"section__heading",children:[r&&e.jsx("div",{className:"section__title",children:r}),a&&e.jsx("div",{className:"section__description",children:a})]}),e.jsx(j,{options:s,selectedOptionCode:f,onSelectOption:t,LinkComponent:d}),e.jsx(N,{items:n==null?void 0:n[f],showMoreText:o,learnMoreText:l,onSelectItem:c,LinkComponent:d},`toggle-section-items__${f}`)]})});module.exports=$;