@lanaco/lnc-react-ui 4.0.2 → 4.0.3

package/dist/Breadcrumbs.js

@@ -1,11 +1,11 @@
 import { jsx as o, jsxs as u, Fragment as z } from "react/jsx-runtime";
-import A, { useState as N } from "react";
-import { P as t } from "./index-Ds9PUTwb.js";
-import { n as c } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as O, b as P } from "./utils-DEke8iwo.js";
-import R from "./Icon.js";
-import { u as v } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const _ = c.div`
+import { forwardRef as A, useState as N } from "react";
+import { P as t } from "./index-BYnWp42a.js";
+import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as O, a as P } from "./utils-C52T57HO.js";
+import v from "./Icon.js";
+import { u as R } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const $ = c.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${(r) => O(
@@ -21,24 +21,24 @@ const _ = c.div`
   "enabled",
   "text"
 )};
-`, $ = c.div`
+`, k = c.div`
   cursor: pointer;
-`, k = c.span``, F = A.forwardRef((r, g) => {
+`, F = c.span``, V = A((r, i) => {
   const {
     separator: a = "/",
-    maxItems: b = 8,
-    itemsAfterCollapse: y = 1,
+    maxItems: y = 8,
+    itemsAfterCollapse: b = 1,
     itemsBeforeCollapse: C = 1,
     //----------------
     className: B = "",
     style: I = {},
     color: h = "neutral",
-    size: d = "small",
-    children: w,
-    ...T
+    size: w = "small",
+    children: T,
+    ...d
   } = r, S = {
-    theme: v(),
-    size: d,
+    theme: R(),
+    size: w,
     color: h,
     className: "lnc-ui-breadcrumbs " + B,
     style: I
@@ -56,17 +56,17 @@ const _ = c.div`
       child: e
     }
   ) : e == null ? void 0 : e.map(
-    (i, s) => n <= e.length && f == !0 ? m - 1 >= s || e.length - p <= s ? /* @__PURE__ */ o(
+    (g, s) => n <= e.length && f == !0 ? m - 1 >= s || e.length - p <= s ? /* @__PURE__ */ o(
       l,
       {
         index: s,
         length: e.length,
         separator: a,
-        child: i
+        child: g
       },
       s
-    ) : m == s && /* @__PURE__ */ u($, { onClick: (q) => j(!f), children: [
-      /* @__PURE__ */ o(R, { icon: "ellipsis" }),
+    ) : m == s && /* @__PURE__ */ u(k, { onClick: (D) => j(!f), children: [
+      /* @__PURE__ */ o(v, { icon: "ellipsis" }),
       a,
       " "
     ] }, s) : /* @__PURE__ */ o(
@@ -75,11 +75,11 @@ const _ = c.div`
         index: s,
         length: e.length,
         separator: a,
-        child: i
+        child: g
       },
       s
     )
-  ), l = ({ index: n, length: p, separator: m, child: e }) => /* @__PURE__ */ u(k, { children: [
+  ), l = ({ index: n, length: p, separator: m, child: e }) => /* @__PURE__ */ u(F, { children: [
     e,
     n + 1 !== p && /* @__PURE__ */ u(z, { children: [
       " ",
@@ -87,17 +87,17 @@ const _ = c.div`
       " "
     ] })
   ] });
-  return /* @__PURE__ */ o(_, { ref: g, ...S, ...T, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o($, { ref: i, ...S, ...d, children: /* @__PURE__ */ o(
     x,
     {
-      maxItems: b,
-      itemsAfterCollapse: y,
+      maxItems: y,
+      itemsAfterCollapse: b,
       itemsBeforeCollapse: C,
-      children: w
+      children: T
     }
   ) });
 });
-F.propTypes = {
+V.propTypes = {
   separator: t.oneOfType([t.string, t.element]),
   /**
    * Specifies the maximum number of breadcrumbs to display. When there are more than the maximum number, only the first itemsBeforeCollapse and last itemsAfterCollapse will be shown, with an ellipsis in between
@@ -127,5 +127,5 @@ F.propTypes = {
   size: t.oneOf(["small", "medium", "large"])
 };
 export {
-  F as default
+  V as default
 };

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),U=require("react"),o=require("./index-DXnSjbfJ.cjs");;/* empty css                       */const C=require("./index-P-naJISQ.cjs"),r=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-hdRGTsQ7.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},f=e=>`
+"use strict";const n=require("react/jsx-runtime"),U=require("react"),o=require("./index-BIlhCoy2.cjs");;/* empty css                       */const C=require("./index-DAOBjHnD.cjs"),r=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-DTAPpJXU.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},f=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/Button.js

@@ -1,12 +1,12 @@
 import { jsx as i, jsxs as K, Fragment as W } from "react/jsx-runtime";
-import _ from "react";
-import { P as o } from "./index-Ds9PUTwb.js";
+import { forwardRef as E } from "react";
+import { P as o } from "./index-BYnWp42a.js";
 /* empty css                     */
-import { i as y } from "./index-Cdkz-XH-.js";
-import { n as r } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as x, b as t, f as c, g as T, h as z, c as E } from "./utils-DEke8iwo.js";
+import { i as y } from "./index-CvebWhtp.js";
+import { n as r } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as x, a as t, d as c, h as T, e as z, b as q } from "./utils-C52T57HO.js";
 import j from "./Icon.js";
-import { u as q } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as A } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const k = {
   small: {
     regular: "1rem",
@@ -34,16 +34,16 @@ const k = {
         cursor: pointer;
         color: ${!e.disabled && "white"};
 
-        border-radius: ${E(
+        border-radius: ${q(
   e.theme,
   e.borderRadius
 )};
         
         padding-left: ${e.hasLeadingIcon ? k[e.size].icon : k[e.size].regular};
         padding-right: ${e.hasTrailingIcon ? k[e.size].icon : k[e.size].regular};
-    `, A = r.span`
+    `, G = r.span`
   padding-right: ${(e) => e.size === "small" ? "0.25rem" : "0.5rem"};
-`, G = r.span`
+`, H = r.span`
   padding-left: ${(e) => e.size === "small" ? "0.25rem" : "0.5rem"};
 `, w = r.button`
   ${(e) => I(e)}
@@ -143,7 +143,7 @@ const k = {
   "text"
 )};
   }
-`, H = r.button`
+`, J = r.button`
   ${(e) => I(e)}
 
   min-height: ${(e) => c(e.theme, e.size)};
@@ -341,7 +341,7 @@ const k = {
   "backgroundOpacity"
 )};
   }
-`, J = r(R)`
+`, M = r(R)`
   border: 1px solid
     ${(e) => t(
   e.theme,
@@ -351,7 +351,7 @@ const k = {
   "border",
   "borderOpacity"
 )};
-`, M = _.forwardRef((e, d) => {
+`, Q = E((e, d) => {
   const {
     text: v = "",
     iconStyle: O = "solid",
@@ -366,8 +366,8 @@ const k = {
     onBlur: m,
     onClick: b,
     onKeyDown: g,
-    onLeadingIconClick: Q,
-    onTrailingIconClick: X,
+    onLeadingIconClick: X,
+    onTrailingIconClick: Y,
     //----------------
     size: B = "small",
     color: U = "primary",
@@ -376,7 +376,7 @@ const k = {
     children: P,
     ...h
   } = e, f = {
-    theme: q(),
+    theme: A(),
     color: U,
     size: B,
     style: N,
@@ -385,7 +385,7 @@ const k = {
     btnType: n,
     className: "lnc-ui-button " + D
   }, a = !y(F), l = !y(C), V = !y(v), $ = () => /* @__PURE__ */ K(W, { children: [
-    a && /* @__PURE__ */ i(A, { size: B, children: /* @__PURE__ */ i(
+    a && /* @__PURE__ */ i(G, { size: B, children: /* @__PURE__ */ i(
       j,
       {
         icon: F,
@@ -395,7 +395,7 @@ const k = {
     ) }),
     v,
     P,
-    l && /* @__PURE__ */ i(G, { size: B, children: /* @__PURE__ */ i(
+    l && /* @__PURE__ */ i(H, { size: B, children: /* @__PURE__ */ i(
       j,
       {
         icon: C,
@@ -422,7 +422,7 @@ const k = {
       children: $()
     }
   ) : n === "tinted" ? /* @__PURE__ */ i(
-    H,
+    J,
     {
       ref: d,
       "data-type": "tinted",
@@ -439,7 +439,7 @@ const k = {
       children: $()
     }
   ) : n === "outline" ? /* @__PURE__ */ i(
-    J,
+    M,
     {
       ref: d,
       "data-type": "outline",
@@ -493,7 +493,7 @@ const k = {
     }
   );
 });
-M.propTypes = {
+Q.propTypes = {
   text: o.string,
   iconStyle: o.oneOf(["regular", "solid"]),
   /**
@@ -538,5 +538,5 @@ M.propTypes = {
   size: o.oneOf(["small", "medium", "large"])
 };
 export {
-  M as default
+  Q as default
 };

package/dist/ButtonGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime");require("react");const a=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./index-DXnSjbfJ.cjs"),o=require("./utils-hdRGTsQ7.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),s=a.newStyled.div`
+"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./index-BIlhCoy2.cjs"),o=require("./utils-DTAPpJXU.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),s=a.newStyled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: fit-content;

package/dist/ButtonGroup.js

@@ -1,9 +1,8 @@
 import { jsx as u } from "react/jsx-runtime";
-import "react";
-import { n as i } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as t } from "./index-Ds9PUTwb.js";
-import { b as o, c as b } from "./utils-DEke8iwo.js";
-import { u as l } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as i } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as t } from "./index-BYnWp42a.js";
+import { a as o, b } from "./utils-C52T57HO.js";
+import { u as l } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const s = i.div`
   display: inline-flex;
   flex-wrap: wrap;
@@ -83,7 +82,12 @@ const s = i.div`
   "border"
 )};
   }
-`, m = ({ children: e, borderRadius: d = "regular", style: n = {}, className: a = "" }) => {
+`, m = ({
+  children: e,
+  borderRadius: d = "regular",
+  style: n = {},
+  className: a = ""
+}) => {
   const r = l();
   return /* @__PURE__ */ u(
     s,

package/dist/CheckBoxInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-DXnSjbfJ.cjs"),R=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-hdRGTsQ7.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.newStyled.label`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BIlhCoy2.cjs"),R=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-DTAPpJXU.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.newStyled.label`
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;

package/dist/CheckBoxInput.js

@@ -1,9 +1,9 @@
 import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
 import I from "react";
-import { P as t } from "./index-Ds9PUTwb.js";
-import { n as j } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { f as g, a as L, b as n, c as N, h as x } from "./utils-DEke8iwo.js";
-import { u as P } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { P as t } from "./index-BYnWp42a.js";
+import { n as j } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { d as g, g as L, a as n, b as N, e as x } from "./utils-C52T57HO.js";
+import { u as P } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.components.Checkbox.default.enabled.sizes[d]} / 2)`, T = j.label`
   -webkit-user-select: none;
   -moz-user-select: none;

package/dist/Chip.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),V=require("react"),r=require("./index-DXnSjbfJ.cjs"),j=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./utils-hdRGTsQ7.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,N=j.newStyled.span`
+"use strict";const t=require("react/jsx-runtime"),V=require("react"),r=require("./index-BIlhCoy2.cjs"),j=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./utils-DTAPpJXU.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,N=j.newStyled.span`
   cursor: pointer;
   display: inline-flex;
   height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};

package/dist/Chip.js

@@ -1,10 +1,10 @@
 import { jsxs as u, jsx as i, Fragment as N } from "react/jsx-runtime";
-import S from "react";
-import { P as a } from "./index-Ds9PUTwb.js";
-import { n as j } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { f as b, g as B, b as t, c as D, a as F, d as V, h as U } from "./utils-DEke8iwo.js";
+import { forwardRef as S } from "react";
+import { P as a } from "./index-BYnWp42a.js";
+import { n as j } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { d as b, h as B, a as t, b as D, g as F, c as V, e as U } from "./utils-C52T57HO.js";
 import W from "./Avatar.js";
-import { u as A } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as A } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const h = (e) => {
   var n = "fas";
   return `${n} fa-${e} fa-fw`;
@@ -68,7 +68,7 @@ const h = (e) => {
   "backgroundOpacity"
 )};
   }
-`, _ = (e, n) => `calc(${b(e, n)} - 8px)`, z = S.forwardRef((e, n) => {
+`, z = (e, n) => `calc(${b(e, n)} - 8px)`, q = S((e, n) => {
   const {
     label: l,
     leadingIcon: r,
@@ -127,7 +127,7 @@ const h = (e) => {
           {
             ...g,
             disabled: s,
-            sizeInUnits: _(m, d),
+            sizeInUnits: z(m, d),
             ...P
           }
         ),
@@ -147,7 +147,7 @@ const h = (e) => {
     }
   );
 });
-z.propTypes = {
+q.propTypes = {
   label: a.string,
   leadingIcon: a.string,
   trailingIcon: a.string,
@@ -185,5 +185,5 @@ z.propTypes = {
   avatarProps: a.any
 };
 export {
-  z as default
+  q as default
 };

package/dist/ColorInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),b=require("react"),C=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./index-DXnSjbfJ.cjs"),n=require("./utils-hdRGTsQ7.cjs"),N=require("./index-BjdOz5Ok.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),V=(e,r)=>`calc(${n.getSizeValueWithUnits(e,r)} - 1rem)`,L=C.newStyled.label`
+"use strict";const i=require("react/jsx-runtime"),b=require("react"),C=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./index-BIlhCoy2.cjs"),n=require("./utils-DTAPpJXU.cjs"),N=require("./index-DaiUAQVF.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),V=(e,r)=>`calc(${n.getSizeValueWithUnits(e,r)} - 1rem)`,L=C.newStyled.label`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;

package/dist/ColorInput.js

@@ -1,10 +1,10 @@
 import { jsx as a, jsxs as L } from "react/jsx-runtime";
 import q, { useState as R, useCallback as G } from "react";
-import { n as I } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as t } from "./index-Ds9PUTwb.js";
-import { a as J, f as d, b as g, c as V, h as C, i as M, g as Q } from "./utils-DEke8iwo.js";
-import { d as X } from "./index-D5vEbKUT.js";
-import { u as Y } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as t } from "./index-BYnWp42a.js";
+import { g as J, d, a as g, b as V, e as C, f as M, h as Q } from "./utils-C52T57HO.js";
+import { d as X } from "./index-CNBqQrtK.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { u as Z } from "./useUpdateEffect-CuYWz7EA.js";
 const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
   display: inline-flex;

package/dist/ConfirmationForm.cjs

@@ -1,14 +1,14 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-DXnSjbfJ.cjs"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),m=require("./Icon.cjs"),u=require("./utils-hdRGTsQ7.cjs"),B=require("./Modal.cjs"),F=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),E=y.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),_=require("react"),r=require("./index-BIlhCoy2.cjs"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),p=require("./Icon.cjs"),y=require("./utils-DTAPpJXU.cjs"),B=require("./Modal.cjs"),F=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),E=m.newStyled.div`
   display: flex;
   gap: 1rem;
   align-items: center;
   ${e=>e.type=="centered"&&"flex-direction: column; gap: 1.25rem;"}
   & .alert-icon {
     font-size: 2.2rem;
-    color: ${e=>u.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
+    color: ${e=>y.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
   }
   ${e=>e.type=="centered"&&"padding-top: 0.5rem;"}
-`,V=y.newStyled.div`
+`,V=m.newStyled.div`
   display: flex;
   flex-direction: ${e=>e.type=="regular"?"row":"column"};
   width: 100%;
@@ -17,6 +17,6 @@
   justify-content: ${e=>M(e.actionsAlignment)};
   ${e=>e.type=="regular"&&"height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
   ${e=>e.type=="regular"&&e.actionsTrack==!1&&"padding: 0 1.5rem 1.5rem 1.5rem;"}
-   ${e=>e.type=="regular"&&e.actionsTrack==!0&&`background-color: ${u.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
+   ${e=>e.type=="regular"&&e.actionsTrack==!0&&`background-color: ${y.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
    ${e=>e.type=="centered"&&"padding: 1rem 0 0.5rem 0;"}
-`,M=e=>e=="right"?"end":e=="left"?"start":"center",d=p.forwardRef((e,g)=>{const{color:f,statusIcon:T=!0,title:x,type:s="regular",actions:P,actionsAlignment:h="right",actionsTrack:b=!1,overlay:j=!0,showCloseButton:k=!0,onClose:C=()=>{},zIndex:w=1e3,size:$="fluid",clickOutsideToClose:q=!1,className:A="",style:O={},overlayProps:v,children:D,rest:N}=e;let i={theme:F.useTheme(),size:$,zIndex:w,className:"lnc-ui-confirmation-form "+A,style:O};const z=o=>o=="danger"?"times-circle":o=="warning"?"exclamation-triangle":o=="success"?"check-circle":"exclamation-circle",R=({statusIcon:o,color:n})=>typeof o=="boolean"&&o==!0?t.jsx(m,{className:"alert-icon",icon:z(n)}):typeof o=="string"&&o!==""?t.jsx(m,{className:"alert-icon",icon:o}):p.cloneElement(o,{className:"alert-icon "+(o==null?void 0:o.className)}),S=({statusIcon:o,color:n,title:l,type:c,themeProps:a})=>t.jsxs(E,{...a,color:n,type:c,children:[t.jsx(R,{statusIcon:o,color:n}),t.jsx("h3",{children:l})]}),_=({actions:o,type:n,actionsAlignment:l,actionsTrack:c,themeProps:a})=>t.jsx(V,{type:n,actionsAlignment:l,actionsTrack:c,...a,children:o});return t.jsx(B,{ref:g,...i,header:s=="regular"?t.jsx(S,{statusIcon:T,color:f,title:x,type:s,themeProps:i}):null,footer:s=="regular"?t.jsx(_,{actions:P,type:s,actionsAlignment:h,actionsTrack:b,themeProps:i}):null,overlay:j,showCloseButton:k,onClose:C,clickOutsideToClose:q,overlayProps:v,...N,children:t.jsx("div",{children:"okej"})})});d.propTypes={color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),statusIcon:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element,r.PropTypes.bool]),title:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),type:r.PropTypes.oneOf(["regular","centered"]),actions:r.PropTypes.element,actionsAlignment:r.PropTypes.oneOf(["right","center","left"]),actionsTrack:r.PropTypes.bool,showCloseButton:r.PropTypes.bool,overlay:r.PropTypes.bool,onClose:r.PropTypes.func,zIndex:r.PropTypes.number,clickOutsideToClose:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:r.PropTypes.any};module.exports=d;
+`,M=e=>e=="right"?"end":e=="left"?"start":"center",u=_.forwardRef((e,d)=>{const{color:g,statusIcon:f=!0,title:T,type:s="regular",actions:x,actionsAlignment:P="right",actionsTrack:h=!1,overlay:b=!0,showCloseButton:j=!0,onClose:k=()=>{},zIndex:C=1e3,size:w="fluid",clickOutsideToClose:$=!1,className:q="",style:A={},overlayProps:O,children:D,rest:v}=e;let i={theme:F.useTheme(),size:w,zIndex:C,className:"lnc-ui-confirmation-form "+q,style:A};const N=o=>o=="danger"?"times-circle":o=="warning"?"exclamation-triangle":o=="success"?"check-circle":"exclamation-circle",R=({statusIcon:o,color:n})=>typeof o=="boolean"&&o==!0?t.jsx(p,{className:"alert-icon",icon:N(n)}):typeof o=="string"&&o!==""?t.jsx(p,{className:"alert-icon",icon:o}):React.cloneElement(o,{className:"alert-icon "+(o==null?void 0:o.className)}),z=({statusIcon:o,color:n,title:l,type:c,themeProps:a})=>t.jsxs(E,{...a,color:n,type:c,children:[t.jsx(R,{statusIcon:o,color:n}),t.jsx("h3",{children:l})]}),S=({actions:o,type:n,actionsAlignment:l,actionsTrack:c,themeProps:a})=>t.jsx(V,{type:n,actionsAlignment:l,actionsTrack:c,...a,children:o});return t.jsx(B,{ref:d,...i,header:s=="regular"?t.jsx(z,{statusIcon:f,color:g,title:T,type:s,themeProps:i}):null,footer:s=="regular"?t.jsx(S,{actions:x,type:s,actionsAlignment:P,actionsTrack:h,themeProps:i}):null,overlay:b,showCloseButton:j,onClose:k,clickOutsideToClose:$,overlayProps:O,...v,children:t.jsx("div",{children:"okej"})})});u.propTypes={color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),statusIcon:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element,r.PropTypes.bool]),title:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),type:r.PropTypes.oneOf(["regular","centered"]),actions:r.PropTypes.element,actionsAlignment:r.PropTypes.oneOf(["right","center","left"]),actionsTrack:r.PropTypes.bool,showCloseButton:r.PropTypes.bool,overlay:r.PropTypes.bool,onClose:r.PropTypes.func,zIndex:r.PropTypes.number,clickOutsideToClose:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:r.PropTypes.any};module.exports=u;

package/dist/ConfirmationForm.js

@@ -1,19 +1,19 @@
-import { jsx as o, jsxs as S } from "react/jsx-runtime";
-import m from "react";
-import { P as r } from "./index-Ds9PUTwb.js";
-import { n as d } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import f from "./Icon.js";
-import { b as u } from "./utils-DEke8iwo.js";
-import _ from "./Modal.js";
-import { u as E } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const M = d.div`
+import { jsx as o, jsxs as R } from "react/jsx-runtime";
+import { forwardRef as S } from "react";
+import { P as r } from "./index-BYnWp42a.js";
+import { n as f } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import m from "./Icon.js";
+import { a as d } from "./utils-C52T57HO.js";
+import E from "./Modal.js";
+import { u as M } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const V = f.div`
   display: flex;
   gap: 1rem;
   align-items: center;
   ${(e) => e.type == "centered" && "flex-direction: column; gap: 1.25rem;"}
   & .alert-icon {
     font-size: 2.2rem;
-    color: ${(e) => u(
+    color: ${(e) => d(
   e.theme,
   "ConfirmationForm",
   e.color,
@@ -22,16 +22,16 @@ const M = d.div`
 )};
   }
   ${(e) => e.type == "centered" && "padding-top: 0.5rem;"}
-`, V = d.div`
+`, q = f.div`
   display: flex;
   flex-direction: ${(e) => e.type == "regular" ? "row" : "column"};
   width: 100%;
   flex: 1;
   gap: 0.5rem;
-  justify-content: ${(e) => q(e.actionsAlignment)};
+  justify-content: ${(e) => D(e.actionsAlignment)};
   ${(e) => e.type == "regular" && "height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
   ${(e) => e.type == "regular" && e.actionsTrack == !1 && "padding: 0 1.5rem 1.5rem 1.5rem;"}
-   ${(e) => e.type == "regular" && e.actionsTrack == !0 && `background-color: ${u(
+   ${(e) => e.type == "regular" && e.actionsTrack == !0 && `background-color: ${d(
   e.theme,
   "ConfirmationForm",
   "primary",
@@ -39,48 +39,48 @@ const M = d.div`
   "trackBg"
 )};`}
    ${(e) => e.type == "centered" && "padding: 1rem 0 0.5rem 0;"}
-`, q = (e) => e == "right" ? "end" : e == "left" ? "start" : "center", D = m.forwardRef((e, p) => {
+`, D = (e) => e == "right" ? "end" : e == "left" ? "start" : "center", G = S((e, u) => {
   const {
-    color: g,
-    statusIcon: y = !0,
-    title: h,
+    color: p,
+    statusIcon: g = !0,
+    title: y,
     type: i = "regular",
-    actions: x,
-    actionsAlignment: T = "right",
-    actionsTrack: b = !1,
-    overlay: k = !0,
-    showCloseButton: C = !0,
-    onClose: $ = () => {
+    actions: h,
+    actionsAlignment: x = "right",
+    actionsTrack: T = !1,
+    overlay: b = !0,
+    showCloseButton: k = !0,
+    onClose: C = () => {
     },
-    zIndex: w = 1e3,
-    size: A = "fluid",
-    clickOutsideToClose: O = !1,
-    className: v = "",
-    style: N = {},
-    overlayProps: P,
-    children: G,
-    rest: j
+    zIndex: $ = 1e3,
+    size: w = "fluid",
+    clickOutsideToClose: A = !1,
+    className: O = "",
+    style: v = {},
+    overlayProps: N,
+    children: H,
+    rest: P
   } = e;
   let l = {
-    theme: E(),
-    size: A,
-    zIndex: w,
-    className: "lnc-ui-confirmation-form " + v,
-    style: N
+    theme: M(),
+    size: w,
+    zIndex: $,
+    className: "lnc-ui-confirmation-form " + O,
+    style: v
   };
-  const z = (t) => t == "danger" ? "times-circle" : t == "warning" ? "exclamation-triangle" : t == "success" ? "check-circle" : "exclamation-circle", B = ({ statusIcon: t, color: n }) => typeof t == "boolean" && t == !0 ? /* @__PURE__ */ o(f, { className: "alert-icon", icon: z(n) }) : typeof t == "string" && t !== "" ? /* @__PURE__ */ o(f, { className: "alert-icon", icon: t }) : m.cloneElement(t, {
+  const j = (t) => t == "danger" ? "times-circle" : t == "warning" ? "exclamation-triangle" : t == "success" ? "check-circle" : "exclamation-circle", z = ({ statusIcon: t, color: n }) => typeof t == "boolean" && t == !0 ? /* @__PURE__ */ o(m, { className: "alert-icon", icon: j(n) }) : typeof t == "string" && t !== "" ? /* @__PURE__ */ o(m, { className: "alert-icon", icon: t }) : React.cloneElement(t, {
     className: "alert-icon " + (t == null ? void 0 : t.className)
-  }), F = ({ statusIcon: t, color: n, title: a, type: c, themeProps: s }) => /* @__PURE__ */ S(M, { ...s, color: n, type: c, children: [
-    /* @__PURE__ */ o(B, { statusIcon: t, color: n }),
+  }), B = ({ statusIcon: t, color: n, title: a, type: c, themeProps: s }) => /* @__PURE__ */ R(V, { ...s, color: n, type: c, children: [
+    /* @__PURE__ */ o(z, { statusIcon: t, color: n }),
     /* @__PURE__ */ o("h3", { children: a })
-  ] }), R = ({
+  ] }), F = ({
     actions: t,
     type: n,
     actionsAlignment: a,
     actionsTrack: c,
     themeProps: s
   }) => /* @__PURE__ */ o(
-    V,
+    q,
     {
       type: n,
       actionsAlignment: a,
@@ -90,41 +90,41 @@ const M = d.div`
     }
   );
   return /* @__PURE__ */ o(
-    _,
+    E,
     {
-      ref: p,
+      ref: u,
       ...l,
       header: i == "regular" ? /* @__PURE__ */ o(
-        F,
+        B,
         {
-          statusIcon: y,
-          color: g,
-          title: h,
+          statusIcon: g,
+          color: p,
+          title: y,
           type: i,
           themeProps: l
         }
       ) : null,
       footer: i == "regular" ? /* @__PURE__ */ o(
-        R,
+        F,
         {
-          actions: x,
+          actions: h,
           type: i,
-          actionsAlignment: T,
-          actionsTrack: b,
+          actionsAlignment: x,
+          actionsTrack: T,
           themeProps: l
         }
       ) : null,
-      overlay: k,
-      showCloseButton: C,
-      onClose: $,
-      clickOutsideToClose: O,
-      overlayProps: P,
-      ...j,
+      overlay: b,
+      showCloseButton: k,
+      onClose: C,
+      clickOutsideToClose: A,
+      overlayProps: N,
+      ...P,
       children: /* @__PURE__ */ o("div", { children: "okej" })
     }
   );
 });
-D.propTypes = {
+G.propTypes = {
   color: r.oneOf([
     "primary",
     "secondary",
@@ -165,5 +165,5 @@ D.propTypes = {
   overlayProps: r.any
 };
 export {
-  D as default
+  G as default
 };

package/dist/Content.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),i=require("react"),c=require("./index-DXnSjbfJ.cjs"),e=i.forwardRef((t,n)=>{const{children:r,__TYPE__:_="Content",...s}=t;return o.jsx("main",{ref:n,...s,children:r})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Content";module.exports=e;
+"use strict";const o=require("react/jsx-runtime"),i=require("react"),c=require("./index-BIlhCoy2.cjs"),e=i.forwardRef((t,n)=>{const{children:r,__TYPE__:_="Content",...s}=t;return o.jsx("main",{ref:n,...s,children:r})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Content";module.exports=e;