fictoan-react 1.2.1 → 1.2.4

package/dist/components/Accordion/Accordion.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},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.Accordion=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","open"];function o(){return o=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},o.apply(this,arguments)}function a(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var i=e.forwardRef((function(i,l){var u,c,f=i.summary,s=i.children,y=i.open,p=void 0!==y&&y,b=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(i,n),d=(u=e.useState(p),c=2,function(e){if(Array.isArray(e))return e}(u)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a,i,l=[],u=!0,c=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=a.call(t)).done)&&(l.push(n.value),l.length!==r);u=!0);}catch(f){c=!0,o=f}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(u,c)||function(e,r){if(e){if("string"==typeof e)return a(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,r):void 0}}(u,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.")}()),m=d[0],g=d[1],v=function(){return g(!m)};return e.useEffect((function(){l&&"current"in l&&l.current&&l.current.setAttribute("aria-expanded",m.toString())}),[m,l]),e.createElement(r.Element,o({as:"details","data-expandable-content":!0,ref:l},b,{open:m,role:"region","aria-labelledby":"accordion-summary"}),e.createElement("summary",{role:"button",tabIndex:0,"aria-controls":"accordion-content","aria-expanded":m,onClick:v,onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v())}},"string"==typeof f?e.createElement(t.Text,{margin:"none"},f):f),s)}));exports.Accordion=i;

package/dist/components/Accordion/Accordion.js

