@lanaco/lnc-react-ui 4.0.2 → 4.0.5

package/dist/FlexGrid.js

@@ -1,40 +1,40 @@
-import { jsx as d } from "react/jsx-runtime";
-import n from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import S from "./FlexBox.js";
-import y from "./FlexGridItem.js";
-const g = n.forwardRef((t, o) => {
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as S, Children as d, isValidElement as y, cloneElement as g } from "react";
+import { P as e } from "./index-BYnWp42a.js";
+import b from "./FlexBox.js";
+import j from "./FlexGridItem.js";
+const x = S((r, t) => {
   const {
-    columns: p = 12,
-    spacing: a,
-    rowSpacing: c,
-    columnSpacing: m,
-    justifyContent: i = "Start",
-    alignItems: l = "Stretch",
-    children: s,
-    rest: f
-  } = t, u = n.Children.map(s, (r) => {
-    if (!(!n.isValidElement(r) || r.type != y))
-      return n.cloneElement(r, {
-        columns: p,
-        spacing: a,
-        rowSpacing: c,
-        columnSpacing: m
+    columns: o = 12,
+    spacing: p,
+    rowSpacing: m,
+    columnSpacing: a,
+    justifyContent: c = "Start",
+    alignItems: i = "Stretch",
+    children: l,
+    rest: s
+  } = r, f = d.map(l, (n) => {
+    if (!(!y(n) || n.type != j))
+      return g(n, {
+        columns: o,
+        spacing: p,
+        rowSpacing: m,
+        columnSpacing: a
       });
   });
-  return /* @__PURE__ */ d(
-    S,
+  return /* @__PURE__ */ u(
+    b,
     {
-      ref: o,
+      ref: t,
       wrap: "Wrap",
-      justifyContent: i,
-      alignItems: l,
-      ...f,
-      children: u
+      justifyContent: c,
+      alignItems: i,
+      ...s,
+      children: f
     }
   );
 });
-g.propTypes = {
+x.propTypes = {
   /**
    * Number of available grid columns.
    */
@@ -74,5 +74,5 @@ g.propTypes = {
   ])
 };
 export {
-  g as default
+  x as default
 };

package/dist/FlexGridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-DXnSjbfJ.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./utils-hdRGTsQ7.cjs"),$=g.newStyled.div`
+"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BIlhCoy2.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./utils-DTAPpJXU.cjs"),$=g.newStyled.div`
   ${s=>s.width>0?"":"flex: 1;"}
   min-width: ${s=>100/s.columns}%;
   width: ${s=>s.width}%;

package/dist/FlexGridItem.js

@@ -1,35 +1,35 @@
 import { jsx as y } from "react/jsx-runtime";
-import N, { useState as S, useEffect as b } from "react";
-import { P as i } from "./index-Ds9PUTwb.js";
-import { n as I } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { u as M } from "./utils-DEke8iwo.js";
-const R = I.div`
+import { forwardRef as N, useState as S, useEffect as b } from "react";
+import { P as i } from "./index-BYnWp42a.js";
+import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as M } from "./utils-C52T57HO.js";
+const W = I.div`
   ${(t) => t.width > 0 ? "" : "flex: 1;"}
   min-width: ${(t) => 100 / t.columns}%;
   width: ${(t) => t.width}%;
   padding: ${(t) => t.rowGap}px ${(t) => t.columnGap}px;
   overflow-wrap: break-word;
-`, W = N.forwardRef((t, x) => {
+`, j = N((t, x) => {
   const {
     XS: r,
     S: s,
     M: a,
-    L: c,
+    L: n,
     XL: d,
     col: u,
     columns: e,
     spacing: p,
-    rowSpacing: n,
+    rowSpacing: c,
     columnSpacing: m,
     children: k
   } = t, l = M(), [L, X] = S(0), [g, f] = S(0), [$, w] = S(0);
   b(() => {
     h();
-  }, [e, r, s, a, c, d, u]), b(() => {
+  }, [e, r, s, a, n, d, u]), b(() => {
     h(), G();
   }, [l]), b(() => {
     G();
-  }, [p, n, m]);
+  }, [p, c, m]);
   const h = () => {
     let o = u ? 100 / (e / u) : 0;
     switch (l) {
@@ -43,18 +43,18 @@ const R = I.div`
         o = a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
         break;
       case "L":
-        o = c ? 100 / (e / c) : a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
+        o = n ? 100 / (e / n) : a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
         break;
       case "XL":
-        o = d ? 100 / (e / d) : c ? 100 / (e / c) : a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
+        o = d ? 100 / (e / d) : n ? 100 / (e / n) : a ? 100 / (e / a) : s ? 100 / (e / s) : r ? 100 / (e / r) : o;
         break;
     }
     X(o);
   }, G = () => {
-    p ? (f(p), w(p)) : (n && (isNaN(n) ? f(n[l] ?? 0) : f(n)), m && (isNaN(m) ? w(m[l] ?? 0) : w(m)));
+    p ? (f(p), w(p)) : (c && (isNaN(c) ? f(c[l] ?? 0) : f(c)), m && (isNaN(m) ? w(m[l] ?? 0) : w(m)));
   };
   return /* @__PURE__ */ y(
-    R,
+    W,
     {
       ref: x,
       columns: e,
@@ -65,7 +65,7 @@ const R = I.div`
     }
   );
 });
-W.propTypes = {
+j.propTypes = {
   /**
    * Number of columns to take up on XS screens.
    */
@@ -93,5 +93,5 @@ W.propTypes = {
   col: i.number
 };
 export {
-  W as default
+  j as default
 };

package/dist/Footer.cjs

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

package/dist/Footer.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import _ from "react";
-import { P as a } from "./index-Ds9PUTwb.js";
-const o = _.forwardRef((r, t) => {
-  const { children: e, __TYPE__: f = "Footer", ...p } = r;
+import { forwardRef as _ } from "react";
+import { P as f } from "./index-BYnWp42a.js";
+const o = _((r, t) => {
+  const { children: e, __TYPE__: m = "Footer", ...p } = r;
   return /* @__PURE__ */ s("footer", { ref: t, ...p, children: e });
 });
 o.propTypes = {
@@ -10,7 +10,7 @@ o.propTypes = {
    * Do not override this property.
    * Should only be used as indicator for type if you are passing custom component.
    */
-  __TYPE__: a.string
+  __TYPE__: f.string
 };
 o.displayName = "Footer";
 export {

package/dist/FormField.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime");require("react");const r=require("./index-DXnSjbfJ.cjs"),a=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-hdRGTsQ7.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=a.newStyled.label`
+"use strict";const s=require("react/jsx-runtime"),r=require("./index-BIlhCoy2.cjs"),a=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-DTAPpJXU.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=a.newStyled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>o.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/FormField.js

@@ -1,9 +1,8 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
-import "react";
-import { P as l } from "./index-Ds9PUTwb.js";
-import { n as m } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as i, b as n } from "./utils-DEke8iwo.js";
-import { u as g } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { P as l } from "./index-BYnWp42a.js";
+import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as i, a as n } from "./utils-C52T57HO.js";
+import { u as g } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const f = m.label`
   display: block;
   margin-bottom: 4px;
@@ -27,14 +26,14 @@ const f = m.label`
     className: d = "",
     style: p = {},
     text: o = "",
-    label: t = "",
+    label: a = "",
     children: y,
     ...u
-  } = e, a = g();
+  } = e, t = g();
   return /* @__PURE__ */ b("div", { style: p, className: "lnc-ui-form-field " + d, children: [
-    t && /* @__PURE__ */ s(f, { theme: a, size: r, children: t }),
+    a && /* @__PURE__ */ s(f, { theme: t, size: r, children: a }),
     y,
-    o && /* @__PURE__ */ s(h, { size: r, theme: a, color: c, children: o })
+    o && /* @__PURE__ */ s(h, { size: r, theme: t, color: c, children: o })
   ] });
 };
 F.propTypes = {

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-DXnSjbfJ.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-hdRGTsQ7.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),oe=g.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BIlhCoy2.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-DTAPpJXU.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),oe=g.newStyled.div`
   display: flex;
   justify-content: space-between;
 `,se=g.newStyled.form`

package/dist/FormView.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as r, Fragment as g } from "react/jsx-runtime";
-import W from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { n as y } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { forwardRef as W } from "react";
+import { P as e } from "./index-BYnWp42a.js";
+import { n as y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import M from "./FlexGrid.js";
 import Y from "./FlexGridItem.js";
-import b from "./Button.js";
+import f from "./Button.js";
 import x from "./IconButton.js";
 import U from "./TextInput.js";
 import q from "./CheckBoxInput.js";
@@ -17,9 +17,9 @@ import X from "./TimeInput.js";
 import Z from "./ColorInput.js";
 import z from "./FileInput.js";
 import ee from "./RangeSlider.js";
-import { d as re, c as te, b as oe } from "./utils-DEke8iwo.js";
+import { c as re, b as te, a as oe } from "./utils-C52T57HO.js";
 import ae from "./FormField.js";
-import { u as ne } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as ne } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const ie = y.div`
   display: flex;
   justify-content: space-between;
