fictoan-react 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/components/Badge/Badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["size","shape","kind"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var a=e.forwardRef((function(a,o){var s=a.size,i=void 0===s?"medium":s,c=a.shape,u=a.kind,l=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t),p=[];return u&&p.push(u),i&&p.push("size-".concat(i)),c&&p.push("shape-".concat(c)),e.createElement(r.Element,n({as:"mark","data-badge":!0,ref:o,classNames:p},l))}));exports.Badge=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["size","shape","kind"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=e.forwardRef((function(a,o){var s=a.size,i=void 0===s?"medium":s,c=a.shape,u=a.kind,l=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t),p=[];return u&&p.push(u),i&&p.push("size-".concat(i)),c&&p.push("shape-".concat(c)),e.createElement(r.Element,n({as:"mark","data-badge":!0,ref:o,classNames:p},l))}));exports.Badge=a;

package/dist/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");function t(){return(t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var n=e.forwardRef((function(n,a){var o=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.Element,t({as:"li","data-breadcrumb-item":!0,ref:a,marginRight:"micro"},o))}));exports.BreadcrumbItem=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(this,arguments)}var n=e.forwardRef((function(n,a){var o=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.Element,t({as:"li","data-breadcrumb-item":!0,ref:a,marginRight:"micro"},o))}));exports.BreadcrumbItem=n;