@@ -1,39 +1,96 @@
-import r from "react";
-import { Element as e } from "../Element/Element.js";
-import { Text as t } from "../Typography/Text.js";
-var n = ["summary", "children"];
-function a() {
-  return a = Object.assign ? Object.assign.bind() : function(r2) {
-    for (var e2 = 1; e2 < arguments.length; e2++) {
-      var t2 = arguments[e2];
-      for (var n2 in t2)
-        Object.prototype.hasOwnProperty.call(t2, n2) && (r2[n2] = t2[n2]);
+import r, { useState as t, useEffect as e } from "react";
+import { Element as n } from "../Element/Element.js";
+import { Text as o } from "../Typography/Text.js";
+var a = ["summary", "children", "open"];
+function i() {
+  return i = Object.assign ? Object.assign.bind() : function(r2) {
+    for (var t2 = 1; t2 < arguments.length; t2++) {
+      var e2 = arguments[t2];
+      for (var n2 in e2)
+        Object.prototype.hasOwnProperty.call(e2, n2) && (r2[n2] = e2[n2]);
     }
     return r2;
-  }, a.apply(this, arguments);
+  }, i.apply(this, arguments);
 }
-function o(r2, e2) {
+function l(r2, t2) {
+  return function(r3) {
+    if (Array.isArray(r3))
+      return r3;
+  }(r2) || function(r3, t3) {
+    var e2 = null == r3 ? null : "undefined" != typeof Symbol && r3[Symbol.iterator] || r3["@@iterator"];
+    if (null != e2) {
+      var n2, o2, a2, i2, l2 = [], u2 = true, c2 = false;
+      try {
+        if (a2 = (e2 = e2.call(r3)).next, 0 === t3) {
+          if (Object(e2) !== e2)
+            return;
+          u2 = false;
+        } else
+          for (; !(u2 = (n2 = a2.call(e2)).done) && (l2.push(n2.value), l2.length !== t3); u2 = true)
+            ;
+      } catch (r4) {
+        c2 = true, o2 = r4;
+      } finally {
+        try {
+          if (!u2 && null != e2.return && (i2 = e2.return(), Object(i2) !== i2))
+            return;
+        } finally {
+          if (c2)
+            throw o2;
+        }
+      }
+      return l2;
+    }
+  }(r2, t2) || function(r3, t3) {
+    if (!r3)
+      return;
+    if ("string" == typeof r3)
+      return u(r3, t3);
+    var e2 = Object.prototype.toString.call(r3).slice(8, -1);
+    "Object" === e2 && r3.constructor && (e2 = r3.constructor.name);
+    if ("Map" === e2 || "Set" === e2)
+      return Array.from(r3);
+    if ("Arguments" === e2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e2))
+      return u(r3, t3);
+  }(r2, 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 u(r2, t2) {
+  (null == t2 || t2 > r2.length) && (t2 = r2.length);
+  for (var e2 = 0, n2 = new Array(t2); e2 < t2; e2++)
+    n2[e2] = r2[e2];
+  return n2;
+}
+function c(r2, t2) {
   if (null == r2)
     return {};
-  var t2, n2, a2 = function(r3, e3) {
+  var e2, n2, o2 = function(r3, t3) {
     if (null == r3)
       return {};
-    var t3, n3, a3 = {}, o3 = Object.keys(r3);
-    for (n3 = 0; n3 < o3.length; n3++)
-      t3 = o3[n3], e3.indexOf(t3) >= 0 || (a3[t3] = r3[t3]);
-    return a3;
-  }(r2, e2);
+    var e3, n3, o3 = {}, a3 = Object.keys(r3);
+    for (n3 = 0; n3 < a3.length; n3++)
+      e3 = a3[n3], t3.indexOf(e3) >= 0 || (o3[e3] = r3[e3]);
+    return o3;
+  }(r2, t2);
   if (Object.getOwnPropertySymbols) {
-    var o2 = Object.getOwnPropertySymbols(r2);
-    for (n2 = 0; n2 < o2.length; n2++)
-      t2 = o2[n2], e2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(r2, t2) && (a2[t2] = r2[t2]);
+    var a2 = Object.getOwnPropertySymbols(r2);
+    for (n2 = 0; n2 < a2.length; n2++)
+      e2 = a2[n2], t2.indexOf(e2) >= 0 || Object.prototype.propertyIsEnumerable.call(r2, e2) && (o2[e2] = r2[e2]);
   }
-  return a2;
+  return o2;
 }
-var l = /* @__PURE__ */ r.forwardRef(function(l2, i) {
-  var c = l2.summary, f = l2.children, m = o(l2, n);
-  return r.createElement(e, a({ as: "details", "data-expandable-content": true, ref: i }, m), /* @__PURE__ */ r.createElement("summary", null, "string" == typeof c ? /* @__PURE__ */ r.createElement(t, { margin: "none" }, c) : c), f);
+var f = /* @__PURE__ */ r.forwardRef(function(u2, f2) {
+  var y = u2.summary, p = u2.children, s = u2.open, m = void 0 !== s && s, b = c(u2, a), d = l(t(m), 2), g = d[0], v = d[1], h = function() {
+    return v(!g);
+  };
+  e(function() {
+    f2 && "current" in f2 && f2.current && f2.current.setAttribute("aria-expanded", g.toString());
+  }, [g, f2]);
+  return r.createElement(n, i({ as: "details", "data-expandable-content": true, ref: f2 }, b, { open: g, role: "region", "aria-labelledby": "accordion-summary" }), /* @__PURE__ */ r.createElement("summary", { role: "button", tabIndex: 0, "aria-controls": "accordion-content", "aria-expanded": g, onClick: h, onKeyDown: function(r2) {
+    "Enter" !== r2.key && " " !== r2.key || (r2.preventDefault(), h());
+  } }, "string" == typeof y ? /* @__PURE__ */ r.createElement(o, { margin: "none" }, y) : y), p);
 });
 export {
-  l as Accordion
+  f as Accordion
 };

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},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},o))}));exports.BreadcrumbItem=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),e=require("../../Element/Element.cjs");var t=["children","current"];function n(){return n=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},n.apply(this,arguments)}var a=r.forwardRef((function(a,o){var i=a.children,c=a.current,l=function(r,e){if(null==r)return{};var t,n,a=function(r,e){if(null==r)return{};var t,n,a={},o=Object.keys(r);for(n=0;n<o.length;n++)t=o[n],e.indexOf(t)>=0||(a[t]=r[t]);return a}(r,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);for(n=0;n<o.length;n++)t=o[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(a[t]=r[t])}return a}(a,t);return r.createElement(e.Element,n({as:"li","data-breadcrumb-item":!0,ref:o},l,{"aria-current":c?"page":void 0,className:c?"current":void 0,role:"navigation","aria-label":"List of breadcrumbs"}),i)}));exports.BreadcrumbItem=a;

