@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/{Streamable-4uAnb3WN.cjs → Streamable-DZO95CiT.cjs}

@@ -1 +1 @@
-"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),f=require("react"),c=require("./SearchSection-BcbHP6QF.cjs");function b(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const a in s)if(a!=="default"&&!(a in t)){const l=Object.getOwnPropertyDescriptor(s,a);l&&Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var P=Object.create,n=Object.defineProperty,g=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,O=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,L=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:!0})},h=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of v(e))!S.call(t,a)&&a!==r&&n(t,a,{get:()=>e[a],enumerable:!(s=g(e,a))||s.enumerable});return t},w=(t,e,r)=>(r=t!=null?P(O(t)):{},h(!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),M=t=>h(n({},"__esModule",{value:!0}),t),o=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),y={};L(y,{default:()=>i});var d=M(y),p=w(f),u=c.utils,m=c.patterns;const D="https://cdn.embed.ly/player-0.1.0.min.js",T="playerjs";class i extends p.Component{constructor(){super(...arguments),o(this,"callPlayer",u.callPlayer),o(this,"duration",null),o(this,"currentTime",null),o(this,"secondsLoaded",null),o(this,"mute",()=>{this.callPlayer("mute")}),o(this,"unmute",()=>{this.callPlayer("unmute")}),o(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,u.getSDK)(D,T).then(r=>{this.iframe&&(this.player=new r.Player(this.iframe),this.player.setLoop(this.props.loop),this.player.on("ready",this.props.onReady),this.player.on("play",this.props.onPlay),this.player.on("pause",this.props.onPause),this.player.on("seeked",this.props.onSeek),this.player.on("ended",this.props.onEnded),this.player.on("error",this.props.onError),this.player.on("timeupdate",({duration:s,seconds:a})=>{this.duration=s,this.currentTime=a}),this.player.on("buffered",({percent:s})=>{this.duration&&(this.secondsLoaded=this.duration*s)}),this.props.muted&&this.player.mute())},this.props.onError)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("setCurrentTime",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e*100)}setLoop(e){this.callPlayer("setLoop",e)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.secondsLoaded}render(){const e=this.props.url.match(m.MATCH_URL_STREAMABLE)[1],r={width:"100%",height:"100%"};return p.default.createElement("iframe",{ref:this.ref,src:`https://streamable.com/o/${e}`,frameBorder:"0",scrolling:"no",style:r,allow:"encrypted-media; autoplay; fullscreen;"})}}o(i,"displayName","Streamable");o(i,"canPlay",m.canPlay.streamable);const E=_.getDefaultExportFromCjs(d),A=b({__proto__:null,default:E},[d]);exports.Streamable=A;
+"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),f=require("react"),c=require("./SearchSection-B94YN_6P.cjs");function b(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const a in s)if(a!=="default"&&!(a in t)){const l=Object.getOwnPropertyDescriptor(s,a);l&&Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var P=Object.create,n=Object.defineProperty,g=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,O=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,L=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:!0})},h=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of v(e))!S.call(t,a)&&a!==r&&n(t,a,{get:()=>e[a],enumerable:!(s=g(e,a))||s.enumerable});return t},w=(t,e,r)=>(r=t!=null?P(O(t)):{},h(!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),M=t=>h(n({},"__esModule",{value:!0}),t),o=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),y={};L(y,{default:()=>i});var d=M(y),p=w(f),u=c.utils,m=c.patterns;const D="https://cdn.embed.ly/player-0.1.0.min.js",T="playerjs";class i extends p.Component{constructor(){super(...arguments),o(this,"callPlayer",u.callPlayer),o(this,"duration",null),o(this,"currentTime",null),o(this,"secondsLoaded",null),o(this,"mute",()=>{this.callPlayer("mute")}),o(this,"unmute",()=>{this.callPlayer("unmute")}),o(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,u.getSDK)(D,T).then(r=>{this.iframe&&(this.player=new r.Player(this.iframe),this.player.setLoop(this.props.loop),this.player.on("ready",this.props.onReady),this.player.on("play",this.props.onPlay),this.player.on("pause",this.props.onPause),this.player.on("seeked",this.props.onSeek),this.player.on("ended",this.props.onEnded),this.player.on("error",this.props.onError),this.player.on("timeupdate",({duration:s,seconds:a})=>{this.duration=s,this.currentTime=a}),this.player.on("buffered",({percent:s})=>{this.duration&&(this.secondsLoaded=this.duration*s)}),this.props.muted&&this.player.mute())},this.props.onError)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("setCurrentTime",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e*100)}setLoop(e){this.callPlayer("setLoop",e)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.secondsLoaded}render(){const e=this.props.url.match(m.MATCH_URL_STREAMABLE)[1],r={width:"100%",height:"100%"};return p.default.createElement("iframe",{ref:this.ref,src:`https://streamable.com/o/${e}`,frameBorder:"0",scrolling:"no",style:r,allow:"encrypted-media; autoplay; fullscreen;"})}}o(i,"displayName","Streamable");o(i,"canPlay",m.canPlay.streamable);const E=_.getDefaultExportFromCjs(d),A=b({__proto__:null,default:E},[d]);exports.Streamable=A;