package/dist/components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),e=require("../../Element/Element.cjs");function t(){return(t=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r}).apply(this,arguments)}var n=r.forwardRef((function(n,a){var o=t({},(function(r){if(null==r)throw new TypeError("Cannot destructure "+r)}(n),n));return r.createElement(e.Element,t({as:"nav","data-breadcrumbs-wrapper":!0,ref:a},o,{paddingTop:"nano",paddingBottom:"nano"}))}));exports.BreadcrumbsWrapper=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),e=require("../../Element/Element.cjs");function t(){return t=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=r.forwardRef((function(n,a){var o=t({},(function(r){if(null==r)throw new TypeError("Cannot destructure "+r)}(n),n));return r.createElement(e.Element,t({as:"nav","data-breadcrumbs-wrapper":!0,ref:a},o,{paddingTop:"nano",paddingBottom:"nano"}))}));exports.BreadcrumbsWrapper=n;

package/dist/components/Button/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var r=["size","shape","kind","isLoading","hasDelete"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var a=e.forwardRef((function(a,s){var o=a.size,i=void 0===o?"medium":o,u=a.shape,l=a.kind,c=a.isLoading,p=a.hasDelete,f=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(a,r),h=[];return l&&h.push(l),i&&h.push("size-".concat(i)),u&&h.push("shape-".concat(u)),c&&h.push("is-loading"),p&&h.push("has-delete"),e.createElement(t.Element,n({as:"button","data-button":!0,ref:s,classNames:h},f))}));exports.Button=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var r=["size","shape","kind","isLoading","hasDelete"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e.forwardRef((function(a,s){var o=a.size,i=void 0===o?"medium":o,u=a.shape,l=a.kind,c=a.isLoading,p=a.hasDelete,f=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(a,r),h=[];return l&&h.push(l),i&&h.push("size-".concat(i)),u&&h.push("shape-".concat(u)),c&&h.push("is-loading"),p&&h.push("has-delete"),e.createElement(t.Element,n({as:"button","data-button":!0,ref:s,classNames:h},f))}));exports.Button=a;

package/dist/components/Callout/Callout.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["kind","children"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var l=e.forwardRef((function(l,o){var a=l.kind,i=l.children,c=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(l,t);return e.createElement(r.Element,n({as:"div","data-callout":!0,ref:o,className:a},c),i)}));exports.Callout=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["kind","children"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var l=e.forwardRef((function(l,o){var a=l.kind,i=l.children,c=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(l,t);return e.createElement(r.Element,n({as:"div","data-callout":!0,ref:o,className:a},c),i)}));exports.Callout=l;

package/dist/components/Card/Card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["shape"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var a=e.forwardRef((function(a,o){var c=a.shape,s=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t),l=[];return c&&l.push("shape-".concat(c)),e.createElement(r.Element,n({as:"div","data-card":!0,ref:o,classNames:l},s))}));exports.Card=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["shape"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=e.forwardRef((function(a,o){var c=a.shape,s=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t),l=[];return c&&l.push("shape-".concat(c)),e.createElement(r.Element,n({as:"div","data-card":!0,ref:o,classNames:l},s))}));exports.Card=a;

package/dist/components/CodeBlock/CodeBlock.cjs

@@ -1 +1 @@
-"use strict";Object.create,Object.defineProperty,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.prototype.hasOwnProperty;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var r=["source","language"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var a=e.lazy((function(){return import("prism-react-renderer").then((function(t){return t.Highlight?{default:t.Highlight}:(console.log("%c[fictoan-react] Please install `prism-react-renderer` (https://www.npmjs.com/package/prism-react-renderer) package to have syntax highlighting in the CodeBlock component.","color: #bada55"),{default:function(t){var r=t.code;return e.createElement("pre",{"data-code-block":!0,className:"module-fallback"},r)}})}))})),c=e.forwardRef((function(c,l){var i=c.source,s=c.language,u=void 0===s?"json":s,p=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,r),f="object"===o(i)?JSON.stringify(i,null,2):null!=i?i:"";return e.createElement(t.Element,n({"data-code-block":!0,as:"div"},p),e.createElement(e.Suspense,{fallback:e.createElement("pre",{"data-code-block":!0,className:"suspense-fallback"},f)},e.createElement(a,{code:f,language:u,theme:void 0},(function(t){var r=t.className,n=t.tokens,o=t.getLineProps,a=t.getTokenProps;return e.createElement("pre",{ref:l,className:r},n.map((function(t,r){return e.createElement("div",o({line:t,key:r}),t.map((function(t,r){return e.createElement("span",a({token:t,key:r}))})))})))}))))}));exports.CodeBlock=c;
+"use strict";Object.create,Object.defineProperty,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.prototype.hasOwnProperty;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var r=["children","source","language"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var a=e.lazy((function(){return import("prism-react-renderer").then((function(t){return t.Highlight?{default:t.Highlight}:(console.log("FICTOAN : Looking for syntax highlighting?\n╭──────────────────────────────────────────────────────────────────────────────────────────────────╮\n│   Please install the prism-react-renderer (https://www.npmjs.com/package/prism-react-renderer)   │\n│   package to have syntax highlighting in the CodeBlock component.                                │\n│   For example: yarn add prism-react-renderer                                                     │\n╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"),{default:function(t){var r=t.code;return e.createElement("pre",{"data-code-block":!0,className:"module-fallback"},r)}})}))})),c=e.forwardRef((function(c,l){var i=c.children,s=c.source,u=c.language,p=void 0===u?"json":u,m=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,r),f="string"==typeof i?i:e.Children.toArray(i).join("");return i||(f="object"===o(s)?JSON.stringify(s,null,2):null!=s?s:""),e.createElement(t.Element,n({"data-code-block":!0,as:"div"},m),e.createElement(e.Suspense,{fallback:e.createElement("pre",{"data-code-block":!0,className:"suspense-fallback"},f)},e.createElement(a,{code:f,language:p,theme:void 0},(function(t){var r=t.className,n=t.tokens,o=t.getLineProps,a=t.getTokenProps;return e.createElement("pre",{ref:l,className:r},n.map((function(t,r){return e.createElement("div",o({line:t,key:r}),t.map((function(t,r){return e.createElement("span",a({token:t,key:r}))})))})))}))))}));exports.CodeBlock=c;

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,6 +1,6 @@
 import e, { Suspense as t } from "react";
 import { Element as r } from "../Element/Element.js";
-var n = ["source", "language"];
+var n = ["children", "source", "language"];
 function o() {
   return o = Object.assign ? Object.assign.bind() : function(e2) {
     for (var t2 = 1; t2 < arguments.length; t2++) {
@@ -18,7 +18,7 @@ function a(e2) {
     return e3 && "function" == typeof Symbol && e3.constructor === Symbol && e3 !== Symbol.prototype ? "symbol" : typeof e3;
   })(e2);
 }
-function c(e2, t2) {
+function l(e2, t2) {
   if (null == e2)
     return {};
   var r2, n2, o2 = function(e3, t3) {
@@ -36,21 +36,21 @@ function c(e2, t2) {
   }
   return o2;
 }
-var l = /* @__PURE__ */ e.lazy(function() {
+var c = /* @__PURE__ */ e.lazy(function() {
   return import("prism-react-renderer").then(function(t2) {
     if (t2.Highlight)
       return { default: t2.Highlight };
-    console.log("%c[fictoan-react] Please install `prism-react-renderer` (https://www.npmjs.com/package/prism-react-renderer) package to have syntax highlighting in the CodeBlock component.", "color: #bada55");
+    console.log("FICTOAN : \x1B[35mLooking\x1B[33m for\x1B[32m syntax\x1B[34m highlighting\x1B[36m?\x1B[31m\n╭──────────────────────────────────────────────────────────────────────────────────────────────────╮\n│   Please install the prism-react-renderer (https://www.npmjs.com/package/prism-react-renderer)   │\n│   package to have syntax highlighting in the CodeBlock component.                                │\n│   For example: \x1B[46m\x1B[30myarn add prism-react-renderer\x1B[0m\x1B[31m                                                     │\n╰──────────────────────────────────────────────────────────────────────────────────────────────────╯");
     return { default: function(t3) {
       var r2 = t3.code;
       return e.createElement("pre", { "data-code-block": true, className: "module-fallback" }, r2);
     } };
   });
-}), i = /* @__PURE__ */ e.forwardRef(function(i2, u) {
-  var f = i2.source, s = i2.language, m = void 0 === s ? "json" : s, p = c(i2, n), y = "object" === a(f) ? JSON.stringify(f, null, 2) : null != f ? f : "";
-  return e.createElement(r, o({ "data-code-block": true, as: "div" }, p), /* @__PURE__ */ e.createElement(t, { fallback: /* @__PURE__ */ e.createElement("pre", { "data-code-block": true, className: "suspense-fallback" }, y) }, /* @__PURE__ */ e.createElement(l, { code: y, language: m, theme: void 0 }, function(t2) {
+}), i = /* @__PURE__ */ e.forwardRef(function(i2, m) {
+  var u = i2.children, s = i2.source, f = i2.language, p = void 0 === f ? "json" : f, y = l(i2, n), g = "string" == typeof u ? u : e.Children.toArray(u).join("");
+  return u || (g = "object" === a(s) ? JSON.stringify(s, null, 2) : null != s ? s : ""), /* @__PURE__ */ e.createElement(r, o({ "data-code-block": true, as: "div" }, y), /* @__PURE__ */ e.createElement(t, { fallback: /* @__PURE__ */ e.createElement("pre", { "data-code-block": true, className: "suspense-fallback" }, g) }, /* @__PURE__ */ e.createElement(c, { code: g, language: p, theme: void 0 }, function(t2) {
     var r2 = t2.className, n2 = t2.tokens, o2 = t2.getLineProps, a2 = t2.getTokenProps;
-    return e.createElement("pre", { ref: u, className: r2 }, n2.map(function(t3, r3) {
+    return e.createElement("pre", { ref: m, className: r2 }, n2.map(function(t3, r3) {
       return e.createElement("div", o2({ line: t3, key: r3 }), t3.map(function(t4, r4) {
         return e.createElement("span", a2({ token: t4, key: r4 }));
       }));

package/dist/components/ContentWrapper/ContentWrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");function t(){return(t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var n=e.forwardRef((function(n,o){var a=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.Element,t({as:"div","data-content-wrapper":!0,ref:o},a))}));exports.ContentWrapper=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(this,arguments)}var n=e.forwardRef((function(n,o){var a=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.Element,t({as:"div","data-content-wrapper":!0,ref:o},a))}));exports.ContentWrapper=n;

package/dist/components/Drawer/Drawer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var n=["children","openWhen","closeWhen","closeOnClickOutside","padding","position","width","bgColor","bgColour","isDismissable","showOverlay"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var a=e.forwardRef((function(a,i){var l,c,u=a.children,s=a.openWhen,f=a.closeWhen,d=a.closeOnClickOutside,m=a.padding,p=a.position,v=a.width,b=a.bgColor,y=a.bgColour,h=a.isDismissable,g=void 0===h||h,O=a.showOverlay,w=void 0!==O&&O,E=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(a,n),j=(l=e.useState(s),c=2,function(e){if(Array.isArray(e))return e}(l)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(s){u=!0,o=s}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}(l,c)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(l,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=j[0],S=j[1],A=e.useRef(null),k=i||A;e.useEffect((function(){s&&S(!0)}),[s]);var x=["drawer"];p&&x.push(p),s?x.push("open"):C&&x.push("close");var I=function(){f&&f()};return function(t,n){e.useEffect((function(){var e=function(e){t.current&&!t.current.contains(e.target)&&n(e)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[t,n])}(k,d?I:function(){}),v&&x.push("".concat(v)),C?e.createElement(e.Fragment,null,e.createElement(t.Element,r({as:"div","data-drawer":!0,ref:k,classNames:x,onAnimationEnd:function(){s||S(!1)}},E),s&&w&&e.createElement(t.Element,r({as:"div",className:"rest-of-page-overlay ".concat(s?"visible":"")},d?{onClick:I}:{})),e.createElement(t.Element,{as:"div",className:"drawer-content-wrapper",padding:m,bgColor:b,bgColour:y},g&&e.createElement("button",{className:"dismiss-button",onClick:I}),u))):null}));exports.Drawer=a;

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { CommonAndHTMLProps, SpacingTypes } from "../Element/constants";
+export interface DrawerCustomProps {
+    position: "top" | "right" | "bottom" | "left";
+    width?: SpacingTypes;
+    openWhen?: boolean;
+    closeWhen?: () => void;
+    closeOnClickOutside?: boolean;
+    isDismissable?: boolean;
+    showOverlay?: boolean;
+}
+export type DrawerElementType = HTMLDivElement;
+export type DrawerProps = Omit<CommonAndHTMLProps<DrawerElementType>, keyof DrawerCustomProps> & DrawerCustomProps;
+export declare const Drawer: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLDivElement>, keyof DrawerCustomProps> & DrawerCustomProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,108 @@
+import e, { useEffect as t, useState as n, useRef as r } from "react";
+import { Element as o } from "../Element/Element.js";
+var i = ["children", "openWhen", "closeWhen", "closeOnClickOutside", "padding", "position", "width", "bgColor", "bgColour", "isDismissable", "showOverlay"];
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(e2) {
+    for (var t2 = 1; t2 < arguments.length; t2++) {
+      var n2 = arguments[t2];
+      for (var r2 in n2)
+        Object.prototype.hasOwnProperty.call(n2, r2) && (e2[r2] = n2[r2]);
+    }
+    return e2;
+  }, a.apply(this, arguments);
+}
+function l(e2, t2) {
+  return function(e3) {
+    if (Array.isArray(e3))
+      return e3;
+  }(e2) || function(e3, t3) {
+    var n2 = null == e3 ? null : "undefined" != typeof Symbol && e3[Symbol.iterator] || e3["@@iterator"];
+    if (null != n2) {
+      var r2, o2, i2, a2, l2 = [], c2 = true, u2 = false;
+      try {
+        if (i2 = (n2 = n2.call(e3)).next, 0 === t3) {
+          if (Object(n2) !== n2)
+            return;
+          c2 = false;
+        } else
+          for (; !(c2 = (r2 = i2.call(n2)).done) && (l2.push(r2.value), l2.length !== t3); c2 = true)
+            ;
+      } catch (e4) {
+        u2 = true, o2 = e4;
+      } finally {
+        try {
+          if (!c2 && null != n2.return && (a2 = n2.return(), Object(a2) !== a2))
+            return;
+        } finally {
+          if (u2)
+            throw o2;
+        }
+      }
+      return l2;
+    }
+  }(e2, t2) || function(e3, t3) {
+    if (!e3)
+      return;
+    if ("string" == typeof e3)
+      return c(e3, t3);
+    var n2 = Object.prototype.toString.call(e3).slice(8, -1);
+    "Object" === n2 && e3.constructor && (n2 = e3.constructor.name);
+    if ("Map" === n2 || "Set" === n2)
+      return Array.from(e3);
+    if ("Arguments" === n2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2))
+      return c(e3, t3);
+  }(e2, t2) || function() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }();
+}
+function c(e2, t2) {
+  (null == t2 || t2 > e2.length) && (t2 = e2.length);
+  for (var n2 = 0, r2 = new Array(t2); n2 < t2; n2++)
+    r2[n2] = e2[n2];
+  return r2;
+}
+function u(e2, t2) {
+  if (null == e2)
+    return {};
+  var n2, r2, o2 = function(e3, t3) {
+    if (null == e3)
+      return {};
+    var n3, r3, o3 = {}, i3 = Object.keys(e3);
+    for (r3 = 0; r3 < i3.length; r3++)
+      n3 = i3[r3], t3.indexOf(n3) >= 0 || (o3[n3] = e3[n3]);
+    return o3;
+  }(e2, t2);
+  if (Object.getOwnPropertySymbols) {
+    var i2 = Object.getOwnPropertySymbols(e2);
+    for (r2 = 0; r2 < i2.length; r2++)
+      n2 = i2[r2], t2.indexOf(n2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, n2) && (o2[n2] = e2[n2]);
+  }
+  return o2;
+}
+var s = /* @__PURE__ */ e.forwardRef(function(c2, s2) {
+  var f = c2.children, d = c2.openWhen, m = c2.closeWhen, p = c2.closeOnClickOutside, v = c2.padding, b = c2.position, h = c2.width, y = c2.bgColor, g = c2.bgColour, O = c2.isDismissable, w = void 0 === O || O, E = c2.showOverlay, j = void 0 !== E && E, C = u(c2, i), A = l(n(d), 2), S = A[0], k = A[1], x = r(null), I = s2 || x;
+  t(function() {
+    d && k(true);
+  }, [d]);
+  var L = ["drawer"];
+  b && L.push(b), d ? L.push("open") : S && L.push("close");
+  var N = function() {
+    m && m();
+  };
+  return function(e2, n2) {
+    t(function() {
+      var t2 = function(t3) {
+        e2.current && !e2.current.contains(t3.target) && n2(t3);
+      };
+      return document.addEventListener("mousedown", t2), document.addEventListener("touchstart", t2), function() {
+        document.removeEventListener("mousedown", t2), document.removeEventListener("touchstart", t2);
+      };
+    }, [e2, n2]);
+  }(I, p ? N : function() {
+  }), h && L.push("".concat(h)), S ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(o, a({ as: "div", "data-drawer": true, ref: I, classNames: L, onAnimationEnd: function() {
+    d || k(false);
+  } }, C), d && j && /* @__PURE__ */ e.createElement(o, a({ as: "div", className: "rest-of-page-overlay ".concat(d ? "visible" : "") }, p ? { onClick: N } : {})), /* @__PURE__ */ e.createElement(o, { as: "div", className: "drawer-content-wrapper", padding: v, bgColor: y, bgColour: g }, w && /* @__PURE__ */ e.createElement("button", { className: "dismiss-button", onClick: N }), f))) : null;
+});
+export {
+  s as Drawer
+};

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Drawer } from "./Drawer";
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Default: Story;

package/dist/components/Drawer/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Drawer.cjs");require("react"),require("../Element/Element.cjs"),exports.Drawer=e.Drawer;

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export { Drawer, type DrawerProps } from "./Drawer";

package/dist/components/{InfoPanel → Drawer}/index.js

@@ -1,6 +1,6 @@
-import { InfoPanel } from "./InfoPanel.js";
+import { Drawer } from "./Drawer.js";
 import "react";
 import "../Element/Element.js";
 export {
-  InfoPanel
+  Drawer
 };

package/dist/components/Element/Element.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");var o=["as","classNames","className","size","isFullWidth","isFullHeight","bgColor","bgColour","textColor","textColour","borderColor","borderColour","fillColor","fillColour","strokeColor","strokeColour","hideOnMobile","showOnlyOnMobile","hideOnTabletPortrait","showOnlyOnTabletPortrait","hideOnTabletLandscape","showOnlyOnTabletLandscape","hideOnDesktop","showOnlyOnDesktop","marginTop","marginRight","marginBottom","marginLeft","margin","paddingTop","paddingRight","paddingBottom","paddingLeft","padding","shadow","shape","opacity","horizontallyCentreThis","horizontallyCenterThis","verticallyCentreItems","verticallyCenterItems","pushItemsToEnds","weight"],e=["as","className","classNames"];function n(){return(n=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t}).apply(this,arguments)}function a(t,o){if(null==t)return{};var e,n,a=function(t,o){if(null==t)return{};var e,n,a={},r=Object.keys(t);for(n=0;n<r.length;n++)e=r[n],o.indexOf(e)>=0||(a[e]=t[e]);return a}(t,o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(n=0;n<r.length;n++)e=r[n],o.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(t,e)&&(a[e]=t[e])}return a}var r=t.forwardRef((function(r,l){var i=r.as,c=r.classNames,s=void 0===c?[]:c,d=r.className,h=r.size,g=r.isFullWidth,p=r.isFullHeight,m=r.bgColor,b=r.bgColour,u=r.textColor,y=r.textColour,O=r.borderColor,f=r.borderColour,C=r.fillColor,w=r.fillColour,v=r.strokeColor,T=r.strokeColour,k=r.hideOnMobile,x=r.showOnlyOnMobile,N=r.hideOnTabletPortrait,j=r.showOnlyOnTabletPortrait,z=r.hideOnTabletLandscape,L=r.showOnlyOnTabletLandscape,P=r.hideOnDesktop,I=r.showOnlyOnDesktop,E=r.marginTop,M=r.marginRight,R=r.marginBottom,B=r.marginLeft,D=r.margin,F=r.paddingTop,S=r.paddingRight,H=r.paddingBottom,W=r.paddingLeft,q=r.padding,A=r.shadow,G=r.shape,J=r.opacity,K=r.horizontallyCentreThis,Q=r.horizontallyCenterThis,U=r.verticallyCentreItems,V=r.verticallyCenterItems,X=r.pushItemsToEnds,Y=r.weight,Z=a(r,o);r.as,r.className,r.classNames,a(r,e);var $,_=function(t){var o=t.split("-");return 2===o.length?"".concat(o[0],"-light-").concat(100-Number(o[1])):t};return t.createElement(i,n({ref:l},Z,{className:($=[d,h&&"size-".concat(h),g&&"full-width",p&&"full-height",m&&"bg-".concat(_(m)),b&&"bg-".concat(_(b)),u&&"text-".concat(_(u)),y&&"text-".concat(_(y)),O&&"border-".concat(_(O)),f&&"border-".concat(_(f)),C&&"fill-".concat(_(C)),w&&"fill-".concat(_(w)),v&&"stroke-".concat(_(v)),T&&"stroke-".concat(_(T)),k&&"hide-on-mobile",x&&"show-only-on-mobile",N&&"hide-on-tablet-portrait",j&&"show-only-on-tablet-portrait",z&&"hide-on-tablet-landscape",L&&"show-only-on-tablet-landscape",P&&"hide-on-desktop",I&&"show-only-on-desktop",E&&"margin-top-".concat(E),M&&"margin-right-".concat(M),R&&"margin-bottom-".concat(R),B&&"margin-left-".concat(B),D&&"margin-all-".concat(D),F&&"padding-top-".concat(F),S&&"padding-right-".concat(S),H&&"padding-bottom-".concat(H),W&&"padding-left-".concat(W),q&&"padding-all-".concat(q),A&&"shadow-".concat(A),G&&"shape-".concat(G),J&&"opacity-".concat(J),K&&"horizontally-centre-this",Q&&"horizontally-centre-this",U&&"vertically-centre-items",V&&"vertically-centre-items",X&&"push-to-ends",Y&&"weight-".concat(Y)].concat(s),$.filter((function(t){return!!t})).join(" "))}))}));exports.Element=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");var o=["as"],a=["classNames","bgColor","bgColour","borderColor","borderColour","className","columns","fillColor","fillColour","gap","hideOnDesktop","hideOnMobile","hideOnTabletLandscape","hideOnTabletPortrait","horizontalMargin","horizontalPadding","horizontallyCenterThis","horizontallyCentreThis","isFullHeight","isFullWidth","layoutAsFlexbox","layoutAsGrid","marginLeft","marginBottom","margin","marginRight","marginTop","opacity","paddingBottom","paddingLeft","padding","paddingRight","paddingTop","pushItemsToEnds","shadow","shape","showOnlyOnDesktop","showOnlyOnMobile","showOnlyOnTabletLandscape","showOnlyOnTabletPortrait","size","strokeColor","strokeColour","textColor","textColour","verticalMargin","verticalPadding","verticallyCenterItems","verticallyCentreItems","weight"],n=["className","classNames"];function e(){return e=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var a=arguments[o];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},e.apply(this,arguments)}function r(t,o){if(null==t)return{};var a,n,e=function(t,o){if(null==t)return{};var a,n,e={},r=Object.keys(t);for(n=0;n<r.length;n++)a=r[n],o.indexOf(a)>=0||(e[a]=t[a]);return e}(t,o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(n=0;n<r.length;n++)a=r[n],o.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(t,a)&&(e[a]=t[a])}return e}var i=t.forwardRef((function(i,l){var c=i.as,s=void 0===c?"div":c,d=r(i,o),g=d.classNames,h=void 0===g?[]:g,p=d.bgColor,m=d.bgColour,u=d.borderColor,b=d.borderColour,y=d.className,f=d.columns,O=d.fillColor,C=d.fillColour,v=d.gap,w=d.hideOnDesktop,T=d.hideOnMobile,x=d.hideOnTabletLandscape,k=d.hideOnTabletPortrait,z=d.horizontalMargin,P=d.horizontalPadding,N=d.horizontallyCenterThis,j=d.horizontallyCentreThis,M=d.isFullHeight,L=d.isFullWidth,I=d.layoutAsFlexbox,F=d.layoutAsGrid,E=d.marginLeft,R=d.marginBottom,A=d.margin,B=d.marginRight,D=d.marginTop,S=d.opacity,G=d.paddingBottom,H=d.paddingLeft,W=d.padding,q=d.paddingRight,J=d.paddingTop,K=d.pushItemsToEnds,Q=d.shadow,U=d.shape,V=d.showOnlyOnDesktop,X=d.showOnlyOnMobile,Y=d.showOnlyOnTabletLandscape,Z=d.showOnlyOnTabletPortrait,$=d.size,_=d.strokeColor,tt=d.strokeColour,ot=d.textColor,at=d.textColour,nt=d.verticalMargin,et=d.verticalPadding,rt=d.verticallyCenterItems,it=d.verticallyCentreItems,lt=d.weight,ct=r(d,a);d.className,d.classNames,r(d,n);var st,dt=function(t){var o=t.split("-");return 2===o.length?"".concat(o[0],"-light-").concat(100-Number(o[1])):t};return t.createElement(s,e({ref:l},ct,{className:(st=[y,p&&"bg-".concat(dt(p)),m&&"bg-".concat(dt(m)),u&&"border-".concat(dt(u)),b&&"border-".concat(dt(b)),O&&"fill-".concat(dt(O)),C&&"fill-".concat(dt(C)),w&&"hide-on-desktop",T&&"hide-on-mobile",x&&"hide-on-tablet-landscape",k&&"hide-on-tablet-portrait",z&&"margin-right-".concat(z," margin-left-").concat(z),P&&"padding-right-".concat(P," padding-left-").concat(P),N&&"horizontally-centre-this",j&&"horizontally-centre-this",M&&"full-height",L&&"full-width",I&&"layout-flexbox",F&&"layout-grid",E&&"margin-left-".concat(E),R&&"margin-bottom-".concat(R),A&&"margin-all-".concat(A),B&&"margin-right-".concat(B),D&&"margin-top-".concat(D),S&&"opacity-".concat(S),G&&"padding-bottom-".concat(G),H&&"padding-left-".concat(H),W&&"padding-all-".concat(W),q&&"padding-right-".concat(q),J&&"padding-top-".concat(J),K&&"push-to-ends",Q&&"shadow-".concat(Q),U&&"shape-".concat(U),V&&"show-only-on-desktop",X&&"show-only-on-mobile",Y&&"show-only-on-tablet-landscape",Z&&"show-only-on-tablet-portrait",$&&"size-".concat($),_&&"stroke-".concat(dt(_)),tt&&"stroke-".concat(dt(tt)),ot&&"text-".concat(dt(ot)),at&&"text-".concat(dt(at)),nt&&"margin-top-".concat(nt," margin-bottom-").concat(nt),et&&"padding-top-".concat(et," padding-bottom-").concat(et),rt&&"vertically-centre-items",it&&"vertically-centre-items",lt&&"weight-".concat(lt)].concat(h),st.filter((function(t){return!!t})).join(" ")),style:F?{gridTemplateColumns:"repeat(".concat(f,", 1fr)"),gap:v}:{gap:v}}))}));exports.Element=i;

package/dist/components/Element/Element.js

@@ -3,43 +3,43 @@ var o = function(t2) {
   return t2.filter(function(t3) {
     return !!t3;
   }).join(" ");
-}, e = ["as", "classNames", "className", "size", "isFullWidth", "isFullHeight", "bgColor", "bgColour", "textColor", "textColour", "borderColor", "borderColour", "fillColor", "fillColour", "strokeColor", "strokeColour", "hideOnMobile", "showOnlyOnMobile", "hideOnTabletPortrait", "showOnlyOnTabletPortrait", "hideOnTabletLandscape", "showOnlyOnTabletLandscape", "hideOnDesktop", "showOnlyOnDesktop", "marginTop", "marginRight", "marginBottom", "marginLeft", "margin", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "padding", "shadow", "shape", "opacity", "horizontallyCentreThis", "horizontallyCenterThis", "verticallyCentreItems", "verticallyCenterItems", "pushItemsToEnds", "weight"], n = ["as", "className", "classNames"];
-function a() {
-  return a = Object.assign ? Object.assign.bind() : function(t2) {
+}, a = ["as"], n = ["classNames", "bgColor", "bgColour", "borderColor", "borderColour", "className", "columns", "fillColor", "fillColour", "gap", "hideOnDesktop", "hideOnMobile", "hideOnTabletLandscape", "hideOnTabletPortrait", "horizontalMargin", "horizontalPadding", "horizontallyCenterThis", "horizontallyCentreThis", "isFullHeight", "isFullWidth", "layoutAsFlexbox", "layoutAsGrid", "marginLeft", "marginBottom", "margin", "marginRight", "marginTop", "opacity", "paddingBottom", "paddingLeft", "padding", "paddingRight", "paddingTop", "pushItemsToEnds", "shadow", "shape", "showOnlyOnDesktop", "showOnlyOnMobile", "showOnlyOnTabletLandscape", "showOnlyOnTabletPortrait", "size", "strokeColor", "strokeColour", "textColor", "textColour", "verticalMargin", "verticalPadding", "verticallyCenterItems", "verticallyCentreItems", "weight"], e = ["className", "classNames"];
+function r() {
+  return r = Object.assign ? Object.assign.bind() : function(t2) {
     for (var o2 = 1; o2 < arguments.length; o2++) {
-      var e2 = arguments[o2];
-      for (var n2 in e2)
-        Object.prototype.hasOwnProperty.call(e2, n2) && (t2[n2] = e2[n2]);
+      var a2 = arguments[o2];
+      for (var n2 in a2)
+        Object.prototype.hasOwnProperty.call(a2, n2) && (t2[n2] = a2[n2]);
     }
     return t2;
-  }, a.apply(this, arguments);
+  }, r.apply(this, arguments);
 }
-function r(t2, o2) {
+function i(t2, o2) {
   if (null == t2)
     return {};
-  var e2, n2, a2 = function(t3, o3) {
+  var a2, n2, e2 = function(t3, o3) {
     if (null == t3)
       return {};
-    var e3, n3, a3 = {}, r3 = Object.keys(t3);
+    var a3, n3, e3 = {}, r3 = Object.keys(t3);
     for (n3 = 0; n3 < r3.length; n3++)
-      e3 = r3[n3], o3.indexOf(e3) >= 0 || (a3[e3] = t3[e3]);
-    return a3;
+      a3 = r3[n3], o3.indexOf(a3) >= 0 || (e3[a3] = t3[a3]);
+    return e3;
   }(t2, o2);
   if (Object.getOwnPropertySymbols) {
     var r2 = Object.getOwnPropertySymbols(t2);
     for (n2 = 0; n2 < r2.length; n2++)
-      e2 = r2[n2], o2.indexOf(e2) >= 0 || Object.prototype.propertyIsEnumerable.call(t2, e2) && (a2[e2] = t2[e2]);
+      a2 = r2[n2], o2.indexOf(a2) >= 0 || Object.prototype.propertyIsEnumerable.call(t2, a2) && (e2[a2] = t2[a2]);
   }
-  return a2;
+  return e2;
 }
-var l = /* @__PURE__ */ t.forwardRef(function(l2, i) {
-  var c = l2.as, s = l2.classNames, d = void 0 === s ? [] : s, h = l2.className, p = l2.size, g = l2.isFullWidth, m = l2.isFullHeight, b = l2.bgColor, u = l2.bgColour, y = l2.textColor, f = l2.textColour, O = l2.borderColor, C = l2.borderColour, w = l2.fillColor, v = l2.fillColour, T = l2.strokeColor, k = l2.strokeColour, N = l2.hideOnMobile, x = l2.showOnlyOnMobile, z = l2.hideOnTabletPortrait, j = l2.showOnlyOnTabletPortrait, L = l2.hideOnTabletLandscape, I = l2.showOnlyOnTabletLandscape, P = l2.hideOnDesktop, R = l2.showOnlyOnDesktop, B = l2.marginTop, D = l2.marginRight, E = l2.marginBottom, F = l2.marginLeft, M = l2.margin, H = l2.paddingTop, S = l2.paddingRight, W = l2.paddingBottom, q = l2.paddingLeft, A = l2.padding, G = l2.shadow, J = l2.shape, K = l2.opacity, Q = l2.horizontallyCentreThis, U = l2.horizontallyCenterThis, V = l2.verticallyCentreItems, X = l2.verticallyCenterItems, Y = l2.pushItemsToEnds, Z = l2.weight, $ = r(l2, e);
-  l2.as, l2.className, l2.classNames, r(l2, n);
-  var _ = function(t2) {
+var l = /* @__PURE__ */ t.forwardRef(function(l2, c) {
+  var s = l2.as, d = void 0 === s ? "div" : s, g = i(l2, a), h = g.classNames, p = void 0 === h ? [] : h, m = g.bgColor, u = g.bgColour, b = g.borderColor, y = g.borderColour, f = g.className, O = g.columns, C = g.fillColor, v = g.fillColour, w = g.gap, T = g.hideOnDesktop, x = g.hideOnMobile, k = g.hideOnTabletLandscape, z = g.hideOnTabletPortrait, P = g.horizontalMargin, N = g.horizontalPadding, j = g.horizontallyCenterThis, L = g.horizontallyCentreThis, M = g.isFullHeight, I = g.isFullWidth, F = g.layoutAsFlexbox, R = g.layoutAsGrid, A = g.marginLeft, B = g.marginBottom, D = g.margin, E = g.marginRight, G = g.marginTop, H = g.opacity, S = g.paddingBottom, W = g.paddingLeft, q = g.padding, J = g.paddingRight, K = g.paddingTop, Q = g.pushItemsToEnds, U = g.shadow, V = g.shape, X = g.showOnlyOnDesktop, Y = g.showOnlyOnMobile, Z = g.showOnlyOnTabletLandscape, $ = g.showOnlyOnTabletPortrait, _ = g.size, tt = g.strokeColor, ot = g.strokeColour, at = g.textColor, nt = g.textColour, et = g.verticalMargin, rt = g.verticalPadding, it = g.verticallyCenterItems, lt = g.verticallyCentreItems, ct = g.weight, st = i(g, n);
+  g.className, g.classNames, i(g, e);
+  var dt = function(t2) {
     var o2 = t2.split("-");
     return 2 === o2.length ? "".concat(o2[0], "-light-").concat(100 - Number(o2[1])) : t2;
   };
-  return t.createElement(c, a({ ref: i }, $, { className: o([h, p && "size-".concat(p), g && "full-width", m && "full-height", b && "bg-".concat(_(b)), u && "bg-".concat(_(u)), y && "text-".concat(_(y)), f && "text-".concat(_(f)), O && "border-".concat(_(O)), C && "border-".concat(_(C)), w && "fill-".concat(_(w)), v && "fill-".concat(_(v)), T && "stroke-".concat(_(T)), k && "stroke-".concat(_(k)), N && "hide-on-mobile", x && "show-only-on-mobile", z && "hide-on-tablet-portrait", j && "show-only-on-tablet-portrait", L && "hide-on-tablet-landscape", I && "show-only-on-tablet-landscape", P && "hide-on-desktop", R && "show-only-on-desktop", B && "margin-top-".concat(B), D && "margin-right-".concat(D), E && "margin-bottom-".concat(E), F && "margin-left-".concat(F), M && "margin-all-".concat(M), H && "padding-top-".concat(H), S && "padding-right-".concat(S), W && "padding-bottom-".concat(W), q && "padding-left-".concat(q), A && "padding-all-".concat(A), G && "shadow-".concat(G), J && "shape-".concat(J), K && "opacity-".concat(K), Q && "horizontally-centre-this", U && "horizontally-centre-this", V && "vertically-centre-items", X && "vertically-centre-items", Y && "push-to-ends", Z && "weight-".concat(Z)].concat(d)) }));
+  return t.createElement(d, r({ ref: c }, st, { className: o([f, m && "bg-".concat(dt(m)), u && "bg-".concat(dt(u)), b && "border-".concat(dt(b)), y && "border-".concat(dt(y)), C && "fill-".concat(dt(C)), v && "fill-".concat(dt(v)), T && "hide-on-desktop", x && "hide-on-mobile", k && "hide-on-tablet-landscape", z && "hide-on-tablet-portrait", P && "margin-right-".concat(P, " margin-left-").concat(P), N && "padding-right-".concat(N, " padding-left-").concat(N), j && "horizontally-centre-this", L && "horizontally-centre-this", M && "full-height", I && "full-width", F && "layout-flexbox", R && "layout-grid", A && "margin-left-".concat(A), B && "margin-bottom-".concat(B), D && "margin-all-".concat(D), E && "margin-right-".concat(E), G && "margin-top-".concat(G), H && "opacity-".concat(H), S && "padding-bottom-".concat(S), W && "padding-left-".concat(W), q && "padding-all-".concat(q), J && "padding-right-".concat(J), K && "padding-top-".concat(K), Q && "push-to-ends", U && "shadow-".concat(U), V && "shape-".concat(V), X && "show-only-on-desktop", Y && "show-only-on-mobile", Z && "show-only-on-tablet-landscape", $ && "show-only-on-tablet-portrait", _ && "size-".concat(_), tt && "stroke-".concat(dt(tt)), ot && "stroke-".concat(dt(ot)), at && "text-".concat(dt(at)), nt && "text-".concat(dt(nt)), et && "margin-top-".concat(et, " margin-bottom-").concat(et), rt && "padding-top-".concat(rt, " padding-bottom-").concat(rt), it && "vertically-centre-items", lt && "vertically-centre-items", ct && "weight-".concat(ct)].concat(p)), style: R ? { gridTemplateColumns: "repeat(".concat(O, ", 1fr)"), gap: w } : { gap: w } }));
 });
 export {
   l as Element

package/dist/components/Element/constants.d.ts

@@ -25,16 +25,24 @@ export interface CommonProps {
     shadow?: ShadowTypes;
     shape?: ShapeTypes;
     opacity?: OpacityTypes;
+    layoutAsFlexbox?: boolean;
+    layoutAsGrid?: boolean;
+    columns?: string;
+    gap?: string;
+    margin?: SpacingTypes;
+    horizontalMargin?: SpacingTypes;
+    verticalMargin?: SpacingTypes;
     marginTop?: SpacingTypes;
     marginRight?: SpacingTypes;
     marginBottom?: SpacingTypes;
     marginLeft?: SpacingTypes;
-    margin?: SpacingTypes;
+    padding?: SpacingTypes;
+    horizontalPadding?: SpacingTypes;
+    verticalPadding?: SpacingTypes;
     paddingTop?: SpacingTypes;
     paddingRight?: SpacingTypes;
     paddingBottom?: SpacingTypes;
     paddingLeft?: SpacingTypes;
-    padding?: SpacingTypes;
     horizontallyCentreThis?: boolean;
     horizontallyCenterThis?: boolean;
     verticallyCentreItems?: boolean;
@@ -56,7 +64,7 @@ export interface CommonProps {
 export interface CommonAndHTMLProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "size" | "ref" | "shape"> {
 }
 export interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "ref" | "shape"> {
-    as: ElementType;
+    as?: ElementType;
     className?: string;
 }
 export {};

package/dist/components/ExpandableContent/ExpandableContent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs"),t=require("../Typography/Text.cjs");var n=["summary","children"];function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var o=e.forwardRef((function(o,l){var c=o.summary,i=o.children,u=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(o,n);return e.createElement(r.Element,a({as:"details","data-expandable-content":!0,ref:l},u),e.createElement("summary",null,"string"==typeof c?e.createElement(t.Text,{margin:"none"},c):c),i)}));exports.ExpandableContent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs"),t=require("../Typography/Text.cjs");var n=["summary","children"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var o=e.forwardRef((function(o,l){var c=o.summary,i=o.children,u=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(o,n);return e.createElement(r.Element,a({as:"details","data-expandable-content":!0,ref:l},u),e.createElement("summary",null,"string"==typeof c?e.createElement(t.Text,{margin:"none"},c):c),i)}));exports.ExpandableContent=o;

package/dist/components/Form/BaseInputComponent/BaseInputComponent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../InputLabel/InputLabel.cjs"),a=require("../FormItem/FormItem.cjs");var n=["as","className","label","helpText","errorText","iconLeft","iconRight","validateThis","classNames"];function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var s=e.forwardRef((function(s,c){var i=s.as,o=s.className,m=s.label,u=s.helpText,p=s.errorText,f=s.iconLeft,b=s.iconRight,h=s.validateThis,E=s.classNames,v=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,n);return e.createElement(a.FormItem,{required:v.required},e.createElement(t.Element,l({as:i,ref:c,classNames:[o||"",f?"with-icon-left":"",b?"with-icon-right":"",h?"validate-this":""].concat(E||[])},v)),f&&e.createElement(t.Element,{as:"span",className:"icon-left"},f),b&&e.createElement(t.Element,{as:"span",className:"icon-right"},b),m&&e.createElement(r.InputLabel,{label:m,htmlFor:v.id}),(u||p)&&e.createElement(t.Element,{as:"div",className:"info-section vertically-center-items",marginTop:"nano"},u&&e.createElement(t.Element,{as:"span",className:"help-text"},u),p&&e.createElement(t.Element,{as:"span",className:"error-text"},p)))}));exports.BaseInputComponent=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../InputLabel/InputLabel.cjs"),a=require("../FormItem/FormItem.cjs");var n=["as","className","label","helpText","errorText","iconLeft","iconRight","validateThis","classNames"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var s=e.forwardRef((function(s,c){var i=s.as,o=s.className,m=s.label,u=s.helpText,p=s.errorText,f=s.iconLeft,b=s.iconRight,h=s.validateThis,E=s.classNames,v=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,n);return e.createElement(a.FormItem,{required:v.required},e.createElement(t.Element,l({as:i,ref:c,classNames:[o||"",f?"with-icon-left":"",b?"with-icon-right":"",h?"validate-this":""].concat(E||[])},v)),f&&e.createElement(t.Element,{as:"span",className:"icon-left"},f),b&&e.createElement(t.Element,{as:"span",className:"icon-right"},b),m&&e.createElement(r.InputLabel,{label:m,htmlFor:v.id}),(u||p)&&e.createElement(t.Element,{as:"div",className:"info-section vertically-center-items",marginTop:"nano"},u&&e.createElement(t.Element,{as:"span",className:"help-text"},u),p&&e.createElement(t.Element,{as:"span",className:"error-text"},p)))}));exports.BaseInputComponent=s;

package/dist/components/Form/CheckBox/CheckBox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var o=e.forwardRef((function(o,a){var c=n({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(o),o));return e.createElement(t.Element,{as:"div","data-checkbox":!0,ref:a},e.createElement(r.BaseInputComponent,n({as:"input",type:"checkbox"},c)))}));exports.CheckBox=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var o=e.forwardRef((function(o,a){var c=n({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(o),o));return e.createElement(t.Element,{as:"div","data-checkbox":!0,ref:a},e.createElement(r.BaseInputComponent,n({as:"input",type:"checkbox"},c)))}));exports.CheckBox=o;

package/dist/components/Form/CheckBox/Switch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["size"];function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var a=e.forwardRef((function(a,i){var c=a.size,s=void 0===c?"medium":c,u=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,n);return e.createElement(t.Element,{as:"div","data-switch":!0,ref:i,className:"size-".concat(s)},e.createElement(r.BaseInputComponent,o({as:"input",type:"checkbox"},u)))}));exports.Switch=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["size"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}var a=e.forwardRef((function(a,i){var c=a.size,s=void 0===c?"medium":c,u=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,n);return e.createElement(t.Element,{as:"div","data-switch":!0,ref:i,className:"size-".concat(s)},e.createElement(r.BaseInputComponent,o({as:"input",type:"checkbox"},u)))}));exports.Switch=a;

package/dist/components/Form/FormItem/FormItem.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");function t(){return(t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var n=e.forwardRef((function(n,o){var a=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.Element,t({as:"div","data-form-item":!0,ref:o},a))}));exports.FormItem=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(this,arguments)}var n=e.forwardRef((function(n,o){var a=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.Element,t({as:"div","data-form-item":!0,ref:o},a))}));exports.FormItem=n;

package/dist/components/Form/FormItemGroup/FormItemGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["isJoint","retainLayout","spacing","children"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var o=e.forwardRef((function(o,i){var a=o.isJoint,s=o.retainLayout,u=o.spacing,c=void 0===u?"medium":u,l=o.children,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,t),f=[];return a&&f.push("is-joint"),s&&f.push("retain-layout"),c&&f.push("spacing-".concat(c)),e.createElement(r.Element,n({as:"div","data-form-item-group":!0,ref:i,classNames:f},p),l)}));exports.FormItemGroup=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["isJoint","retainLayout","spacing","children"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var o=e.forwardRef((function(o,i){var a=o.isJoint,s=o.retainLayout,u=o.spacing,c=void 0===u?"medium":u,l=o.children,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,t),f=[];return a&&f.push("is-joint"),s&&f.push("retain-layout"),c&&f.push("spacing-".concat(c)),e.createElement(r.Element,n({as:"div","data-form-item-group":!0,ref:i,classNames:f},p),l)}));exports.FormItemGroup=o;

package/dist/components/Form/FormWrapper/FormGenerator.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../../Row/Row.cjs"),n=require("../../Portion/Portion.cjs"),o=require("../InputLabel/InputLabel.cjs"),a=require("../InputField/InputField.cjs"),i=require("../InputField/FileUpload.cjs"),l=require("../CheckBox/CheckBox.cjs"),u=require("../CheckBox/Switch.cjs"),p=require("../RadioButton/RadioButton.cjs"),c=require("../RadioButton/RadioGroup.cjs"),s=require("../Select/Select.cjs"),d=require("../TextArea/TextArea.cjs");require("../BaseInputComponent/BaseInputComponent.cjs"),require("../FormItem/FormItem.cjs");var b=["as"],S=["desktopSpan","tabletLandscapeSpan","tabletPortraitSpan","mobileSpan","isHorizontal"];function j(){return(j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function m(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var f={CheckBox:l.CheckBox,Switch:u.Switch,InputField:a.InputField,FileUpload:i.FileUpload,InputLabel:o.InputLabel,RadioButton:p.RadioButton,RadioGroup:c.RadioGroup,Select:s.Select,TextArea:d.TextArea,Empty:"div"},h=function(r,n){var o=r.as,i=m(r,b);return e.createElement(t.Element,j({as:f[o]||a.InputField},i,{isFullWidth:!0,onChange:n}))};exports.generateFormThroughConfig=function(t,o,a){var i=[];for(var l in t){var u=t[l],p=u.desktopSpan,c=u.tabletLandscapeSpan,s=u.tabletPortraitSpan,d=u.mobileSpan,b=u.isHorizontal,f=m(u,S),q={desktopSpan:p,tabletLandscapeSpan:c,tabletPortraitSpan:s,mobileSpan:d,isHorizontal:b};i.push(e.createElement(n.Portion,j({},q,{key:"fields-".concat(l)}),h(f,o)))}return e.createElement(r.Row,{gutters:a},i)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../../Row/Row.cjs"),n=require("../../Portion/Portion.cjs"),o=require("../InputLabel/InputLabel.cjs"),a=require("../InputField/InputField.cjs"),i=require("../InputField/FileUpload.cjs"),l=require("../CheckBox/CheckBox.cjs"),u=require("../CheckBox/Switch.cjs"),p=require("../RadioButton/RadioButton.cjs"),c=require("../RadioButton/RadioGroup.cjs"),s=require("../Select/Select.cjs"),d=require("../TextArea/TextArea.cjs");require("../BaseInputComponent/BaseInputComponent.cjs"),require("../FormItem/FormItem.cjs");var b=["as"],S=["desktopSpan","tabletLandscapeSpan","tabletPortraitSpan","mobileSpan","isHorizontal"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},j.apply(this,arguments)}function m(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var f={CheckBox:l.CheckBox,Switch:u.Switch,InputField:a.InputField,FileUpload:i.FileUpload,InputLabel:o.InputLabel,RadioButton:p.RadioButton,RadioGroup:c.RadioGroup,Select:s.Select,TextArea:d.TextArea,Empty:"div"},h=function(r,n){var o=r.as,i=m(r,b);return e.createElement(t.Element,j({as:f[o]||a.InputField},i,{isFullWidth:!0,onChange:n}))};exports.generateFormThroughConfig=function(t,o,a){var i=[];for(var l in t){var u=t[l],p=u.desktopSpan,c=u.tabletLandscapeSpan,s=u.tabletPortraitSpan,d=u.mobileSpan,b=u.isHorizontal,f=m(u,S),g={desktopSpan:p,tabletLandscapeSpan:c,tabletPortraitSpan:s,mobileSpan:d,isHorizontal:b};i.push(e.createElement(n.Portion,j({},g,{key:"fields-".concat(l)}),h(f,o)))}return e.createElement(r.Row,{layout:"grid",gutters:a},i)};

package/dist/components/Form/FormWrapper/FormGenerator.js

@@ -51,7 +51,7 @@ var S = { CheckBox: p, Switch: l, InputField: a, FileUpload: i, InputLabel: n, R
     var l2 = e2[p2], m2 = l2.desktopSpan, s2 = l2.tabletLandscapeSpan, u2 = l2.tabletPortraitSpan, c2 = l2.mobileSpan, f2 = l2.isHorizontal, S2 = j(l2, d), v2 = { desktopSpan: m2, tabletLandscapeSpan: s2, tabletPortraitSpan: u2, mobileSpan: c2, isHorizontal: f2 };
     i2.push(/* @__PURE__ */ t.createElement(r, b({}, v2, { key: "fields-".concat(p2) }), h(S2, n2)));
   }
-  return t.createElement(o, { gutters: a2 }, i2);
+  return t.createElement(o, { layout: "grid", gutters: a2 }, i2);
 };
 export {
   v as generateFormThroughConfig

package/dist/components/Form/FormWrapper/FormWrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs"),t=require("../../Callout/Callout.cjs"),n=require("./FormGenerator.cjs");require("../../Row/Row.cjs"),require("../../Portion/Portion.cjs"),require("../InputLabel/InputLabel.cjs"),require("../InputField/InputField.cjs"),require("../BaseInputComponent/BaseInputComponent.cjs"),require("../FormItem/FormItem.cjs"),require("../InputField/FileUpload.cjs"),require("../CheckBox/CheckBox.cjs"),require("../CheckBox/Switch.cjs"),require("../RadioButton/RadioButton.cjs"),require("../RadioButton/RadioGroup.cjs"),require("../Select/Select.cjs"),require("../TextArea/TextArea.cjs");var o=["spacing","fields","onFieldsChange","children","errorText"];function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var a=e.forwardRef((function(a,u){var c=a.spacing,l=void 0===c?"small":c,s=a.fields,p=a.onFieldsChange,j=a.children,d=a.errorText,f=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(a,o),m=[];return l&&m.push("spacing-".concat(l)),s&&s.length>0&&(j=[n.generateFormThroughConfig(s,p,l),j]),e.createElement(r.Element,i({as:"form","data-form-wrapper":!0,ref:u,classNames:m},f),j,d&&e.createElement(t.Callout,{kind:"error"},d))}));exports.FormWrapper=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs"),t=require("../../Callout/Callout.cjs"),n=require("./FormGenerator.cjs");require("../../Row/Row.cjs"),require("../../Portion/Portion.cjs"),require("../InputLabel/InputLabel.cjs"),require("../InputField/InputField.cjs"),require("../BaseInputComponent/BaseInputComponent.cjs"),require("../FormItem/FormItem.cjs"),require("../InputField/FileUpload.cjs"),require("../CheckBox/CheckBox.cjs"),require("../CheckBox/Switch.cjs"),require("../RadioButton/RadioButton.cjs"),require("../RadioButton/RadioGroup.cjs"),require("../Select/Select.cjs"),require("../TextArea/TextArea.cjs");var o=["spacing","fields","onFieldsChange","children","errorText"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(this,arguments)}var a=e.forwardRef((function(a,u){var c=a.spacing,l=void 0===c?"small":c,s=a.fields,p=a.onFieldsChange,j=a.children,d=a.errorText,f=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(a,o),m=[];return l&&m.push("spacing-".concat(l)),s&&s.length>0&&(j=[n.generateFormThroughConfig(s,p,l),j]),e.createElement(r.Element,i({as:"form","data-form-wrapper":!0,ref:u,classNames:m},f),j,d&&e.createElement(t.Callout,{kind:"error"},d))}));exports.FormWrapper=a;

package/dist/components/Form/InputField/FileUpload.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./InputField.cjs");function t(){return(t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}require("../BaseInputComponent/BaseInputComponent.cjs"),require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=e.forwardRef((function(n,o){var u=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.InputField,t({type:"file",ref:o},u))}));exports.FileUpload=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./InputField.cjs");function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(this,arguments)}require("../BaseInputComponent/BaseInputComponent.cjs"),require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=e.forwardRef((function(n,o){var u=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.InputField,t({type:"file",ref:o},u))}));exports.FileUpload=n;

package/dist/components/Form/InputField/InputField.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../BaseInputComponent/BaseInputComponent.cjs");function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=e.forwardRef((function(n,o){var u=r({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(t.BaseInputComponent,r({as:"input","data-input":!0,ref:o,placeholder:" "},u))}));exports.InputField=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../BaseInputComponent/BaseInputComponent.cjs");function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=e.forwardRef((function(n,o){var u=r({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(t.BaseInputComponent,r({as:"input","data-input":!0,ref:o,placeholder:" "},u))}));exports.InputField=n;

package/dist/components/Form/InputLabel/InputLabel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["label"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var l=e.forwardRef((function(l,o){var a=l.label,u=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(l,t);return e.createElement(r.Element,n({as:"label",ref:o},u),a)}));exports.InputLabel=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["label"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var l=e.forwardRef((function(l,o){var a=l.label,u=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(l,t);return e.createElement(r.Element,n({as:"label",ref:o},u),a)}));exports.InputLabel=l;

package/dist/components/Form/RadioButton/RadioButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["onClick"];function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var a=e.forwardRef((function(a,i){var u=a.onClick,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,n);return e.createElement(t.Element,{as:"div","data-radio-button":!0,ref:i,onClick:u},e.createElement(r.BaseInputComponent,o({as:"input",type:"radio"},l)))}));exports.RadioButton=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["onClick"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}var a=e.forwardRef((function(a,i){var u=a.onClick,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,n);return e.createElement(t.Element,{as:"div","data-radio-button":!0,ref:i,onClick:u},e.createElement(r.BaseInputComponent,o({as:"input",type:"radio"},l)))}));exports.RadioButton=a;

package/dist/components/Form/RadioButton/RadioGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./RadioButton.cjs"),t=require("../../Element/Element.cjs"),n=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var o=["options","defaultValue","required"];function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var a=function(n){var a=n.options;n.defaultValue;var i=n.required,l=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,o);return e.createElement(t.Element,{as:"div",required:i},a.map((function(t,n){return e.createElement(r.RadioButton,u({key:n},l,t))})))},i=e.forwardRef((function(r,t){return e.createElement(n.BaseInputComponent,u({as:a,ref:t},r))}));exports.RadioGroup=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./RadioButton.cjs"),t=require("../../Element/Element.cjs"),n=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var o=["options","defaultValue","required"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}var a=function(n){var a=n.options;n.defaultValue;var i=n.required,l=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,o);return e.createElement(t.Element,{as:"div",required:i},a.map((function(t,n){return e.createElement(r.RadioButton,u({key:n},l,t))})))},i=e.forwardRef((function(r,t){return e.createElement(n.BaseInputComponent,u({as:a,ref:t},r))}));exports.RadioGroup=i;