@lanaco/lnc-react-ui 4.0.206 → 4.0.208

package/dist/TableView.cjs

@@ -1,8 +1,16 @@
-"use strict";const N=require("react/jsx-runtime"),S=require("react"),ne=require("./emotion-styled.browser.esm-BtEseadx.cjs"),te=require("./ActionsToolbar.cjs"),ce=require("./Pagination.cjs"),d=require("./utils-RnrgDDZP.cjs"),le=require("./Table.cjs"),re=ne.styled.div`
+"use strict";const w=require("react/jsx-runtime"),g=require("react"),ne=require("./emotion-styled.browser.esm-BtEseadx.cjs"),te=require("./ActionsToolbar.cjs"),ce=require("./Pagination.cjs"),d=require("./utils-CITgSxXe.cjs"),le=require("./Table.cjs"),re=require("./breakpoints-CcVm-gVm.cjs"),ie=ne.styled.div`
   & .table-view-pagination-lnc {
     padding: 0 0.625rem;
   }
   & .table-view-toolbar-lnc {
     margin: 0 0.625rem;
   }
-`,y=S.forwardRef((E,T)=>{const{tableProps:e={},paginationProps:n={},actionsToolbarProps:D={},rowsSingleSelect:w=!0,rowsMultiSelect:C=!1,showCreate:v=!0,enableCreate:x=!0,showEdit:A,enableEditOnSelection:O,showDelete:k=!0,enableDeleteOnSelection:q=!0,showCopy:j=!0,enableCopyOnSelection:I=!0,customActions:L,pagination:_=!0,readOnly:g=!1,actionsDropdownZIndex:B=null,actionsDropdownPlacement:V=null,actionDropdownProps:b,onCreate:f=()=>{},onEdit:G=()=>{},onDelete:M=()=>{},onDetails:W=()=>{},onCopy:Z=()=>{},onPageChange:F=()=>{},color:s="primary",size:a="small",children:u,onChangeRowsSelection:m=()=>{},...H}=E,t={...D,showCreate:v,enableCreate:x,showCopy:j,enableCopyOnSelection:I,showEdit:A,enableEditOnSelection:O,showDelete:k,enableDeleteOnSelection:q,customActions:L,readOnly:g},[i,h]=S.useState([]),c=S.useRef([]),J=(l,r)=>{var o;r?(C||w)&&(c.current=C?[...c.current,l]:[l],m(c==null?void 0:c.current),h(c==null?void 0:c.current)):(c.current=C?(o=c==null?void 0:c.current)==null?void 0:o.filter(z=>z!=l):[],m==null||m(c==null?void 0:c.current),h(c==null?void 0:c.current))},K=(l,r)=>{var o,z;((o=l.target)==null?void 0:o.type)!=="checkbox"&&((z=l.target)==null?void 0:z.className)!=="checkmark"&&(e!=null&&e.onRowClick&&e.onRowClick(l,r),Q(r,l))},Q=(l,r)=>{W(l,r)},U=l=>{f(l)},X=l=>{Z(i,l)},Y=l=>{G(i,l),c.current=[],h([]),m([])},$=l=>{M(i,l),c.current=[],h([]),m([])},R=l=>{F(l)},p=()=>d.renderCustomElement(d.getCustomRender("ACTIONS_TOOLBAR",u),{...t,size:t!=null&&t.size?t.size:a,color:t!=null&&t.color?t.color:s,className:"table-view-toolbar-lnc "+(t==null?void 0:t.className)},u)||N.jsx(te,{...t,className:"table-view-toolbar-lnc "+(t==null?void 0:t.className),size:t!=null&&t.size?t.size:a,color:t!=null&&t.color?t.color:s,selectedRowsLength:i!=null&&i.length?i.length:0,onCreate:U,onCopy:X,onEdit:Y,onDelete:$,actionsDropdownZIndex:B,actionDropdownProps:b,actionsDropdownPlacement:V,selectedRows:c==null?void 0:c.current}),P=()=>d.renderCustomElement(d.getCustomRender("TABLE",u),{...e,size:e!=null&&e.size?e.size:a,color:e!=null&&e.color?e.color:s,className:"table-view-pagination-lnc "+(e==null?void 0:e.className)},u)||N.jsx(le.default,{size:e!=null&&e.size?e.size:a,color:e!=null&&e.color?e.color:s,EnableSelection:(w||C)&&g==!1,onSelectRow:(l,r,o)=>J(r,!o),SelectedData:i,onRowClick:(l,r)=>K(l,r),...e}),ee=()=>d.renderCustomElement(d.getCustomRender("PAGINATION",u),{...n,size:n!=null&&n.size?n.size:a,color:n!=null&&n.color?n.color:s,className:"table-view-pagination-lnc "+(n==null?void 0:n.className)},u)||N.jsx(ce,{...n,size:n!=null&&n.size?n.size:a,color:n!=null&&n.color?n.color:s,className:"table-view-pagination-lnc "+(n==null?void 0:n.className),onPageChange:R});return N.jsxs(re,{ref:T,...H,children:[p(),P(),_==!0&&ee()]})});y.displayName="TABLE_VIEW";module.exports=y;
+
+  @media ${re.down("S")} {
+    & .table-view-pagination-lnc,
+    & .table-view-toolbar-lnc {
+      margin: 0 0.5rem;
+      padding: 0 0.5rem;
+    }
+  }
+`,y=g.forwardRef((E,T)=>{const{tableProps:e={},paginationProps:n={},actionsToolbarProps:v={},rowsSingleSelect:N=!0,rowsMultiSelect:C=!1,showCreate:D=!0,enableCreate:k=!0,showEdit:q,enableEditOnSelection:x,showDelete:A=!0,enableDeleteOnSelection:O=!0,showCopy:b=!0,enableCopyOnSelection:j=!0,customActions:I,pagination:L=!0,readOnly:S=!1,actionsDropdownZIndex:_=null,actionsDropdownPlacement:B=null,actionDropdownProps:V,onCreate:f=()=>{},onEdit:G=()=>{},onDelete:M=()=>{},onDetails:W=()=>{},onCopy:Z=()=>{},onPageChange:$=()=>{},color:a="primary",size:s="small",children:u,onChangeRowsSelection:m=()=>{},...F}=E,t={...v,showCreate:D,enableCreate:k,showCopy:b,enableCopyOnSelection:j,showEdit:q,enableEditOnSelection:x,showDelete:A,enableDeleteOnSelection:O,customActions:I,readOnly:S},[i,h]=g.useState([]),c=g.useRef([]),H=(l,r)=>{var o;r?(C||N)&&(c.current=C?[...c.current,l]:[l],m(c==null?void 0:c.current),h(c==null?void 0:c.current)):(c.current=C?(o=c==null?void 0:c.current)==null?void 0:o.filter(z=>z!=l):[],m==null||m(c==null?void 0:c.current),h(c==null?void 0:c.current))},J=(l,r)=>{var o,z;((o=l.target)==null?void 0:o.type)!=="checkbox"&&((z=l.target)==null?void 0:z.className)!=="checkmark"&&(e!=null&&e.onRowClick&&e.onRowClick(l,r),K(r,l))},K=(l,r)=>{W(l,r)},Q=l=>{f(l)},U=l=>{Z(i,l)},X=l=>{G(i,l),c.current=[],h([]),m([])},Y=l=>{M(i,l),c.current=[],h([]),m([])},R=l=>{$(l)},p=()=>d.renderCustomElement(d.getCustomRender("ACTIONS_TOOLBAR",u),{...t,size:t!=null&&t.size?t.size:s,color:t!=null&&t.color?t.color:a,className:"table-view-toolbar-lnc "+(t==null?void 0:t.className)},u)||w.jsx(te,{...t,className:"table-view-toolbar-lnc "+(t==null?void 0:t.className),size:t!=null&&t.size?t.size:s,color:t!=null&&t.color?t.color:a,selectedRowsLength:i!=null&&i.length?i.length:0,onCreate:Q,onCopy:U,onEdit:X,onDelete:Y,actionsDropdownZIndex:_,actionDropdownProps:V,actionsDropdownPlacement:B,selectedRows:c==null?void 0:c.current}),P=()=>d.renderCustomElement(d.getCustomRender("TABLE",u),{...e,size:e!=null&&e.size?e.size:s,color:e!=null&&e.color?e.color:a,className:"table-view-pagination-lnc "+(e==null?void 0:e.className)},u)||w.jsx(le.default,{size:e!=null&&e.size?e.size:s,color:e!=null&&e.color?e.color:a,EnableSelection:(N||C)&&S==!1,onSelectRow:(l,r,o)=>H(r,!o),SelectedData:i,onRowClick:(l,r)=>J(l,r),...e}),ee=()=>d.renderCustomElement(d.getCustomRender("PAGINATION",u),{...n,size:n!=null&&n.size?n.size:s,color:n!=null&&n.color?n.color:a,className:"table-view-pagination-lnc "+(n==null?void 0:n.className)},u)||w.jsx(ce,{...n,size:n!=null&&n.size?n.size:s,color:n!=null&&n.color?n.color:a,className:"table-view-pagination-lnc "+(n==null?void 0:n.className),onPageChange:R});return w.jsxs(ie,{ref:T,...F,children:[p(),P(),L==!0&&ee()]})});y.displayName="TABLE_VIEW";module.exports=y;