package/dist/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 import { CommonAndHTMLProps } from "../../Element/constants";
 export type BreadcrumbItemElementType = HTMLLIElement;
-export type BreadcrumbItemProps = CommonAndHTMLProps<BreadcrumbItemElementType>;
+export interface BreadcrumbItemProps extends CommonAndHTMLProps<BreadcrumbItemElementType> {
+    children: React.ReactNode;
+    current?: boolean;
+}
 export declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js

@@ -1,22 +1,38 @@
 import r from "react";
-import { Element as t } from "../../Element/Element.js";
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(r2) {
-    for (var t2 = 1; t2 < arguments.length; t2++) {
-      var e2 = arguments[t2];
-      for (var n2 in e2)
-        Object.prototype.hasOwnProperty.call(e2, n2) && (r2[n2] = e2[n2]);
+import { Element as e } from "../../Element/Element.js";
+var t = ["children", "current"];
+function n() {
+  return n = Object.assign ? Object.assign.bind() : function(r2) {
+    for (var e2 = 1; e2 < arguments.length; e2++) {
+      var t2 = arguments[e2];
+      for (var n2 in t2)
+        Object.prototype.hasOwnProperty.call(t2, n2) && (r2[n2] = t2[n2]);
     }
     return r2;
-  }, e.apply(this, arguments);
+  }, n.apply(this, arguments);
 }
-var n = /* @__PURE__ */ r.forwardRef(function(n2, a) {
-  var o = e({}, (function(r2) {
-    if (null == r2)
-      throw new TypeError("Cannot destructure " + r2);
-  }(n2), n2));
-  return r.createElement(t, e({ as: "li", "data-breadcrumb-item": true, ref: a }, o));
+function a(r2, e2) {
+  if (null == r2)
+    return {};
+  var t2, n2, a2 = function(r3, e3) {
+    if (null == r3)
+      return {};
+    var t3, n3, a3 = {}, o3 = Object.keys(r3);
+    for (n3 = 0; n3 < o3.length; n3++)
+      t3 = o3[n3], e3.indexOf(t3) >= 0 || (a3[t3] = r3[t3]);
+    return a3;
+  }(r2, e2);
+  if (Object.getOwnPropertySymbols) {
+    var o2 = Object.getOwnPropertySymbols(r2);
+    for (n2 = 0; n2 < o2.length; n2++)
+      t2 = o2[n2], e2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(r2, t2) && (a2[t2] = r2[t2]);
+  }
+  return a2;
+}
+var o = /* @__PURE__ */ r.forwardRef(function(o2, i) {
+  var c = o2.children, l = o2.current, u = a(o2, t);
+  return r.createElement(e, n({ as: "li", "data-breadcrumb-item": true, ref: i }, u, { "aria-current": l ? "page" : void 0, className: l ? "current" : void 0, role: "navigation", "aria-label": "List of breadcrumbs" }), c);
 });
 export {
-  n as BreadcrumbItem
+  o as BreadcrumbItem
 };

package/dist/components/Breadcrumbs/Breadcrumbs/Breadcrumbs.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},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:"ul","data-breadcrumbs-wrapper":!0,ref:a},o))}));exports.Breadcrumbs=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["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 a=e.forwardRef((function(a,l){var o=a.children,c=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t);return e.createElement("nav",n({"aria-label":"Breadcrumb",ref:l},c),e.createElement(r.Element,{as:"ul","data-breadcrumbs-wrapper":!0},o))}));exports.Breadcrumbs=a;

package/dist/components/Breadcrumbs/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
 import { CommonAndHTMLProps } from "../../Element/constants";
-export type BreadcrumbsWrapperElementType = HTMLDivElement;
-export type BreadcrumbsWrapperProps = CommonAndHTMLProps<BreadcrumbsWrapperElementType>;
-export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export type BreadcrumbsElementType = HTMLDivElement;
+export interface BreadcrumbsProps extends CommonAndHTMLProps<BreadcrumbsElementType> {
+    children: React.ReactNode;
+}
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Breadcrumbs/Breadcrumbs/Breadcrumbs.js

@@ -1,22 +1,38 @@
 import r from "react";
-import { Element as t } from "../../Element/Element.js";
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(r2) {
-    for (var t2 = 1; t2 < arguments.length; t2++) {
-      var e2 = arguments[t2];
-      for (var n2 in e2)
-        Object.prototype.hasOwnProperty.call(e2, n2) && (r2[n2] = e2[n2]);
+import { Element as e } from "../../Element/Element.js";
+var t = ["children"];
+function n() {
+  return n = Object.assign ? Object.assign.bind() : function(r2) {
+    for (var e2 = 1; e2 < arguments.length; e2++) {
+      var t2 = arguments[e2];
+      for (var n2 in t2)
+        Object.prototype.hasOwnProperty.call(t2, n2) && (r2[n2] = t2[n2]);
     }
     return r2;
-  }, e.apply(this, arguments);
+  }, n.apply(this, arguments);
 }
-var n = /* @__PURE__ */ r.forwardRef(function(n2, a) {
-  var o = e({}, (function(r2) {
-    if (null == r2)
-      throw new TypeError("Cannot destructure " + r2);
-  }(n2), n2));
-  return r.createElement(t, e({ as: "ul", "data-breadcrumbs-wrapper": true, ref: a }, o));
+function a(r2, e2) {
+  if (null == r2)
+    return {};
+  var t2, n2, a2 = function(r3, e3) {
+    if (null == r3)
+      return {};
+    var t3, n3, a3 = {}, o3 = Object.keys(r3);
+    for (n3 = 0; n3 < o3.length; n3++)
+      t3 = o3[n3], e3.indexOf(t3) >= 0 || (a3[t3] = r3[t3]);
+    return a3;
+  }(r2, e2);
+  if (Object.getOwnPropertySymbols) {
+    var o2 = Object.getOwnPropertySymbols(r2);
+    for (n2 = 0; n2 < o2.length; n2++)
+      t2 = o2[n2], e2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(r2, t2) && (a2[t2] = r2[t2]);
+  }
+  return a2;
+}
+var o = /* @__PURE__ */ r.forwardRef(function(o2, l) {
+  var c = o2.children, i = a(o2, t);
+  return r.createElement("nav", n({ "aria-label": "Breadcrumb", ref: l }, i), /* @__PURE__ */ r.createElement(e, { as: "ul", "data-breadcrumbs-wrapper": true }, c));
 });
 export {
-  n as Breadcrumbs
+  o as Breadcrumbs
 };

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

@@ -1,2 +1,2 @@
-export { Breadcrumbs, type BreadcrumbsWrapperProps } from "../Breadcrumbs/Breadcrumbs/Breadcrumbs";
+export { Breadcrumbs, type BreadcrumbsProps } from "../Breadcrumbs/Breadcrumbs/Breadcrumbs";
 export { BreadcrumbItem, type BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";

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"),r=require("../Button/Button.cjs");var n=["children","source","language","showCopyButton"];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)}function a(e){return(a="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)}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var c=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)}})}))})),i=e.forwardRef((function(i,u){var s,p,f=i.children,m=i.source,y=i.language,b=void 0===y?"json":y,d=i.showCopyButton,g=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}(i,n),h=(s=e.useState(!1),p=2,function(e){if(Array.isArray(e))return e}(s)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(s){u=!0,o=s}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}(s,p)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}(s,p)||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.")}()),O=h[0],v=h[1],j="string"==typeof f?f:e.Children.toArray(f).join("");return f||(j="object"===a(m)?JSON.stringify(m,null,2):null!=m?m:""),e.createElement(t.Element,o({"data-code-block":!0,as:"div"},g),d?O?e.createElement(r.Button,{className:"code-block-copy-button",size:"tiny",shape:"rounded",bgColor:"green-light-80",borderColour:"green-dark-20",textColour:"green-dark-20"},"COPIED!"):e.createElement(r.Button,{className:"code-block-copy-button",size:"tiny",shape:"rounded",bgColor:"transparent",borderColour:"blue-light-40",textColour:"blue",onClick:function(){navigator.clipboard.writeText(j).then((function(){v(!0),setTimeout((function(){return v(!1)}),3e3)})).catch((function(e){console.error("Could not copy text: ",e)}))}},"Copy"):null,e.createElement(e.Suspense,{fallback:e.createElement("pre",{"data-code-block":!0,className:"suspense-fallback"},j)},e.createElement(c,{code:j,language:b,theme:void 0},(function(t){var r=t.className,n=t.tokens,o=t.getLineProps,a=t.getTokenProps;return e.createElement("pre",{ref:u,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=i;
+"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"),r=require("../Button/Button.cjs"),n=require("../Badge/Badge.cjs");var o=["children","source","language","showCopyButton","showLineNumbers"];function a(){return a=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},a.apply(this,arguments)}function l(e){return(l="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)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var i=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)}})}))})),u=e.forwardRef((function(u,s){var p,m,f=u.children,y=u.source,d=u.language,b=void 0===d?"json":d,g=u.showCopyButton,h=u.showLineNumbers,O=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}(u,o),v=(p=e.useState(!1),m=2,function(e){if(Array.isArray(e))return e}(p)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(s){u=!0,o=s}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}(p,m)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}(p,m)||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.")}()),j=v[0],k=v[1],w="string"==typeof f?f:e.Children.toArray(f).join("");f||(w="object"===l(y)?JSON.stringify(y,null,2):null!=y?y:"");var E=[];return h&&E.push("show-line-numbers"),e.createElement(t.Element,a({"data-code-block":!0,as:"div",classNames:E},O),g?j?e.createElement(n.Badge,{className:"code-block-copied-badge",size:"tiny",shape:"rounded","aria-live":"polite"},"Copied!"):e.createElement(r.Button,{type:"button",className:"code-block-copy-button",size:"tiny",shape:"rounded",onClick:function(){navigator.clipboard.writeText(w).then((function(){k(!0),setTimeout((function(){return k(!1)}),3e3)})).catch((function(e){console.error("Could not copy text: ",e)}))},role:"button","aria-label":"Copy code to clipboard"},"Copy"):null,e.createElement(e.Suspense,{fallback:e.createElement("pre",{"data-code-block":!0,className:"suspense-fallback"},w)},e.createElement(i,{code:w,language:b,theme:void 0},(function(t){var r=t.className,n=t.tokens,o=t.getLineProps,a=t.getTokenProps;return e.createElement("pre",{ref:s,className:r},n.map((function(t,r){return e.createElement("div",o({line:t,key:r}),h&&e.createElement("span",{className:"line-numbers"},r+1),e.createElement("span",{className:"l-o-c"},t.map((function(t,r){return e.createElement("span",a({token:t,key:r}))}))))})))}))))}));exports.CodeBlock=u;

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -2,8 +2,9 @@ import React from "react";
 import { CommonAndHTMLProps } from "../Element/constants";
 export interface CodeBlockCustomProps {
     source?: object | string;
-    language?: string;
+    language?: string | undefined;
     showCopyButton?: boolean;
+    showLineNumbers?: boolean;
 }
 export type CodeBlockElementType = HTMLPreElement;
 export type CodeBlockProps = Omit<CommonAndHTMLProps<CodeBlockElementType>, keyof CodeBlockCustomProps> & CodeBlockCustomProps;

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,16 +1,17 @@
 import e, { useState as t, Suspense as r } from "react";
 import { Element as n } from "../Element/Element.js";
 import { Button as o } from "../Button/Button.js";