package/dist/{Streamable-BAIWLgyD.js → Streamable-Dwa5ZEK4.js}

@@ -1,6 +1,6 @@
 import { g as m } from "./_commonjsHelpers-BkfeUUK-.js";
 import f from "react";
-import { u as _, p as b } from "./SearchSection-DDQ_K98T.js";
+import { u as _, p as b } from "./SearchSection-DAaMecR4.js";
 function P(t, e) {
   for (var r = 0; r < e.length; r++) {
     const s = e[r];

package/dist/Surface.cjs

@@ -1,7 +1,7 @@
-"use strict";const x=require("react/jsx-runtime"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BpbMKBf_.cjs"),s=require("./utils-RnrgDDZP.cjs"),c=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=p.styled.div`
+"use strict";const m=require("react/jsx-runtime"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),c=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=l.styled.div`
   padding: ${e=>e.padding};
-  box-shadow: ${e=>s.getBoxShadowValue(e.theme,e.boxShadow)};
-  border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
+  box-shadow: ${e=>r.getBoxShadowValue(e.theme,e.boxShadow)};
+  border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   width: ${e=>e.fullWidth?"100%":"fit-content"};
   border-top: 1px solid rgba(0, 0, 0, 0.04);
-`,o=({children:e,style:t={},className:d="",boxShadow:i="s",borderRadius:n="regular",padding:l="s",fullWidth:a=!1})=>{const u=c.useTheme(),m={xs:"0.25rem",s:"0.5rem",m:"0.75rem",l:"1rem",xl:"1.25rem",xxl:"1.5rem"};return x.jsx(g,{theme:u,style:t,className:"lnc-ui-surface "+d,borderRadius:n,boxShadow:i,padding:m[l],fullWidth:a,children:e})};o.propTypes={borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),boxShadow:r.PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),paddign:r.PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),fullWidth:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object};module.exports=o;
+`,h=({children:e,style:t={},className:s="",boxShadow:o="s",borderRadius:d="regular",padding:i="s",fullWidth:n=!1})=>{const a=c.useTheme(),u={xs:"0.25rem",s:"0.5rem",m:"0.75rem",l:"1rem",xl:"1.25rem",xxl:"1.5rem"};return m.jsx(x,{theme:a,style:t,className:"lnc-ui-surface "+s,borderRadius:d,boxShadow:o,padding:u[i],fullWidth:n,children:e})};module.exports=h;

package/dist/Surface.js

@@ -1,24 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
-import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as r } from "./index-CblbdqjE.js";
+import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { j as u, a as f } from "./utils-DtEfC-TX.js";
-import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const g = x.div`
+import { u as h } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const x = l.div`
   padding: ${(e) => e.padding};
   box-shadow: ${(e) => u(e.theme, e.boxShadow)};
   border-radius: ${(e) => f(e.theme, e.borderRadius)};
   width: ${(e) => e.fullWidth ? "100%" : "fit-content"};
   border-top: 1px solid rgba(0, 0, 0, 0.04);
-`, h = ({
+`, w = ({
   children: e,
-  style: o = {},
-  className: s = "",
-  boxShadow: a = "s",
-  borderRadius: d = "regular",
-  padding: t = "s",
-  fullWidth: l = !1
+  style: r = {},
+  className: a = "",
+  boxShadow: t = "s",
+  borderRadius: o = "regular",
+  padding: s = "s",
+  fullWidth: d = !1
 }) => {
-  const i = p(), m = {
+  const i = h(), m = {
     xs: "0.25rem",
     s: "0.5rem",
     m: "0.75rem",
@@ -27,33 +26,19 @@ const g = x.div`
     xxl: "1.5rem"
   };
   return /* @__PURE__ */ n(
-    g,
+    x,
     {
       theme: i,
-      style: o,
-      className: "lnc-ui-surface " + s,
-      borderRadius: d,
-      boxShadow: a,
-      padding: m[t],
-      fullWidth: l,
+      style: r,
+      className: "lnc-ui-surface " + a,
+      borderRadius: o,
+      boxShadow: t,
+      padding: m[s],
+      fullWidth: d,
       children: e
     }
   );
 };