package/dist/TableView.js

@@ -2,156 +2,165 @@ import { jsxs as ee, jsx as C } from "react/jsx-runtime";
 import { forwardRef as ne, useState as ce, useRef as le } from "react";
 import { s as te } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import re from "./ActionsToolbar.js";
-import oe from "./Pagination.js";
-import { r as N, i as S } from "./utils-DtEfC-TX.js";
-import ie from "./Table.js";
-const ae = te.div`
+import ie from "./Pagination.js";
+import { r as w, j as N } from "./utils-B2fsQ6PS.js";
+import oe from "./Table.js";
+import { d as ae } from "./breakpoints-ff0SIcV3.js";
+const me = te.div`
   & .table-view-pagination-lnc {
     padding: 0 0.625rem;
   }
   & .table-view-toolbar-lnc {
     margin: 0 0.625rem;
   }
-`, se = ne((T, g) => {
+
+  @media ${ae("S")} {
+    & .table-view-pagination-lnc,
+    & .table-view-toolbar-lnc {
+      margin: 0 0.5rem;
+      padding: 0 0.5rem;
+    }
+  }
+`, se = ne((y, T) => {
   const {
     tableProps: e = {},
     paginationProps: n = {},
-    actionsToolbarProps: D = {},
-    rowsSingleSelect: w = !0,
+    actionsToolbarProps: v = {},
+    rowsSingleSelect: S = !0,
     rowsMultiSelect: d = !1,
-    showCreate: E = !0,
-    enableCreate: f = !0,
-    showEdit: v,
+    showCreate: D = !0,
+    enableCreate: E = !0,
+    showEdit: f,
     enableEditOnSelection: A,
     showDelete: O = !0,
     enableDeleteOnSelection: k = !0,
     showCopy: x = !0,
     enableCopyOnSelection: I = !0,
     customActions: L,
-    pagination: B = !0,
-    readOnly: y = !1,
-    actionsDropdownZIndex: V = null,
-    actionsDropdownPlacement: j = null,
-    actionDropdownProps: _,
+    pagination: b = !0,
+    readOnly: g = !1,
+    actionsDropdownZIndex: j = null,
+    actionsDropdownPlacement: B = null,
+    actionDropdownProps: V,
     //----------------
-    onCreate: G = () => {
+    onCreate: _ = () => {
     },
-    onEdit: M = () => {
+    onEdit: G = () => {
     },
-    onDelete: W = () => {
+    onDelete: M = () => {
     },
-    onDetails: Z = () => {
+    onDetails: W = () => {
     },
-    onCopy: b = () => {
+    onCopy: Z = () => {
     },
-    onPageChange: q = () => {
+    onPageChange: $ = () => {
     },
     //------------------
     color: a = "primary",
-    size: s = "small",
-    children: m,
+    size: m = "small",
+    children: s,
     onChangeRowsSelection: u = () => {
     },
-    ...F
-  } = T, c = {
-    ...D,
-    showCreate: E,
-    enableCreate: f,
+    ...q
+  } = y, c = {
+    ...v,
+    showCreate: D,
+    enableCreate: E,
     showCopy: x,
     enableCopyOnSelection: I,
-    showEdit: v,
+    showEdit: f,
     enableEditOnSelection: A,
     showDelete: O,
     enableDeleteOnSelection: k,
     customActions: L,
-    readOnly: y
-  }, [o, h] = ce([]), l = le([]), H = (t, r) => {
-    var i;
-    r ? (d || w) && (l.current = d ? [...l.current, t] : [t], u(l == null ? void 0 : l.current), h(l == null ? void 0 : l.current)) : (l.current = d ? (i = l == null ? void 0 : l.current) == null ? void 0 : i.filter((z) => z != t) : [], u == null || u(l == null ? void 0 : l.current), h(l == null ? void 0 : l.current));
+    readOnly: g
+  }, [i, h] = ce([]), l = le([]), F = (t, r) => {
+    var o;
+    r ? (d || S) && (l.current = d ? [...l.current, t] : [t], u(l == null ? void 0 : l.current), h(l == null ? void 0 : l.current)) : (l.current = d ? (o = l == null ? void 0 : l.current) == null ? void 0 : o.filter((z) => z != t) : [], u == null || u(l == null ? void 0 : l.current), h(l == null ? void 0 : l.current));
+  }, H = (t, r) => {
+    var o, z;
+    ((o = t.target) == null ? void 0 : o.type) !== "checkbox" && ((z = t.target) == null ? void 0 : z.className) !== "checkmark" && (e != null && e.onRowClick && e.onRowClick(t, r), J(r, t));
   }, J = (t, r) => {
-    var i, z;
-    ((i = t.target) == null ? void 0 : i.type) !== "checkbox" && ((z = t.target) == null ? void 0 : z.className) !== "checkmark" && (e != null && e.onRowClick && e.onRowClick(t, r), K(r, t));
-  }, K = (t, r) => {
-    Z(t, r);
+    W(t, r);
+  }, K = (t) => {
+    _(t);
   }, Q = (t) => {
-    G(t);
+    Z(i, t);
   }, U = (t) => {
-    b(o, t);
+    G(i, t), l.current = [], h([]), u([]);
   }, X = (t) => {
-    M(o, t), l.current = [], h([]), u([]);
+    M(i, t), l.current = [], h([]), u([]);
   }, Y = (t) => {
-    W(o, t), l.current = [], h([]), u([]);
-  }, $ = (t) => {
-    q(t);
-  }, R = () => N(
-    S("ACTIONS_TOOLBAR", m),
+    $(t);
+  }, R = () => w(
+    N("ACTIONS_TOOLBAR", s),
     {
       ...c,
-      size: c != null && c.size ? c.size : s,
+      size: c != null && c.size ? c.size : m,
       color: c != null && c.color ? c.color : a,
       className: "table-view-toolbar-lnc " + (c == null ? void 0 : c.className)
     },
-    m
+    s
   ) || /* @__PURE__ */ C(
     re,
     {
       ...c,
       className: "table-view-toolbar-lnc " + (c == null ? void 0 : c.className),
-      size: c != null && c.size ? c.size : s,
+      size: c != null && c.size ? c.size : m,
       color: c != null && c.color ? c.color : a,
-      selectedRowsLength: o != null && o.length ? o.length : 0,
-      onCreate: Q,
-      onCopy: U,
-      onEdit: X,
-      onDelete: Y,
-      actionsDropdownZIndex: V,
-      actionDropdownProps: _,
-      actionsDropdownPlacement: j,
+      selectedRowsLength: i != null && i.length ? i.length : 0,
+      onCreate: K,
+      onCopy: Q,
+      onEdit: U,
+      onDelete: X,
+      actionsDropdownZIndex: j,
+      actionDropdownProps: V,
+      actionsDropdownPlacement: B,
       selectedRows: l == null ? void 0 : l.current
     }
-  ), p = () => N(
-    S("TABLE", m),
+  ), p = () => w(
+    N("TABLE", s),
     {
       ...e,
-      size: e != null && e.size ? e.size : s,
+      size: e != null && e.size ? e.size : m,
       color: e != null && e.color ? e.color : a,
       className: "table-view-pagination-lnc " + (e == null ? void 0 : e.className)
     },
-    m
+    s
   ) || /* @__PURE__ */ C(
-    ie,
+    oe,
     {
-      size: e != null && e.size ? e.size : s,
+      size: e != null && e.size ? e.size : m,
       color: e != null && e.color ? e.color : a,
-      EnableSelection: (w || d) && y == !1,
-      onSelectRow: (t, r, i) => H(r, !i),
-      SelectedData: o,
-      onRowClick: (t, r) => J(t, r),
+      EnableSelection: (S || d) && g == !1,
+      onSelectRow: (t, r, o) => F(r, !o),
+      SelectedData: i,
+      onRowClick: (t, r) => H(t, r),
       ...e
     }
-  ), P = () => N(
-    S("PAGINATION", m),
+  ), P = () => w(
+    N("PAGINATION", s),
     {
       ...n,
-      size: n != null && n.size ? n.size : s,
+      size: n != null && n.size ? n.size : m,
       color: n != null && n.color ? n.color : a,
       className: "table-view-pagination-lnc " + (n == null ? void 0 : n.className)
     },
-    m
+    s
   ) || /* @__PURE__ */ C(
-    oe,
+    ie,
     {
       ...n,
-      size: n != null && n.size ? n.size : s,
+      size: n != null && n.size ? n.size : m,
       color: n != null && n.color ? n.color : a,
       className: "table-view-pagination-lnc " + (n == null ? void 0 : n.className),
-      onPageChange: $
+      onPageChange: Y
     }
   );
-  return /* @__PURE__ */ ee(ae, { ref: g, ...F, children: [
+  return /* @__PURE__ */ ee(me, { ref: T, ...q, children: [
     R(),
     p(),
-    B == !0 && P()
+    b == !0 && P()
   ] });
 });
 se.displayName = "TABLE_VIEW";

package/dist/TextAreaInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const F=require("react/jsx-runtime"),u=require("react"),U=require("./index-Cp66dWMi.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Y=require("./objectWithoutPropertiesLoose-BLga_MQA.cjs"),X=require("./use-isomorphic-layout-effect.browser.esm-CkGv31zs.cjs");function Z(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const S=Z(u),J=G.styled.div`
+"use strict";const F=require("react/jsx-runtime"),u=require("react"),U=require("./index-Cp66dWMi.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./utils-CITgSxXe.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Y=require("./objectWithoutPropertiesLoose-BLga_MQA.cjs"),X=require("./use-isomorphic-layout-effect.browser.esm-CkGv31zs.cjs");function Z(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const S=Z(u),J=G.styled.div`
   & textarea {
     ${e=>f.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
     min-height: ${e=>f.getSizeValueWithUnits(e.theme,e.size)};

package/dist/TextAreaInput.js

@@ -3,7 +3,7 @@ import * as x from "react";
 import E, { forwardRef as U, useState as H, useEffect as I, useCallback as G } from "react";
 import { d as Y } from "./index-Dt62UGku.js";
 import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as D, d as X, b as p, a as Z, e as J, h as K } from "./utils-DtEfC-TX.js";
+import { d as D, e as X, c as p, b as Z, f as J, i as K } from "./utils-B2fsQ6PS.js";
 import { _ as Q, u as ee } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { _ as te } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
 import { i as re } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";

package/dist/TextInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),o=require("react"),N=require("./index-Cp66dWMi.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),D=g.styled.div`
+"use strict";const s=require("react/jsx-runtime"),o=require("react"),N=require("./index-Cp66dWMi.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),D=g.styled.div`
   display: flex;
   align-items: center;
 

package/dist/TextInput.js

@@ -2,7 +2,7 @@ import { jsxs as U, jsx as x } from "react/jsx-runtime";
 import { forwardRef as D, useRef as E, useState as V, useEffect as P, useCallback as q } from "react";
 import { d as A } from "./index-Dt62UGku.js";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as i, b as a, a as G, e as H, h as S, c as J } from "./utils-DtEfC-TX.js";
+import { e as i, c as a, b as G, f as H, i as S, d as J } from "./utils-B2fsQ6PS.js";
 import { u as K } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const L = s.div`
   display: flex;

package/dist/ThemeProvider.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("react"),t=require("./utils-RnrgDDZP.cjs"),c=require("./styled-components.browser.esm-CvykQBGY.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),b=e=>{const a=e.palette.disabled.color,o=e.palette[a][e.palette.disabled.background],r=e.palette.opacity[e.palette.disabled.opacity];return t.hexToRgba(o,r??"100%")},m=e=>{const a=e.palette.disabled.color;return e.palette[a][e.palette.disabled.text]},p=c.$e`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("react"),d=require("./theme-Q3WOGKWQ.cjs"),t=require("./utils-CITgSxXe.cjs"),g=require("./styled-components.browser.esm-CvykQBGY.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{const a=e.palette.disabled.color,o=e.palette[a][e.palette.disabled.background],r=e.palette.opacity[e.palette.disabled.opacity];return t.hexToRgba(o,r??"100%")},p=e=>{const a=e.palette.disabled.color;return e.palette[a][e.palette.disabled.text]},h=g.$e`
 * {
   --size-small: ${e=>t.getSizeValueWithUnits(e.theme,"small")};
   --size-medium: ${e=>t.getSizeValueWithUnits(e.theme,"medium")};
   --size-large: ${e=>t.getSizeValueWithUnits(e.theme,"large")};
-  --disabled-text: ${e=>m(e.theme)};
-  --disabled-bg: ${e=>b(e.theme)};
+  --disabled-text: ${e=>p(e.theme)};
+  --disabled-bg: ${e=>m(e.theme)};
 
   box-sizing: border-box;
   font-family: ${e=>{var a,o;return(o=(a=e.theme)==null?void 0:a.typography)==null?void 0:o.fontFamily}};
@@ -35,4 +35,4 @@
     background-color: ${e=>t.getColorRgbaValue(e.theme,"Background","default","enabled","background")};
     color: ${e=>t.getColorRgbaValue(e.theme,"Text","default","enabled","text")};
   }
-`,u=s.createContext(),f=()=>s.useContext(u),h=({theme:e="Lanaco Light",children:a})=>{const[o,r]=s.useState(()=>{var l;return typeof e=="string"?(l=t.themes)==null?void 0:l.find(n=>n.name==e):e});s.useEffect(()=>{var l;r(typeof e=="string"?(l=t.themes)==null?void 0:l.find(n=>n.name==e):e)},[e]);const d=()=>{var l;r(typeof e=="string"?(l=t.themes)==null?void 0:l.find(n=>n.name==e):e)};return i.jsx(u.Provider,{value:{theme:o,switchTheme:d},children:i.jsxs(g.ThemeProvider,{theme:o,children:[i.jsx(p,{theme:o}),a]})})};exports.default=h;exports.useTheme=f;
+`,c=s.createContext(),f=()=>s.useContext(c),x=({theme:e="Lanaco Light",children:a})=>{const[o,r]=s.useState(()=>{var l;return typeof e=="string"?(l=d.themes)==null?void 0:l.find(n=>n.name==e):e});s.useEffect(()=>{var l;r(typeof e=="string"?(l=d.themes)==null?void 0:l.find(n=>n.name==e):e)},[e]);const u=()=>{var l;r(typeof e=="string"?(l=d.themes)==null?void 0:l.find(n=>n.name==e):e)};return i.jsx(c.Provider,{value:{theme:o,switchTheme:u},children:i.jsxs(b.ThemeProvider,{theme:o,children:[i.jsx(h,{theme:o}),a]})})};exports.default=x;exports.useTheme=f;

package/dist/ThemeProvider.js

@@ -1,6 +1,7 @@
 import { jsx as c, jsxs as m } from "react/jsx-runtime";
 import { createContext as u, useContext as g, useState as p, useEffect as f } from "react";
-import { n as x, d, b as r, o as i } from "./utils-DtEfC-TX.js";
+import { t as d } from "./theme-Befg4g_L.js";
+import { o as x, e as i, c as r } from "./utils-B2fsQ6PS.js";
 import { $ as h } from "./styled-components.browser.esm-D-n22PJk.js";
 import { b as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const k = (e) => {
@@ -11,9 +12,9 @@ const k = (e) => {
   return e.palette[o][e.palette.disabled.text];
 }, C = h`
 * {
-  --size-small: ${(e) => d(e.theme, "small")};
-  --size-medium: ${(e) => d(e.theme, "medium")};
-  --size-large: ${(e) => d(e.theme, "large")};
+  --size-small: ${(e) => i(e.theme, "small")};
+  --size-medium: ${(e) => i(e.theme, "medium")};
+  --size-large: ${(e) => i(e.theme, "large")};
   --disabled-text: ${(e) => y(e.theme)};
   --disabled-bg: ${(e) => k(e.theme)};
 
@@ -91,18 +92,18 @@ const k = (e) => {
 )};
     color: ${(e) => r(e.theme, "Text", "default", "enabled", "text")};
   }
-`, b = u(), w = () => g(b), F = ({ theme: e = "Lanaco Light", children: o }) => {
+`, b = u(), F = () => g(b), H = ({ theme: e = "Lanaco Light", children: o }) => {
   const [t, l] = p(() => {
     var a;
-    return typeof e == "string" ? (a = i) == null ? void 0 : a.find((n) => n.name == e) : e;
+    return typeof e == "string" ? (a = d) == null ? void 0 : a.find((n) => n.name == e) : e;
   });
   f(() => {
     var a;
-    l(typeof e == "string" ? (a = i) == null ? void 0 : a.find((n) => n.name == e) : e);
+    l(typeof e == "string" ? (a = d) == null ? void 0 : a.find((n) => n.name == e) : e);
   }, [e]);
   const s = () => {
     var a;
-    l(typeof e == "string" ? (a = i) == null ? void 0 : a.find((n) => n.name == e) : e);
+    l(typeof e == "string" ? (a = d) == null ? void 0 : a.find((n) => n.name == e) : e);
   };
   return /* @__PURE__ */ c(
     b.Provider,
@@ -116,6 +117,6 @@ const k = (e) => {
   );
 };
 export {
-  F as default,
-  w as useTheme
+  H as default,
+  F as useTheme
 };

package/dist/TimeInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),d=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./index-Cp66dWMi.cjs"),t=require("./utils-RnrgDDZP.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=({theme:e,size:a})=>{var l=t.getSizeValueWithUnits(e,a);return`
+"use strict";const i=require("react/jsx-runtime"),d=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./index-Cp66dWMi.cjs"),t=require("./utils-CITgSxXe.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=({theme:e,size:a})=>{var l=t.getSizeValueWithUnits(e,a);return`
     min-height: ${l};
     max-height: ${l};
   `},O=f.styled.input`

package/dist/TimeInput.js

@@ -2,7 +2,7 @@ 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 { d as S } from "./index-Dt62UGku.js";
-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 { d as T, c as a, b as R, i as w, f as F, e as U } from "./utils-B2fsQ6PS.js";
 import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const j = ({ theme: e, size: r }) => {
   var d = U(e, r);

package/dist/Toggle.cjs

@@ -1,4 +1,4 @@
-"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`
+"use strict";const a=require("react/jsx-runtime"),R=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.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;

package/dist/Toggle.js

@@ -1,7 +1,7 @@
 import { jsxs as C, jsx as g } from "react/jsx-runtime";
 import { useState as S } from "react";
 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 { f as j, c as i, d as b } from "./utils-B2fsQ6PS.js";
 import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const t = {
   containerWidth: {

package/dist/ToggleSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"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("./breakpoints-CcVm-gVm.cjs"),w=require("./useDetectMobile-DYV6V1yw.cjs"),p=require("./Button.cjs"),v=m.styled.div`
   display: flex;
 
   border: 1px solid var(--gray-200, #e4e9f0);
@@ -58,7 +58,7 @@
     }
   }
 
-  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+  @media ${h.down("S")} {
     width: 100%;
 
     & .options__item {
@@ -87,7 +87,7 @@
     }
   }
 
-  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+  @media ${h.down("S")} {
     flex-direction: column;
 
     & .learn-more {
@@ -161,7 +161,7 @@
     }
   }
 
-  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+  @media ${h.down("S")} {
     max-width: 100%;
     flex-direction: row;
     padding: 1rem;
@@ -194,7 +194,7 @@
       }
     }
   }
-`,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`
+`,j=g.forwardRef(({options:r=[],selectedOptionCode:o=null,onSelectOption:a=()=>{}},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 ${o===n?"active":""}`,onClick:()=>{a(n)}},`toggle-section-tag__${n+1}`))})),S=({title:r,description:o,image:a,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: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(p,{text:l,btnType:"basic",color:"neutral",className:"section__show-more learn-more"})]})},N=g.forwardRef(({items:r=[],showMoreText:o,learnMoreText:a,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:a,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:o,btnType:"basic",color:"neutral",className:"section__show-more",onClick:f})]}):i})}),$=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -226,7 +226,7 @@
     line-height: 1.5rem;
   }
 
-  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+  @media ${h.down("S")} {
     gap: 1.5rem;
 
     & .section__heading {
@@ -248,4 +248,4 @@
       text-align: left;
     }
   }
-`,$=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=$;
+`,C=g.forwardRef(({title:r,description:o,showMoreText:a="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($,{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(j,{options:s,selectedOptionCode:f,onSelectOption:t,LinkComponent:d}),e.jsx(N,{items:n==null?void 0:n[f],showMoreText:a,learnMoreText:l,onSelectItem:c,LinkComponent:d},`toggle-section-items__${f}`)]})});module.exports=C;