fictoan-react 1.2.0 → 1.2.3

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"];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,f,y=u.children,m=u.source,d=u.language,b=void 0===d?"json":d,g=u.showCopyButton,h=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),O=(p=e.useState(!1),f=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,f)||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,f)||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=O[0],v=O[1],k="string"==typeof y?y:e.Children.toArray(y).join("");return y||(k="object"===l(m)?JSON.stringify(m,null,2):null!=m?m:""),e.createElement(t.Element,a({"data-code-block":!0,as:"div"},h),g?j?e.createElement(n.Badge,{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,{type:"button",className:"code-block-copy-button",size:"tiny",shape:"rounded",bgColor:"transparent",borderColour:"blue-light-40",textColour:"blue",onClick:function(){navigator.clipboard.writeText(k).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"},k)},e.createElement(i,{code:k,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}),t.map((function(t,r){return e.createElement("span",a({token:t,key:r}))})))})))}))))}));exports.CodeBlock=u;

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,25 +1,26 @@
 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"];
+function c() {
+  return c = 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);
+  }, c.apply(this, arguments);
 }
-function c(e2) {
-  return (c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e3) {
+function i(e2) {
+  return (i = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e3) {
     return typeof e3;
   } : function(e3) {
     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;
@@ -52,24 +53,24 @@ function i(e2, t2) {
     if (!e3)
       return;
     if ("string" == typeof e3)
-      return u(e3, t3);
+      return f(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 f(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 f(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 s(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 m = /* @__PURE__ */ e.lazy(function() {
   return import("prism-react-renderer").then(function(t2) {
     if (t2.Highlight)
       return { default: t2.Highlight };
@@ -97,19 +98,19 @@ 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() {
+}), p = /* @__PURE__ */ e.forwardRef(function(f2, p2) {
+  var y = f2.children, d = f2.source, b = f2.language, g = void 0 === b ? "json" : b, h = f2.showCopyButton, v = s(f2, l), k = u(t(false), 2), j = k[0], O = k[1], C = "string" == typeof y ? y : e.Children.toArray(y).join("");
+  return y || (C = "object" === i(d) ? JSON.stringify(d, null, 2) : null != d ? d : ""), /* @__PURE__ */ e.createElement(n, c({ "data-code-block": true, as: "div" }, v), h ? j ? /* @__PURE__ */ e.createElement(a, { 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, { type: "button", className: "code-block-copy-button", size: "tiny", shape: "rounded", bgColor: "transparent", borderColour: "blue-light-40", textColour: "blue", onClick: function() {
+    navigator.clipboard.writeText(C).then(function() {
       O(true), setTimeout(function() {
         return O(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) {
+  } }, "Copy") : null, /* @__PURE__ */ e.createElement(r, { fallback: /* @__PURE__ */ e.createElement("pre", { "data-code-block": true, className: "suspense-fallback" }, C) }, /* @__PURE__ */ e.createElement(m, { code: C, language: g, 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("pre", { ref: p2, 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 }));
       }));
@@ -117,5 +118,5 @@ var s = /* @__PURE__ */ e.lazy(function() {
   })));
 });
 export {
-  m as CodeBlock
+  p as CodeBlock
 };

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;

package/dist/components/Element/Element.js

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

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

@@ -67,5 +67,6 @@ export interface CommonAndHTMLProps<T extends {}> extends CommonProps, Omit<HTML
 export interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "ref" | "shape"> {
     as?: ElementType;
     className?: string;
+    ariaLabel?: string;
 }
 export {};

package/dist/components/Form/Range/Range.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs"),t=require("../../Element/Tags.cjs"),n=require("../../Typography/Text.cjs");var a=["label","value","suffix"];function l(){return l=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},l.apply(this,arguments)}var u=e.forwardRef((function(u,o){var i=u.label,c=u.value,f=u.suffix,s=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}(u,a);return e.createElement(t.Div,{"data-range":!0},i&&e.createElement(t.Div,{"data-range-meta":!0},e.createElement(n.Text,null,i),e.createElement(n.Text,null,c,f&&f)),e.createElement(r.Element,l({as:"input",type:"range",value:c,ref:o},s)))}));exports.Range=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs"),t=require("../../Element/Tags.cjs"),n=require("../BaseInputComponent/BaseInputComponent.cjs"),a=require("../InputLabel/InputLabel.cjs"),l=require("../../Typography/Text.cjs");require("../FormItem/FormItem.cjs");var u=["label","value","suffix"];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)}var s=e.forwardRef((function(s,c){var i=s.label,p=s.value,m=s.suffix,f=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}(s,u);return e.createElement(r.Element,{"data-range":!0,ref:c},i&&e.createElement(t.Div,{"data-range-meta":!0},e.createElement(a.InputLabel,{className:"range-label",label:i,htmlFor:f.id}),e.createElement(l.Text,{className:"range-value"},p,m&&m)),e.createElement(n.BaseInputComponent,o({as:"input",type:"range",value:p},f)))}));exports.Range=s;