-h.propTypes = {
-  borderRadius: r.oneOf([
-    "slight",
-    "regular",
-    "edged",
-    "curved",
-    "none"
-  ]),
-  boxShadow: r.oneOf(["xs", "s", "m", "l", "xl", "xxl"]),
-  paddign: r.oneOf(["xs", "s", "m", "l", "xl", "xxl"]),
-  fullWidth: r.bool,
-  className: r.string,
-  style: r.object
-};
 export {
-  h as default
+  w as default
 };

package/dist/SwipeableDrawer.cjs

@@ -1,10 +1,10 @@
-"use strict";const f=require("react/jsx-runtime"),u=require("react"),t=require("./index-BpbMKBf_.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./utils-RnrgDDZP.cjs"),X=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Y=(e,o,n,c,a)=>{if(e==="right"||e==="left"||o&&n)return"height: 100%;";if(!(o&&a===!0))return o?"height: "+c+";":"height: 0;"},A=(e,o,n,c,a)=>{if(e==="top"||e==="bottom"||o&&n)return"width: 100%;";if(!(o&&a===!0))return o?"width: "+c+";":"width: 0;"},B=$.styled.div`
+"use strict";const f=require("react/jsx-runtime"),a=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./utils-RnrgDDZP.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=(e,n,r,s,u)=>{if(e==="right"||e==="left"||n&&r)return"height: 100%;";if(!(n&&u===!0))return n?"height: "+s+";":"height: 0;"},X=(e,n,r,s,u)=>{if(e==="top"||e==="bottom"||n&&r)return"width: 100%;";if(!(n&&u===!0))return n?"width: "+s+";":"width: 0;"},Y=x.styled.div`
   touch-action: none;
   overflow: auto;
   max-height: ${e=>e.isOpen||e.unsetHeight===!1?"100dvh":0};
-  ${e=>Y(e.direction,e.isOpen,e.isFullPage,e.drawerSize,e.unsetHeight)}
+  ${e=>V(e.direction,e.isOpen,e.isFullPage,e.drawerSize,e.unsetHeight)}
   max-width: ${e=>e.isOpen||e.unsetWidth===!1?"100vw":0};
-  ${e=>A(e.direction,e.isOpen,e.isFullPage,e.drawerSize,e.unsetWidth)}
+  ${e=>X(e.direction,e.isOpen,e.isFullPage,e.drawerSize,e.unsetWidth)}
   position: ${e=>e.position};
   z-index: ${e=>e.zIndex};
   ${e=>e.direction==="bottom"?"bottom: 0":"top: 0"};
@@ -18,10 +18,10 @@
 
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
 
-  background-color: ${e=>y.getColorRgbaValue(e.theme,"Drawer",e.color,"enabled","background")};
-  color: ${e=>y.getColorRgbaValue(e.theme,"Drawer",e.color,"enabled","text")};
-  ${e=>y.getComponentTypographyCss(e.theme,"Drawer",e.size,"enabled")};
-`,G=$.styled.div`
+  background-color: ${e=>m.getColorRgbaValue(e.theme,"Drawer",e.color,"enabled","background")};
+  color: ${e=>m.getColorRgbaValue(e.theme,"Drawer",e.color,"enabled","text")};
+  ${e=>m.getComponentTypographyCss(e.theme,"Drawer",e.size,"enabled")};
+`,N=x.styled.div`
   z-index: ${e=>e.zIndex};
   position: ${e=>e.position};
   top: 0;
@@ -30,4 +30,4 @@
   height: ${e=>e.isOpen===!0&&e.enableOverlay===!0?"100dvh":0};
   width: ${e=>e.isOpen===!0&&e.enableOverlay===!0?"100vw":0};
   background-color: ${e=>e.overlayColor};