@@ -166,7 +166,7 @@ const ie = y.div`
     default:
       return n;
   }
-}, h = W.forwardRef((d, a) => {
+}, h = W((d, a) => {
   const {
     __TYPE__: l = "FORM_VIEW",
     goToPreviousView: n,
@@ -181,17 +181,17 @@ const ie = y.div`
     previousActive: V = !0,
     editActive: se,
     disableGoBack: w = !1,
-    disableNext: _ = !1,
-    disablePrevious: B = !1,
+    disableNext: B = !1,
+    disablePrevious: C = !1,
     disableEdit: ce,
-    disableDiscard: C = !1,
-    disableSave: A = !1,
-    discardText: F = "Discard",
-    saveText: G = "Save",
+    disableDiscard: A = !1,
+    disableSave: F = !1,
+    discardText: G = "Discard",
+    saveText: S = "Save",
     //------------------
-    goToNext: R = () => {
+    goToNext: _ = () => {
     },
-    goToPrevious: S = () => {
+    goToPrevious: R = () => {
     },
     onEdit: me = () => {
     },
@@ -203,8 +203,8 @@ const ie = y.div`
     },
     //------------------
     className: ue = "",
-    style: fe = {},
-    color: f = "primary",
+    style: be = {},
+    color: b = "primary",
     size: p = "small",
     children: j,
     ...D
@@ -216,12 +216,12 @@ const ie = y.div`
     {
       ref: a,
       theme: O,
-      color: f,
+      color: b,
       borderRadius: "regular",
       ...D,
       children: [
         v && /* @__PURE__ */ r(
-          b,
+          f,
           {
             leadingIcon: "arrow-circle-left",
             text: k,
@@ -238,14 +238,14 @@ const ie = y.div`
           {
             label: t.label,
             text: s[t.accessor],
-            color: s[t.accessor] ? "danger" : f,
+            color: s[t.accessor] ? "danger" : b,
             size: p,
             children: t.type == "custom" ? t.element : de(
               t.type,
               t.inputProps,
               t.accessor,
               o[t.accessor],
-              s[t.accessor] ? "danger" : f,
+              s[t.accessor] ? "danger" : b,
               p
             )
           },
@@ -259,8 +259,8 @@ const ie = y.div`
                 {
                   btnType: "outline",
                   icon: "angle-left",
-                  disabled: B,
-                  onClick: (t) => S(o, t),
+                  disabled: C,
+                  onClick: (t) => R(o, t),
                   type: "button"
                 }
               ),
@@ -271,34 +271,34 @@ const ie = y.div`
               {
                 btnType: "outline",
                 icon: "angle-right",
-                disabled: _,
-                onClick: (t) => R(o, t),
+                disabled: B,
+                onClick: (t) => _(o, t),
                 type: "button"
               }
             )
           ] }),
           /* @__PURE__ */ c("div", { children: [
             /* @__PURE__ */ r(
-              b,
+              f,
               {
                 leadingIcon: "eraser",
                 btnType: "outline",
                 color: "warning",
-                text: F,
-                disabled: C,
+                text: G,
+                disabled: A,
                 onClick: P,
                 type: "button"
               }
             ),
             "  ",
             /* @__PURE__ */ r(
-              b,
+              f,
               {
                 leadingIcon: "floppy-disk",
                 btnType: "tinted",
                 color: "success",
-                text: G,
-                disabled: A,
+                text: S,
+                disabled: F,
                 onClick: E
               }
             )

package/dist/Grid.cjs

@@ -1,4 +1,4 @@
-"use strict";const w=require("react/jsx-runtime"),j=require("react"),t=require("./index-DXnSjbfJ.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),I=G.newStyled.div`
+"use strict";const w=require("react/jsx-runtime"),j=require("react"),t=require("./index-BIlhCoy2.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),I=G.newStyled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};
@@ -8,6 +8,5 @@
   ${e=>e.justifyItems&&`justify-items: ${e.justifyItems};`} 
   ${e=>e.alignItems&&`align-items: ${e.alignItems};`} 
   ${e=>e.justifyContent&&`justify-content: ${e.justifyContent};`} 
-  ${e=>e.templateAreas&&`grid-template-areas: ${e.templateAreas};`} 
-
+  ${e=>e.templateAreas&&`grid-template-areas: ${e.templateAreas};`}
 `,s=j.forwardRef((e,n)=>{const{inline:a=!1,template:r,templateColumns:i,templateRows:l,gap:o,rowGap:p,columnGap:m,justifyItems:y,alignItems:c,justifyContent:g,templateAreas:u,children:d,className:f="",style:T={},...$}=e;var P={inline:a,template:r,templateColumns:i,templateRows:l,gap:o,rowGap:p,columnGap:m,justifyItems:y,alignItems:c,justifyContent:g,templateAreas:u};return w.jsx(I,{ref:n,...P,className:f,style:T,...$,children:d})});s.defaultProps={inline:!1,style:{},className:""};s.propTypes={inline:t.PropTypes.bool,template:t.PropTypes.string,templateColumns:t.PropTypes.string,templateRows:t.PropTypes.string,gap:t.PropTypes.string,rowGap:t.PropTypes.string,columnGap:t.PropTypes.string,justifyItems:t.PropTypes.oneOf(["start","end","center","stretch"]),alignItems:t.PropTypes.oneOf(["start","end","center","stretch"]),placeItems:t.PropTypes.oneOf(["start","end","center","stretch"]),justifyContent:t.PropTypes.oneOf(["start","end","center","stretch","space-between","space-evenly"]),templateAreas:t.PropTypes.string,style:t.PropTypes.object,className:t.PropTypes.string};module.exports=s;

package/dist/Grid.js

@@ -1,8 +1,8 @@
 import { jsx as G } from "react/jsx-runtime";
-import I from "react";
-import { P as e } from "./index-Ds9PUTwb.js";
-import { n as C } from "./emotion-styled.browser.esm-BZSYYThs.js";
-const R = C.div`
+import { forwardRef as I } from "react";
+import { P as e } from "./index-BYnWp42a.js";
+import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+const h = C.div`
   display: ${(t) => t.inline ? "inline-grid" : "grid"};
   row-gap: ${(t) => t.rowGap ? t.rowGap : t.gap ? t.gap : 0};
   column-gap: ${(t) => t.columnGap ? t.columnGap : t.gap ? t.gap : 0};
@@ -12,9 +12,8 @@ const R = C.div`
   ${(t) => t.justifyItems && `justify-items: ${t.justifyItems};`} 
   ${(t) => t.alignItems && `align-items: ${t.alignItems};`} 
   ${(t) => t.justifyContent && `justify-content: ${t.justifyContent};`} 
-  ${(t) => t.templateAreas && `grid-template-areas: ${t.templateAreas};`} 
-
-`, a = I.forwardRef((t, s) => {
+  ${(t) => t.templateAreas && `grid-template-areas: ${t.templateAreas};`}
+`, a = I((t, s) => {
   const {
     inline: n = !1,
     template: l,
@@ -32,8 +31,30 @@ const R = C.div`
     style: $ = {},
     ...w
   } = t;
-  var j = { inline: n, template: l, templateColumns: i, templateRows: m, gap: r, rowGap: o, columnGap: g, justifyItems: c, alignItems: p, justifyContent: f, templateAreas: d };
-  return /* @__PURE__ */ G(R, { ref: s, ...j, className: y, style: $, ...w, children: u });
+  var j = {
+    inline: n,
+    template: l,
+    templateColumns: i,
+    templateRows: m,
+    gap: r,
+    rowGap: o,
+    columnGap: g,
+    justifyItems: c,
+    alignItems: p,
+    justifyContent: f,
+    templateAreas: d
+  };
+  return /* @__PURE__ */ G(
+    h,
+    {
+      ref: s,
+      ...j,
+      className: y,
+      style: $,
+      ...w,
+      children: u
+    }
+  );
 });
 a.defaultProps = {
   inline: !1,
@@ -51,7 +72,14 @@ a.propTypes = {
   justifyItems: e.oneOf(["start", "end", "center", "stretch"]),
   alignItems: e.oneOf(["start", "end", "center", "stretch"]),
   placeItems: e.oneOf(["start", "end", "center", "stretch"]),
-  justifyContent: e.oneOf(["start", "end", "center", "stretch", "space-between", "space-evenly"]),
+  justifyContent: e.oneOf([
+    "start",
+    "end",
+    "center",
+    "stretch",
+    "space-between",
+    "space-evenly"
+  ]),
   templateAreas: e.string,
   //-------------
   style: e.object,

package/dist/GridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-DXnSjbfJ.cjs"),T=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),P=T.newStyled.div`
+"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BIlhCoy2.cjs"),T=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),P=T.newStyled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};
@@ -11,5 +11,5 @@
   ${e=>e.colStart&&`grid-column-start: ${e.colStart};`} 
   ${e=>(e.colEnd||e.colSpan)&&`grid-column-end: span ${e.colEnd||e.colSpan};`} 
   ${e=>e.rowStart&&`grid-row-start: ${e.rowStart};`} 
-  ${e=>(e.rowEnd||e.rowSpan)&&`grid-row-end: span ${e.rowEnd||e.rowSpan};`} 
+  ${e=>(e.rowEnd||e.rowSpan)&&`grid-row-end: span ${e.rowEnd||e.rowSpan};`}
 `,r=p.forwardRef((e,a)=>{const{colStart:n,colEnd:l,rowStart:o,rowEnd:i,colSpan:s,rowSpan:c,justifySelf:d,alignSelf:m,area:S,className:g="",style:u={},children:w,...y}=e;var $={colStart:n,colEnd:l,rowStart:o,rowEnd:i,colSpan:s,rowSpan:c,justifySelf:d,alignSelf:m,area:S};return f.jsx(P,{ref:a,...$,className:g,style:u,...y,children:w})});r.propTypes={colStart:t.PropTypes.number,colEnd:t.PropTypes.number,rowStart:t.PropTypes.number,rowEnd:t.PropTypes.number,colSpan:t.PropTypes.number,rowSpan:t.PropTypes.number,justifySelf:t.PropTypes.oneOf(["start","end","center","stretch"]),alignSelf:t.PropTypes.oneOf(["start","end","center","stretch"]),area:t.PropTypes.string,style:t.PropTypes.object,className:t.PropTypes.string};module.exports=r;

package/dist/GridItem.js

@@ -1,7 +1,7 @@
-import { jsx as s } from "react/jsx-runtime";
-import y from "react";
-import { P as t } from "./index-Ds9PUTwb.js";
-import { n as E } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { P as t } from "./index-BYnWp42a.js";
+import { n as E } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 const b = E.div`
   display: ${(e) => e.inline ? "inline-grid" : "grid"};
   row-gap: ${(e) => e.rowGap ? e.rowGap : e.gap ? e.gap : 0};
@@ -15,8 +15,8 @@ const b = E.div`
   ${(e) => e.colStart && `grid-column-start: ${e.colStart};`} 
   ${(e) => (e.colEnd || e.colSpan) && `grid-column-end: span ${e.colEnd || e.colSpan};`} 
   ${(e) => e.rowStart && `grid-row-start: ${e.rowStart};`} 
-  ${(e) => (e.rowEnd || e.rowSpan) && `grid-row-end: span ${e.rowEnd || e.rowSpan};`} 
-`, j = y.forwardRef((e, a) => {
+  ${(e) => (e.rowEnd || e.rowSpan) && `grid-row-end: span ${e.rowEnd || e.rowSpan};`}
+`, j = y((e, a) => {
   const {
     colStart: r,
     colEnd: n,
@@ -30,10 +30,30 @@ const b = E.div`
     className: S = "",
     style: f = {},
     children: $,
-    ...u
+    ...w
   } = e;
-  var w = { colStart: r, colEnd: n, rowStart: l, rowEnd: o, colSpan: i, rowSpan: m, justifySelf: d, alignSelf: c, area: g };
-  return /* @__PURE__ */ s(b, { ref: a, ...w, className: S, style: f, ...u, children: $ });
+  var s = {
+    colStart: r,
+    colEnd: n,
+    rowStart: l,
+    rowEnd: o,
+    colSpan: i,
+    rowSpan: m,
+    justifySelf: d,
+    alignSelf: c,
+    area: g
+  };
+  return /* @__PURE__ */ u(
+    b,
+    {
+      ref: a,
+      ...s,
+      className: S,
+      style: f,
+      ...w,
+      children: $
+    }
+  );
 });
 j.propTypes = {
   /**

package/dist/Header.cjs

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

package/dist/Header.js

@@ -1,16 +1,16 @@
-import { jsx as p } from "react/jsx-runtime";
-import s from "react";
-import { P as _ } from "./index-Ds9PUTwb.js";
-const r = s.forwardRef((e, a) => {
-  const { children: o, __TYPE__: d = "Header", ...t } = e;
-  return /* @__PURE__ */ p("header", { ref: a, ...t, children: o });
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { P as d } from "./index-BYnWp42a.js";
+const r = t((e, o) => {
+  const { children: a, __TYPE__: _ = "Header", ...p } = e;
+  return /* @__PURE__ */ s("header", { ref: o, ...p, children: a });
 });
 r.propTypes = {
   /**
    * Do not override this property.
    * Should only be used as indicator for type if you are passing custom component.
    */
-  __TYPE__: _.string
+  __TYPE__: d.string
 };
 r.displayName = "Header";
 export {

package/dist/Icon.cjs

@@ -1,8 +1,8 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react");;/* empty css                       */const s=require("./index-DXnSjbfJ.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-hdRGTsQ7.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),I=P.newStyled.span`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BIlhCoy2.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-DTAPpJXU.cjs"),b=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),I=P.newStyled.span`
   box-sizing: border-box;
   ${e=>e.sizeInUnits&&e.sizeInUnits!=""?`font-size: ${e.sizeInUnits}`:o.getComponentTypographyCss(e.theme,"Icon",e.size,"enabled")};
   ${e=>e.color&&`color: ${o.getColorRgbaValue(e.theme,"Icon",e.color,"enabled","icon")}`};
   display: inline-flex;
   justify-content: center;
   align-items: center;
-`,t=z.forwardRef((e,r)=>{const{id:h="",icon:i="",iconStyle:c="solid",tooltip:l="",sizeInUnits:a="",size:y="small",color:m,className:u="",style:d={},...p}=e,g={theme:b.useTheme(),size:y,color:m,sizeInUnits:a},f=()=>{var T=c==="solid"?"fas":"far";return`${T} fa-${i} fa-fw`};return n.jsx(I,{ref:r,...g,tooltip:l,className:u,style:d,...p,children:n.jsx("i",{"data-control":!!e["data-control"],className:f()})})});t.propTypes={id:s.PropTypes.string,icon:s.PropTypes.string,iconStyle:s.PropTypes.oneOf(["solid","regular"]),tooltip:s.PropTypes.string,className:s.PropTypes.string,style:s.PropTypes.object,size:s.PropTypes.oneOf(["small","medium","large"]),sizeInUnits:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=t;
+`,t=z.forwardRef((e,r)=>{const{id:h="",icon:i="",iconStyle:c="solid",tooltip:l="",sizeInUnits:a="",size:y="small",color:m,className:d="",style:u={},...p}=e,g={theme:b.useTheme(),size:y,color:m,sizeInUnits:a},f=()=>{var T=c==="solid"?"fas":"far";return`${T} fa-${i} fa-fw`};return n.jsx(I,{ref:r,...g,tooltip:l,className:d,style:u,...p,children:n.jsx("i",{"data-control":!!e["data-control"],className:f()})})});t.propTypes={id:s.PropTypes.string,icon:s.PropTypes.string,iconStyle:s.PropTypes.oneOf(["solid","regular"]),tooltip:s.PropTypes.string,className:s.PropTypes.string,style:s.PropTypes.object,size:s.PropTypes.oneOf(["small","medium","large"]),sizeInUnits:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=t;