-var a = ["children", "source", "language", "showCopyButton"];
-function l() {
-  return l = Object.assign ? Object.assign.bind() : function(e2) {
+import { Badge as a } from "../Badge/Badge.js";
+var l = ["children", "source", "language", "showCopyButton", "showLineNumbers"];
+function i() {
+  return i = Object.assign ? Object.assign.bind() : function(e2) {
     for (var t2 = 1; t2 < arguments.length; t2++) {
       var r2 = arguments[t2];
       for (var n2 in r2)
         Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
     }
     return e2;
-  }, l.apply(this, arguments);
+  }, i.apply(this, arguments);
 }
 function c(e2) {
   return (c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e3) {
@@ -19,57 +20,57 @@ function c(e2) {
     return e3 && "function" == typeof Symbol && e3.constructor === Symbol && e3 !== Symbol.prototype ? "symbol" : typeof e3;
   })(e2);
 }
-function i(e2, t2) {
+function u(e2, t2) {
   return function(e3) {
     if (Array.isArray(e3))
       return e3;
   }(e2) || function(e3, t3) {
     var r2 = null == e3 ? null : "undefined" != typeof Symbol && e3[Symbol.iterator] || e3["@@iterator"];
     if (null != r2) {
-      var n2, o2, a2, l2, c2 = [], i2 = true, u2 = false;
+      var n2, o2, a2, l2, i2 = [], c2 = true, u2 = false;
       try {
         if (a2 = (r2 = r2.call(e3)).next, 0 === t3) {
           if (Object(r2) !== r2)
             return;
-          i2 = false;
+          c2 = false;
         } else
-          for (; !(i2 = (n2 = a2.call(r2)).done) && (c2.push(n2.value), c2.length !== t3); i2 = true)
+          for (; !(c2 = (n2 = a2.call(r2)).done) && (i2.push(n2.value), i2.length !== t3); c2 = true)
             ;
       } catch (e4) {
         u2 = true, o2 = e4;
       } finally {
         try {
-          if (!i2 && null != r2.return && (l2 = r2.return(), Object(l2) !== l2))
+          if (!c2 && null != r2.return && (l2 = r2.return(), Object(l2) !== l2))
             return;
         } finally {
           if (u2)
             throw o2;
         }
       }
-      return c2;
+      return i2;
     }
   }(e2, t2) || function(e3, t3) {
     if (!e3)
       return;
     if ("string" == typeof e3)
-      return u(e3, t3);
+      return s(e3, t3);
     var r2 = Object.prototype.toString.call(e3).slice(8, -1);
     "Object" === r2 && e3.constructor && (r2 = e3.constructor.name);
     if ("Map" === r2 || "Set" === r2)
       return Array.from(e3);
     if ("Arguments" === r2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2))
-      return u(e3, t3);
+      return s(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 u(e2, t2) {
+function s(e2, t2) {
   (null == t2 || t2 > e2.length) && (t2 = e2.length);
   for (var r2 = 0, n2 = new Array(t2); r2 < t2; r2++)
     n2[r2] = e2[r2];
   return n2;
 }
-function f(e2, t2) {
+function m(e2, t2) {
   if (null == e2)
     return {};
   var r2, n2, o2 = function(e3, t3) {
@@ -87,7 +88,7 @@ function f(e2, t2) {
   }
   return o2;
 }
-var s = /* @__PURE__ */ e.lazy(function() {
+var f = /* @__PURE__ */ e.lazy(function() {
   return import("prism-react-renderer").then(function(t2) {
     if (t2.Highlight)
       return { default: t2.Highlight };
@@ -97,25 +98,27 @@ var s = /* @__PURE__ */ e.lazy(function() {
       return e.createElement("pre", { "data-code-block": true, className: "module-fallback" }, r2);
     } };
   });
-}), m = /* @__PURE__ */ e.forwardRef(function(u2, m2) {
-  var p = u2.children, y = u2.source, d = u2.language, b = void 0 === d ? "json" : d, g = u2.showCopyButton, h = f(u2, a), v = i(t(false), 2), k = v[0], O = v[1], j = "string" == typeof p ? p : e.Children.toArray(p).join("");
-  return p || (j = "object" === c(y) ? JSON.stringify(y, null, 2) : null != y ? y : ""), /* @__PURE__ */ e.createElement(n, l({ "data-code-block": true, as: "div" }, h), g ? k ? /* @__PURE__ */ e.createElement(o, { className: "code-block-copy-button", size: "tiny", shape: "rounded", bgColor: "green-light-80", borderColour: "green-dark-20", textColour: "green-dark-20" }, "COPIED!") : /* @__PURE__ */ e.createElement(o, { className: "code-block-copy-button", size: "tiny", shape: "rounded", bgColor: "transparent", borderColour: "blue-light-40", textColour: "blue", onClick: function() {
-    navigator.clipboard.writeText(j).then(function() {
-      O(true), setTimeout(function() {
-        return O(false);
+}), p = /* @__PURE__ */ e.forwardRef(function(s2, p2) {
+  var y = s2.children, d = s2.source, b = s2.language, h = void 0 === b ? "json" : b, g = s2.showCopyButton, v = s2.showLineNumbers, j = m(s2, l), k = u(t(false), 2), O = k[0], w = k[1], E = "string" == typeof y ? y : e.Children.toArray(y).join("");
+  y || (E = "object" === c(d) ? JSON.stringify(d, null, 2) : null != d ? d : "");
+  var N = [];
+  return v && N.push("show-line-numbers"), /* @__PURE__ */ e.createElement(n, i({ "data-code-block": true, as: "div", classNames: N }, j), g ? O ? /* @__PURE__ */ e.createElement(a, { className: "code-block-copied-badge", size: "tiny", shape: "rounded", "aria-live": "polite" }, "Copied!") : /* @__PURE__ */ e.createElement(o, { type: "button", className: "code-block-copy-button", size: "tiny", shape: "rounded", onClick: function() {
+    navigator.clipboard.writeText(E).then(function() {
+      w(true), setTimeout(function() {
+        return w(false);
       }, 3e3);
     }).catch(function(e2) {
       console.error("Could not copy text: ", e2);
     });
-  } }, "Copy") : null, /* @__PURE__ */ e.createElement(r, { fallback: /* @__PURE__ */ e.createElement("pre", { "data-code-block": true, className: "suspense-fallback" }, j) }, /* @__PURE__ */ e.createElement(s, { code: j, language: b, theme: void 0 }, function(t2) {
+  }, role: "button", "aria-label": "Copy code to clipboard" }, "Copy") : null, /* @__PURE__ */ e.createElement(r, { fallback: /* @__PURE__ */ e.createElement("pre", { "data-code-block": true, className: "suspense-fallback" }, E) }, /* @__PURE__ */ e.createElement(f, { code: E, language: h, theme: void 0 }, function(t2) {
     var r2 = t2.className, n2 = t2.tokens, o2 = t2.getLineProps, a2 = t2.getTokenProps;
-    return e.createElement("pre", { ref: m2, className: r2 }, n2.map(function(t3, r3) {
-      return e.createElement("div", o2({ line: t3, key: r3 }), t3.map(function(t4, r4) {
+    return e.createElement("pre", { ref: p2, className: r2 }, n2.map(function(t3, r3) {
+      return e.createElement("div", o2({ line: t3, key: r3 }), v && /* @__PURE__ */ e.createElement("span", { className: "line-numbers" }, r3 + 1), /* @__PURE__ */ e.createElement("span", { className: "l-o-c" }, t3.map(function(t4, r4) {
         return e.createElement("span", a2({ token: t4, key: r4 }));
-      }));
+      })));
     }));
   })));
 });
 export {
-  m as CodeBlock
+  p as CodeBlock
 };

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

@@ -8,3 +8,9 @@ export declare const CSS: Story;
 export declare const Python: Story;
 export declare const Go: Story;
 export declare const CSharp: Story;
+export declare const TypeScript: Story;
+export declare const JSON: Story;
+export declare const Swift: Story;
+export declare const Kotlin: Story;
+export declare const GraphQL: Story;
+export declare const YAML: Story;

package/dist/components/CodeBlock/index.cjs

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

package/dist/components/CodeBlock/index.js

@@ -2,6 +2,7 @@ import { CodeBlock } from "./CodeBlock.js";
 import "react";
 import "../Element/Element.js";
 import "../Button/Button.js";
+import "../Badge/Badge.js";
 export {
   CodeBlock
 };

package/dist/components/Element/Element.cjs

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