-`,v=u.forwardRef((e,o)=>{const{direction:n="right",open:c=!1,duration:a=.8,enableOverlay:x=!0,zIndex:m=100,position:O="fixed",closeOnClickOutside:P=!0,closeOnSwipe:d=!0,isFullPage:z=!1,unsetHeight:S=!1,unsetWidth:C=!1,onClose:D=()=>{},onOpen:k=()=>{},className:q="",style:F={},color:H="neutral",overlayColor:I="rgba(123, 123, 123, 0.5)",size:j="small",drawerSize:E="12.5rem",children:W,...M}=e,_=X.useTheme(),i=u.useRef(),[g,b]=u.useState(!1);var h=null,p=null;function R(r){return r.touches||r.originalEvent.touches}function L(r){const l=R(r)[0];h=l.clientX,p=l.clientY}function N(r){if(!(!h||!p)){var l=r.touches[0].clientX,V=r.touches[0].clientY,w=h-l,T=p-V;Math.abs(w)>Math.abs(T)?w>0?d==!0&&n=="left"&&s():d==!0&&n=="right"&&s():T>0?d==!0&&n=="top"&&s():d==!0&&n=="bottom"&&s(),h=null,p=null}}u.useImperativeHandle(o,()=>({open(){U()},close(){s()},isOpen(){return g}}));const U=r=>{b(!0),k(r)},s=r=>{b(!1),D(r)};return u.useEffect(()=>{const r=l=>{i!=null&&i.current&&!(i!=null&&i.current.contains(l.target))&&P==!0&&s()};return document.addEventListener("click",r,!0),()=>{document.removeEventListener("click",r,!0)}},[]),f.jsx(f.Fragment,{children:f.jsx(G,{enableOverlay:x,overlayColor:I,isOpen:g,zIndex:m,position:O,children:f.jsx(B,{ref:i,zIndex:m,isOpen:g,direction:n,isFullPage:z,unsetHeight:S,unsetWidth:C,duration:a,color:H,theme:_,className:q,style:F,size:j,drawerSize:E,onTouchStart:L,onTouchMove:N,...M,children:W})})})});v.propTypes={direction:t.PropTypes.oneOf(["top","right","left","bottom"]),open:t.PropTypes.bool,duration:t.PropTypes.number,enableOverlay:t.PropTypes.bool,zIndex:t.PropTypes.number,position:t.PropTypes.string,closeOnClickOutside:t.PropTypes.bool,closeOnSwipe:t.PropTypes.bool,isFullPage:t.PropTypes.bool,unsetHeight:t.PropTypes.bool,unsetWidth:t.PropTypes.bool,onClose:t.PropTypes.func,onOpen:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,overlayColor:t.PropTypes.string,drawerSize:t.PropTypes.string,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=v;
+`,A=a.forwardRef((e,n)=>{const{direction:r="right",duration:s=.8,enableOverlay:u=!0,zIndex:$=100,position:y="fixed",closeOnClickOutside:O=!0,closeOnSwipe:c=!0,isFullPage:z=!1,unsetHeight:D=!1,unsetWidth:S=!1,onClose:C=()=>{},onOpen:k=()=>{},className:T="",style:q={},color:E="neutral",overlayColor:F="rgba(123, 123, 123, 0.5)",size:H="small",drawerSize:I="12.5rem",children:j,...M}=e,W=U.useTheme(),i=a.useRef(),[g,w]=a.useState(!1);var h=null,d=null;function _(t){return t.touches||t.originalEvent.touches}function p(t){const l=_(t)[0];h=l.clientX,d=l.clientY}function P(t){if(!(!h||!d)){var l=t.touches[0].clientX,L=t.touches[0].clientY,b=h-l,v=d-L;Math.abs(b)>Math.abs(v)?b>0?c==!0&&r=="left"&&o():c==!0&&r=="right"&&o():v>0?c==!0&&r=="top"&&o():c==!0&&r=="bottom"&&o(),h=null,d=null}}a.useImperativeHandle(n,()=>({open(){R()},close(){o()},isOpen(){return g}}));const R=t=>{w(!0),k(t)},o=t=>{w(!1),C(t)};return a.useEffect(()=>{const t=l=>{i!=null&&i.current&&!(i!=null&&i.current.contains(l.target))&&O==!0&&o()};return document.addEventListener("click",t,!0),()=>{document.removeEventListener("click",t,!0)}},[]),f.jsx(f.Fragment,{children:f.jsx(N,{enableOverlay:u,overlayColor:F,isOpen:g,zIndex:$,position:y,children:f.jsx(Y,{ref:i,zIndex:$,isOpen:g,direction:r,isFullPage:z,unsetHeight:D,unsetWidth:S,duration:s,color:E,theme:W,className:T,style:q,size:H,drawerSize:I,onTouchStart:p,onTouchMove:P,...M,children:j})})})});module.exports=A;

package/dist/SwipeableDrawer.js

@@ -1,22 +1,21 @@
-import { jsx as g, Fragment as V } from "react/jsx-runtime";
-import { forwardRef as q, useRef as A, useState as B, useImperativeHandle as G, useEffect as J } from "react";
-import { P as t } from "./index-CblbdqjE.js";
-import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as w, c as K } from "./utils-DtEfC-TX.js";
-import { u as Q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const R = (e, o, r, u, s) => {
-  if (e === "right" || e === "left" || o && r) return "height: 100%;";
-  if (!(o && s === !0))
-    return o ? "height: " + u + ";" : "height: 0;";
-}, Z = (e, o, r, u, s) => {
-  if (e === "top" || e === "bottom" || o && r) return "width: 100%;";
-  if (!(o && s === !0))
-    return o ? "width: " + u + ";" : "width: 0;";
-}, _ = y.div`
+import { jsx as f, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as N, useRef as V, useState as q, useImperativeHandle as A, useEffect as B } from "react";
+import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { b as w, c as G } from "./utils-DtEfC-TX.js";
+import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const K = (e, n, r, l, u) => {
+  if (e === "right" || e === "left" || n && r) return "height: 100%;";
+  if (!(n && u === !0))
+    return n ? "height: " + l + ";" : "height: 0;";
+}, Q = (e, n, r, l, u) => {
+  if (e === "top" || e === "bottom" || n && r) return "width: 100%;";
+  if (!(n && u === !0))
+    return n ? "width: " + l + ";" : "width: 0;";
+}, R = b.div`
   touch-action: none;
   overflow: auto;
   max-height: ${(e) => e.isOpen || e.unsetHeight === !1 ? "100dvh" : 0};
-  ${(e) => R(
+  ${(e) => K(
   e.direction,
   e.isOpen,
   e.isFullPage,
@@ -24,7 +23,7 @@ const R = (e, o, r, u, s) => {
   e.unsetHeight
 )}
   max-width: ${(e) => e.isOpen || e.unsetWidth === !1 ? "100vw" : 0};
-  ${(e) => Z(
+  ${(e) => Q(
   e.direction,
   e.isOpen,
   e.isFullPage,
@@ -52,8 +51,8 @@ const R = (e, o, r, u, s) => {
   "background"
 )};
   color: ${(e) => w(e.theme, "Drawer", e.color, "enabled", "text")};
-  ${(e) => K(e.theme, "Drawer", e.size, "enabled")};
-`, ee = y.div`
+  ${(e) => G(e.theme, "Drawer", e.size, "enabled")};
+`, Z = b.div`
   z-index: ${(e) => e.zIndex};
   position: ${(e) => e.position};
   top: 0;
@@ -62,155 +61,104 @@ const R = (e, o, r, u, s) => {
   height: ${(e) => e.isOpen === !0 && e.enableOverlay === !0 ? "100dvh" : 0};
   width: ${(e) => e.isOpen === !0 && e.enableOverlay === !0 ? "100vw" : 0};
   background-color: ${(e) => e.overlayColor};
-`, te = q((e, o) => {
+`, ie = N((e, n) => {
   const {
     direction: r = "right",
-    open: u = !1,
-    duration: s = 0.8,
-    enableOverlay: O = !0,
-    zIndex: m = 100,
-    position: p = "fixed",
-    closeOnClickOutside: x = !0,
-    closeOnSwipe: c = !0,
-    isFullPage: z = !1,
-    unsetHeight: S = !1,
-    unsetWidth: C = !1,
+    duration: l = 0.8,
+    enableOverlay: u = !0,
+    zIndex: g = 100,
+    position: x = "fixed",
+    closeOnClickOutside: y = !0,
+    closeOnSwipe: s = !0,
+    isFullPage: O = !1,
+    unsetHeight: z = !1,
+    unsetWidth: D = !1,
     //----------------
-    onClose: D = () => {
+    onClose: S = () => {
     },
-    onOpen: T = () => {
+    onOpen: k = () => {
     },
     //----------------
-    className: k = "",
-    style: H = {},
-    color: I = "neutral",
-    overlayColor: P = "rgba(123, 123, 123, 0.5)",
-    size: F = "small",
-    drawerSize: W = "12.5rem",
-    children: E,
+    className: p = "",
+    style: C = {},
+    color: T = "neutral",
+    overlayColor: H = "rgba(123, 123, 123, 0.5)",
+    size: I = "small",
+    drawerSize: E = "12.5rem",
+    children: F,
     ...M
-  } = e, j = Q(), i = A(), [f, b] = B(!1);
-  var d = null, h = null;
-  function L(n) {
-    return n.touches || n.originalEvent.touches;
+  } = e, W = J(), i = V(), [d, m] = q(!1);
+  var c = null, h = null;
+  function P(t) {
+    return t.touches || t.originalEvent.touches;
   }
-  function N(n) {
-    const a = L(n)[0];
-    d = a.clientX, h = a.clientY;
+  function L(t) {
+    const a = P(t)[0];
+    c = a.clientX, h = a.clientY;
   }
-  function U(n) {
-    if (!(!d || !h)) {
-      var a = n.touches[0].clientX, Y = n.touches[0].clientY, $ = d - a, v = h - Y;
-      Math.abs($) > Math.abs(v) ? $ > 0 ? c == !0 && r == "left" && l() : c == !0 && r == "right" && l() : v > 0 ? c == !0 && r == "top" && l() : c == !0 && r == "bottom" && l(), d = null, h = null;
+  function U(t) {
+    if (!(!c || !h)) {
+      var a = t.touches[0].clientX, Y = t.touches[0].clientY, $ = c - a, v = h - Y;
+      Math.abs($) > Math.abs(v) ? $ > 0 ? s == !0 && r == "left" && o() : s == !0 && r == "right" && o() : v > 0 ? s == !0 && r == "top" && o() : s == !0 && r == "bottom" && o(), c = null, h = null;
     }
   }
-  G(o, () => ({
+  A(n, () => ({
     open() {
       X();
     },
     close() {
-      l();
+      o();
     },
     isOpen() {
-      return f;
+      return d;
     }
   }));
-  const X = (n) => {
-    b(!0), T(n);
-  }, l = (n) => {
-    b(!1), D(n);
+  const X = (t) => {
+    m(!0), k(t);
+  }, o = (t) => {
+    m(!1), S(t);
   };
-  return J(() => {
-    const n = (a) => {
-      i != null && i.current && !(i != null && i.current.contains(a.target)) && x == !0 && l();
+  return B(() => {
+    const t = (a) => {
+      i != null && i.current && !(i != null && i.current.contains(a.target)) && y == !0 && o();
     };
-    return document.addEventListener("click", n, !0), () => {
-      document.removeEventListener("click", n, !0);
+    return document.addEventListener("click", t, !0), () => {
+      document.removeEventListener("click", t, !0);
     };
-  }, []), /* @__PURE__ */ g(V, { children: /* @__PURE__ */ g(
-    ee,
+  }, []), /* @__PURE__ */ f(j, { children: /* @__PURE__ */ f(
+    Z,
     {
-      enableOverlay: O,
-      overlayColor: P,
-      isOpen: f,
-      zIndex: m,
-      position: p,
-      children: /* @__PURE__ */ g(
-        _,
+      enableOverlay: u,
+      overlayColor: H,
+      isOpen: d,
+      zIndex: g,
+      position: x,
+      children: /* @__PURE__ */ f(
+        R,
         {
           ref: i,
-          zIndex: m,
-          isOpen: f,
+          zIndex: g,
+          isOpen: d,
           direction: r,
-          isFullPage: z,
-          unsetHeight: S,
-          unsetWidth: C,
-          duration: s,
-          color: I,
-          theme: j,
-          className: k,
-          style: H,
-          size: F,
-          drawerSize: W,
-          onTouchStart: N,
+          isFullPage: O,
+          unsetHeight: z,
+          unsetWidth: D,
+          duration: l,
+          color: T,
+          theme: W,
+          className: p,
+          style: C,
+          size: I,
+          drawerSize: E,
+          onTouchStart: L,
           onTouchMove: U,
           ...M,
-          children: E
+          children: F
         }
       )
     }
   ) });
 });
-te.propTypes = {
-  direction: t.oneOf(["top", "right", "left", "bottom"]),
-  open: t.bool,
-  /**
-   * Duration of opening the drawer in ms
-   */
-  duration: t.number,
-  /**
-   * Determines whether to show the overlay
-   */
-  enableOverlay: t.bool,
-  /**
-   * z-index of Drawer
-   */
-  zIndex: t.number,
-  position: t.string,
-  closeOnClickOutside: t.bool,
-  closeOnSwipe: t.bool,
-  /**
-   * Determines whether drawer takes up the whole page
-   */
-  isFullPage: t.bool,
-  unsetHeight: t.bool,
-  unsetWidth: t.bool,
-  //---------------------------------------------------------------
-  onClose: t.func,
-  onOpen: t.func,
-  //---------------------------------------------------------------
-  className: t.string,
-  style: t.object,
-  overlayColor: t.string,
-  /**
-   * Determines drawer's height or width depending on direction
-   */
-  drawerSize: t.string,
-  /**
-   * Determines font size
-   */
-  size: t.oneOf(["small", "medium", "large"]),
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  te as default
+  ie as default
 };

package/dist/TabItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const z=require("react/jsx-runtime"),m=require("react"),r=require("./index-BpbMKBf_.cjs"),E=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=require("./useUpdateEffect-BtMgpgIV.cjs"),_=e=>e=="small"?"3.125rem":e=="medium"?"3.375rem":"3.625rem",D=E.styled.div`
+"use strict";const _=require("react/jsx-runtime"),m=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=require("./useUpdateEffect-BtMgpgIV.cjs"),H=e=>e=="small"?"3.125rem":e=="medium"?"3.375rem":"3.625rem",I=j.styled.div`
   box-sizing: border-box;
   ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
   min-width: 5.25rem;
@@ -7,20 +7,20 @@
   justify-content: center;
   align-items: center;
 
-  height: ${e=>_(e.size)};
-  ${e=>t.getComponentTypographyCss(e.theme,i(e.type),e.size,"enabled")};
+  height: ${e=>H(e.size)};
+  ${e=>t.getComponentTypographyCss(e.theme,a(e.type),e.size,"enabled")};
   ${e=>!e.disabled&&"cursor: pointer"};
-  color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,i(e.type),e.color,e.active?"active":"enabled","text")};
-  background-color: ${e=>e.type=="regular"||e.type=="pill"&&(e.disabled==!0||e.active==!1)?"transparent":!e.disabled&&t.getColorRgbaValue(e.theme,i(e.type),e.color,e.active?"active":"enabled","background","backgroundOpacity")};
-  ${e=>e.type=="underline"&&e.last==!1&&"border-right: 1px solid "+t.getColorRgbaValue(e.theme,i(e.type),e.color,"enabled","line")};
+  color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,a(e.type),e.color,e.active?"active":"enabled","text")};
+  background-color: ${e=>e.type=="regular"||e.type=="pill"&&(e.disabled==!0||e.active==!1)?"transparent":!e.disabled&&t.getColorRgbaValue(e.theme,a(e.type),e.color,e.active?"active":"enabled","background","backgroundOpacity")};
+  ${e=>e.type=="underline"&&e.last==!1&&"border-right: 1px solid "+t.getColorRgbaValue(e.theme,a(e.type),e.color,"enabled","line")};
   ${e=>h(e.theme,e.type,e.active,e.disabled,e.color,"enabled")};
-  ${e=>F(e.theme,e.type,e.first,e.last)};
+  ${e=>N(e.theme,e.type,e.first,e.last)};
   &:hover {
-    color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,i(e.type),e.color,"hover","text")};
-    background-color: ${e=>e.type=="regular"?"transparent":!e.disabled&&t.getColorRgbaValue(e.theme,i(e.type),e.color,"hover","background","backgroundOpacity")};
+    color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,a(e.type),e.color,"hover","text")};
+    background-color: ${e=>e.type=="regular"?"transparent":!e.disabled&&t.getColorRgbaValue(e.theme,a(e.type),e.color,"hover","background","backgroundOpacity")};
     ${e=>h(e.theme,e.type,e.active,e.disabled,e.color,"hover")};
   }
   &:active {
-    background: ${e=>t.getColorRgbaValue(e.theme,i(e.type),e.color,"active","background","backgroundOpacity")};
+    background: ${e=>t.getColorRgbaValue(e.theme,a(e.type),e.color,"active","background","backgroundOpacity")};
   }
-`,i=e=>e=="underline"?"TabUnderline":e=="pill"?"TabPill":"TabRegular",F=(e,l,n,a)=>{if(l=="pill")return`border-radius: ${t.getBorderRadiusValueWithUnits(e,"regular")}`;if(l=="underline"&&n)return`border-radius: ${t.getBorderRadiusValueWithUnits(e,"regular")} 0  0 ${t.getBorderRadiusValueWithUnits(e,"regular")}`;if(l=="underline"&&a)return`border-radius: 0 ${t.getBorderRadiusValueWithUnits(e,"regular")} ${t.getBorderRadiusValueWithUnits(e,"regular")} 0`},h=(e,l,n,a,u,o)=>{if(l!="pill")return`border-bottom: ${!a&&(n||o=="hover")?e.components[l==="regular"?"TabRegular":"TabUnderline"].default.enabled.lineHeight+"":e.components[l==="regular"?"TabRegular":"TabUnderline"].default.hover.lineHeight+""} solid ${t.getColorRgbaValue(e,i(l),u,n&&!a?"active":a?"enabled":o,"line")}`},T=m.forwardRef((e,l)=>{const{type:n="underline",disabled:a,first:u=!1,last:o=!1,fullWidth:v=!1,active:c=!1,activeIndex:d,index:s,onFocus:$=()=>{},onBlur:R=()=>{},onClick:g=()=>{},onKeyDown:C=()=>{},itemClick:b=()=>{},size:P="small",color:k="primary",className:x="",style:V={},children:U,...B}=e,w=N.useTheme(),[W,f]=m.useState(c),q={theme:w,color:k,size:P,style:V,className:"lnc-ui-tabitem "+x},O=j=>{b&&!a&&b(s),g&&!a&&g(j)};return y.useUpdateEffect(()=>{f(c)},[c]),y.useUpdateEffect(()=>{f(d==s)},[d]),z.jsx(D,{ref:l,onFocus:$,onBlur:R,onClick:O,onKeyDown:C,disabled:a,type:n,first:u,last:o,fullWidth:v,active:W,...q,...B,children:U})});T.propTypes={type:r.PropTypes.oneOf(["regular","pill","underline"]),first:r.PropTypes.bool,last:r.PropTypes.bool,fullWidth:r.PropTypes.bool,active:r.PropTypes.bool,onClick:r.PropTypes.func,onBlur:r.PropTypes.func,onFocus:r.PropTypes.func,onKeyDown:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:r.PropTypes.oneOf(["small","medium","large"])};module.exports=T;
+`,a=e=>e=="underline"?"TabUnderline":e=="pill"?"TabPill":"TabRegular",N=(e,r,i,l)=>{if(r=="pill")return`border-radius: ${t.getBorderRadiusValueWithUnits(e,"regular")}`;if(r=="underline"&&i)return`border-radius: ${t.getBorderRadiusValueWithUnits(e,"regular")} 0  0 ${t.getBorderRadiusValueWithUnits(e,"regular")}`;if(r=="underline"&&l)return`border-radius: 0 ${t.getBorderRadiusValueWithUnits(e,"regular")} ${t.getBorderRadiusValueWithUnits(e,"regular")} 0`},h=(e,r,i,l,u,n)=>{if(r!="pill")return`border-bottom: ${!l&&(i||n=="hover")?e.components[r==="regular"?"TabRegular":"TabUnderline"].default.enabled.lineHeight+"":e.components[r==="regular"?"TabRegular":"TabUnderline"].default.hover.lineHeight+""} solid ${t.getColorRgbaValue(e,a(r),u,i&&!l?"active":l?"enabled":n,"line")}`},O=m.forwardRef((e,r)=>{const{type:i="underline",disabled:l,first:u=!1,last:n=!1,fullWidth:y=!1,active:d=!1,activeIndex:o,index:c,onFocus:v=()=>{},onBlur:$=()=>{},onClick:s=()=>{},onKeyDown:R=()=>{},itemClick:g=()=>{},size:C="small",color:k="primary",className:T="",style:V={},children:x,...U}=e,B=z.useTheme(),[W,b]=m.useState(d),q={theme:B,color:k,size:C,style:V,className:"lnc-ui-tabitem "+T},w=E=>{g&&!l&&g(c),s&&!l&&s(E)};return f.useUpdateEffect(()=>{b(d)},[d]),f.useUpdateEffect(()=>{b(o==c)},[o]),_.jsx(I,{ref:r,onFocus:v,onBlur:$,onClick:w,onKeyDown:R,disabled:l,type:i,first:u,last:n,fullWidth:y,active:W,...q,...U,children:x})});module.exports=O;