fictoan-react 1.2.1 → 1.2.4

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;

package/dist/components/Form/Range/Range.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { BaseInputComponentProps } from "../BaseInputComponent/constants";
+import { CommonAndHTMLProps } from "../../Element/constants";
+import { InputCommonProps } from "../BaseInputComponent/constants";
 export interface RangeCustomProps {
     min?: number;
     max?: number;
@@ -7,5 +8,5 @@ export interface RangeCustomProps {
     suffix?: string;
 }
 export type RangeElementType = HTMLInputElement;
-export type RangeProps = Omit<BaseInputComponentProps<RangeElementType>, "as"> & RangeCustomProps;
-export declare const Range: React.ForwardRefExoticComponent<Omit<BaseInputComponentProps<HTMLInputElement>, "as"> & RangeCustomProps & React.RefAttributes<HTMLInputElement>>;
+export type RangeProps = CommonAndHTMLProps<RangeElementType> & InputCommonProps & RangeCustomProps;
+export declare const Range: React.ForwardRefExoticComponent<CommonAndHTMLProps<HTMLInputElement> & InputCommonProps & RangeCustomProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Form/Range/Range.js

@@ -1,39 +1,42 @@
 import e from "react";
 import { Element as r } from "../../Element/Element.js";
 import { Div as t } from "../../Element/Tags.js";
-import { Text as n } from "../../Typography/Text.js";
-var a = ["label", "value", "suffix"];
-function l() {
-  return l = Object.assign ? Object.assign.bind() : function(e2) {
+import { BaseInputComponent as n } from "../BaseInputComponent/BaseInputComponent.js";
+import { InputLabel as a } from "../InputLabel/InputLabel.js";
+import { Text as o } from "../../Typography/Text.js";
+import "../FormItem/FormItem.js";
+var l = ["label", "value", "suffix"];
+function m() {
+  return m = Object.assign ? Object.assign.bind() : function(e2) {
     for (var r2 = 1; r2 < arguments.length; r2++) {
       var t2 = arguments[r2];
       for (var n2 in t2)
         Object.prototype.hasOwnProperty.call(t2, n2) && (e2[n2] = t2[n2]);
     }
     return e2;
-  }, l.apply(this, arguments);
+  }, m.apply(this, arguments);
 }
-function o(e2, r2) {
+function p(e2, r2) {
   if (null == e2)
     return {};
   var t2, n2, a2 = function(e3, r3) {
     if (null == e3)
       return {};
-    var t3, n3, a3 = {}, l3 = Object.keys(e3);
-    for (n3 = 0; n3 < l3.length; n3++)
-      t3 = l3[n3], r3.indexOf(t3) >= 0 || (a3[t3] = e3[t3]);
+    var t3, n3, a3 = {}, o3 = Object.keys(e3);
+    for (n3 = 0; n3 < o3.length; n3++)
+      t3 = o3[n3], r3.indexOf(t3) >= 0 || (a3[t3] = e3[t3]);
     return a3;
   }(e2, r2);
   if (Object.getOwnPropertySymbols) {
-    var l2 = Object.getOwnPropertySymbols(e2);
-    for (n2 = 0; n2 < l2.length; n2++)
-      t2 = l2[n2], r2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, t2) && (a2[t2] = e2[t2]);
+    var o2 = Object.getOwnPropertySymbols(e2);
+    for (n2 = 0; n2 < o2.length; n2++)
+      t2 = o2[n2], r2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, t2) && (a2[t2] = e2[t2]);
   }
   return a2;
 }
-var f = /* @__PURE__ */ e.forwardRef(function(f2, u) {
-  var i = f2.label, c = f2.value, m = f2.suffix, p = o(f2, a);
-  return e.createElement(t, { "data-range": true }, i && /* @__PURE__ */ e.createElement(t, { "data-range-meta": true }, /* @__PURE__ */ e.createElement(n, null, i), /* @__PURE__ */ e.createElement(n, null, c, m && m)), /* @__PURE__ */ e.createElement(r, l({ as: "input", type: "range", value: c, ref: u }, p)));
+var f = /* @__PURE__ */ e.forwardRef(function(f2, i) {
+  var s = f2.label, u = f2.value, c = f2.suffix, b = p(f2, l);
+  return e.createElement(r, { "data-range": true, ref: i }, s && /* @__PURE__ */ e.createElement(t, { "data-range-meta": true }, /* @__PURE__ */ e.createElement(a, { className: "range-label", label: s, htmlFor: b.id }), /* @__PURE__ */ e.createElement(o, { className: "range-value" }, u, c && c)), /* @__PURE__ */ e.createElement(n, m({ as: "input", type: "range", value: u }, b)));
 });
 export {
   f as Range

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Range.cjs");require("react"),require("../../Element/Element.cjs"),require("../../Element/Tags.cjs"),require("../../Typography/Text.cjs"),exports.Range=e.Range;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Range.cjs");require("react"),require("../../Element/Element.cjs"),require("../../Element/Tags.cjs"),require("../BaseInputComponent/BaseInputComponent.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs"),require("../../Typography/Text.cjs"),exports.Range=e.Range;

package/dist/components/Form/Range/index.js

@@ -2,6 +2,9 @@ import { Range } from "./Range.js";
 import "react";
 import "../../Element/Element.js";
 import "../../Element/Tags.js";
+import "../BaseInputComponent/BaseInputComponent.js";
+import "../InputLabel/InputLabel.js";
+import "../FormItem/FormItem.js";
 import "../../Typography/Text.js";
 export {
   Range

package/dist/components/Table/TablePagination/TablePagination.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),n=require("../../Element/Tags.cjs"),a=require("../../Typography/Text.cjs"),r=require("../../Typography/Heading.cjs"),i=require("../../Spinner/Spinner.cjs");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const o=c(e),l=e=>o.createElement("svg",{viewBox:"0 0 24 24",...e},o.createElement("path",{d:"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"})),s=e=>o.createElement("svg",{viewBox:"0 0 24 24",...e},o.createElement("path",{d:"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"}));var g=["pageIndex","rangeStart","rangeEnd","hasPreviousPage","hasNextPage","totalRecords","isLoading","loadingText","emptyText","onPageChange"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},m.apply(this,arguments)}var u=e.forwardRef((function(c,o){var u=c.pageIndex,p=c.rangeStart,f=c.rangeEnd,v=c.hasPreviousPage,d=c.hasNextPage,E=c.totalRecords,y=c.isLoading,b=c.loadingText,h=c.emptyText,x=c.onPageChange,O=function(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(c,g);return e.createElement(t.Element,m({as:"div","data-table-pagination":!0,ref:o},O),e.createElement(n.Div,{className:"vertically-centre-items",marginBottom:"none"},0===E?e.createElement(r.Heading,{as:"h6",marginRight:"nano"},h||"No records"):e.createElement(r.Heading,{as:"h6",marginRight:"nano"},p," – ",f,E?" of ".concat(E):""),e.createElement(n.Div,{classNames:["nav-icon","".concat(0===u&&"is-inactive")]},e.createElement(l,{onClick:function(){return 0!==u&&x(0)}}),e.createElement("span",null,"First page")),e.createElement(n.Div,{classNames:["nav-icon","".concat(!v&&"is-inactive")]},e.createElement(l,{onClick:function(){return v&&x(u-1)}}),e.createElement("span",null,"Previous")),e.createElement(a.Text,{marginLeft:"nano",marginRight:"nano"},u+1),e.createElement(n.Div,{classNames:["nav-icon","".concat(!d&&"is-inactive")]},e.createElement(s,{onClick:function(){return d&&x(u+1)}}),e.createElement("span",null,"Next")),y&&e.createElement(n.Div,{marginLeft:"nano",className:"vertically-centre-items"},e.createElement(i.Spinner,null),b&&e.createElement(a.Text,{size:"small",marginLeft:"nano"},b))))}));exports.TablePagination=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),n=require("../../Element/Tags.cjs"),a=require("../../Typography/Text.cjs"),r=require("../../Typography/Heading.cjs"),i=require("../../Spinner/Spinner.cjs");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const o=c(e),l=e=>o.createElement("svg",{viewBox:"0 0 24 24",...e},o.createElement("path",{d:"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"})),s=e=>o.createElement("svg",{viewBox:"0 0 24 24",...e},o.createElement("path",{d:"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"}));var g=["pageIndex","rangeStart","rangeEnd","hasPreviousPage","hasNextPage","totalRecords","isLoading","loadingText","emptyText","onPageChange"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},m.apply(this,arguments)}var u=e.forwardRef((function(c,o){var u=c.pageIndex,p=c.rangeStart,f=c.rangeEnd,v=c.hasPreviousPage,d=c.hasNextPage,E=c.totalRecords,y=c.isLoading,b=c.loadingText,h=c.emptyText,x=c.onPageChange,O=function(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(c,g);return e.createElement(t.Element,m({as:"div","data-table-pagination":!0,ref:o},O),e.createElement(n.Div,{className:"vertically-centre-items",marginBottom:"none"},0===E?e.createElement(r.Heading6,{marginRight:"nano"},h||"No records"):e.createElement(r.Heading6,{marginRight:"nano"},p," – ",f,E?" of ".concat(E):""),e.createElement(n.Div,{classNames:["nav-icon","".concat(0===u&&"is-inactive")]},e.createElement(l,{onClick:function(){return 0!==u&&x(0)}}),e.createElement("span",null,"First page")),e.createElement(n.Div,{classNames:["nav-icon","".concat(!v&&"is-inactive")]},e.createElement(l,{onClick:function(){return v&&x(u-1)}}),e.createElement("span",null,"Previous")),e.createElement(a.Text,{marginLeft:"nano",marginRight:"nano"},u+1),e.createElement(n.Div,{classNames:["nav-icon","".concat(!d&&"is-inactive")]},e.createElement(s,{onClick:function(){return d&&x(u+1)}}),e.createElement("span",null,"Next")),y&&e.createElement(n.Div,{marginLeft:"nano",className:"vertically-centre-items"},e.createElement(i.Spinner,null),b&&e.createElement(a.Text,{size:"small",marginLeft:"nano"},b))))}));exports.TablePagination=u;

package/dist/components/Table/TablePagination/TablePagination.js

@@ -3,7 +3,7 @@ import t from "react";
 import { Element as n } from "../../Element/Element.js";
 import { Div as a } from "../../Element/Tags.js";
 import { Text as r } from "../../Typography/Text.js";
-import { Heading as o } from "../../Typography/Heading.js";
+import { Heading6 as o } from "../../Typography/Heading.js";
 import { Spinner as i } from "../../Spinner/Spinner.js";
 const c = (t2) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", ...t2 }, /* @__PURE__ */ e.createElement("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z" })), l = (t2) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", ...t2 }, /* @__PURE__ */ e.createElement("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" }));
 var m = ["pageIndex", "rangeStart", "rangeEnd", "hasPreviousPage", "hasNextPage", "totalRecords", "isLoading", "loadingText", "emptyText", "onPageChange"];
@@ -37,7 +37,7 @@ function g(e2, t2) {
 }
 var p = /* @__PURE__ */ t.forwardRef(function(e2, p2) {
   var f = e2.pageIndex, u = e2.rangeStart, E = e2.rangeEnd, v = e2.hasPreviousPage, d = e2.hasNextPage, h = e2.totalRecords, y = e2.isLoading, x = e2.loadingText, b = e2.emptyText, j = e2.onPageChange, O = g(e2, m);
-  return t.createElement(n, s({ as: "div", "data-table-pagination": true, ref: p2 }, O), /* @__PURE__ */ t.createElement(a, { className: "vertically-centre-items", marginBottom: "none" }, 0 === h ? /* @__PURE__ */ t.createElement(o, { as: "h6", marginRight: "nano" }, b || "No records") : /* @__PURE__ */ t.createElement(o, { as: "h6", marginRight: "nano" }, u, " – ", E, h ? " of ".concat(h) : ""), /* @__PURE__ */ t.createElement(a, { classNames: ["nav-icon", "".concat(0 === f && "is-inactive")] }, /* @__PURE__ */ t.createElement(c, { onClick: function() {
+  return t.createElement(n, s({ as: "div", "data-table-pagination": true, ref: p2 }, O), /* @__PURE__ */ t.createElement(a, { className: "vertically-centre-items", marginBottom: "none" }, 0 === h ? /* @__PURE__ */ t.createElement(o, { marginRight: "nano" }, b || "No records") : /* @__PURE__ */ t.createElement(o, { marginRight: "nano" }, u, " – ", E, h ? " of ".concat(h) : ""), /* @__PURE__ */ t.createElement(a, { classNames: ["nav-icon", "".concat(0 === f && "is-inactive")] }, /* @__PURE__ */ t.createElement(c, { onClick: function() {
     return 0 !== f && j(0);
   } }), /* @__PURE__ */ t.createElement("span", null, "First page")), /* @__PURE__ */ t.createElement(a, { classNames: ["nav-icon", "".concat(!v && "is-inactive")] }, /* @__PURE__ */ t.createElement(c, { onClick: function() {
     return v && j(f - 1);

package/dist/components/Typography/Heading.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var r=["as","weight","fontStyle","align"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var o=e.forwardRef((function(o,a){var i=o.as,s=o.weight,c=o.fontStyle,l=void 0===c?"sans-serif":c,u=o.align,f=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}(o,r),p=[];return s&&p.push("weight-".concat(s)),l&&p.push("font-".concat(l)),u&&p.push("text-".concat(u)),e.createElement(t.Element,n({as:i,ref:a,classNames:p},f))}));exports.Heading=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["fontStyle","weight","align"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=e.forwardRef((function(a,o){var f=a.fontStyle,c=void 0===f?"sans-serif":f,i=a.weight,s=a.align,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}(a,t),l=[];return i&&l.push("weight-".concat(i)),c&&l.push("font-".concat(c)),s&&l.push("text-".concat(s)),e.createElement(r.Element,n({ref:o,classNames:l},u))})),o=e.forwardRef((function(r,t){return e.createElement(a,n({as:"h1",ref:t},r))})),f=e.forwardRef((function(r,t){return e.createElement(a,n({as:"h2",ref:t},r))})),c=e.forwardRef((function(r,t){return e.createElement(a,n({as:"h3",ref:t},r))})),i=e.forwardRef((function(r,t){return e.createElement(a,n({as:"h4",ref:t},r))})),s=e.forwardRef((function(r,t){return e.createElement(a,n({as:"h5",ref:t},r))})),u=e.forwardRef((function(r,t){return e.createElement(a,n({as:"h6",ref:t},r))}));exports.Heading1=o,exports.Heading2=f,exports.Heading3=c,exports.Heading4=i,exports.Heading5=s,exports.Heading6=u;

package/dist/components/Typography/Heading.d.ts

@@ -1,11 +1,17 @@
 import React from "react";
 import { CommonAndHTMLProps, WeightTypes } from "../Element/constants";
-export interface HeadingCustomProps {
-    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+interface HeadingBaseProps {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     fontStyle?: "sans-serif" | "serif" | "monospace";
     weight?: WeightTypes;
     align?: "left" | "centre" | "center" | "right";
 }
 export type HeadingElementType = HTMLHeadingElement;
-export type HeadingProps = Omit<CommonAndHTMLProps<HeadingElementType>, keyof HeadingCustomProps> & HeadingCustomProps;
-export declare const Heading: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHeadingElement>, keyof HeadingCustomProps> & HeadingCustomProps & React.RefAttributes<HTMLHeadingElement>>;
+export type HeadingProps = Omit<CommonAndHTMLProps<HeadingElementType>, keyof HeadingBaseProps> & HeadingBaseProps;
+export declare const Heading1: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHeadingElement>, keyof HeadingBaseProps> & HeadingBaseProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading2: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHeadingElement>, keyof HeadingBaseProps> & HeadingBaseProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading3: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHeadingElement>, keyof HeadingBaseProps> & HeadingBaseProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading4: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHeadingElement>, keyof HeadingBaseProps> & HeadingBaseProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading5: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHeadingElement>, keyof HeadingBaseProps> & HeadingBaseProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading6: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLHeadingElement>, keyof HeadingBaseProps> & HeadingBaseProps & React.RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/components/Typography/Heading.js

@@ -1,38 +1,55 @@
-import t from "react";
-import { Element as e } from "../Element/Element.js";
-var r = ["as", "weight", "fontStyle", "align"];
+import e from "react";
+import { Element as r } from "../Element/Element.js";
+var t = ["fontStyle", "weight", "align"];
 function n() {
-  return n = Object.assign ? Object.assign.bind() : function(t2) {
-    for (var e2 = 1; e2 < arguments.length; e2++) {
-      var r2 = arguments[e2];
-      for (var n2 in r2)
-        Object.prototype.hasOwnProperty.call(r2, n2) && (t2[n2] = r2[n2]);
+  return n = Object.assign ? Object.assign.bind() : function(e2) {
+    for (var r2 = 1; r2 < arguments.length; r2++) {
+      var t2 = arguments[r2];
+      for (var n2 in t2)
+        Object.prototype.hasOwnProperty.call(t2, n2) && (e2[n2] = t2[n2]);
     }
-    return t2;
+    return e2;
   }, n.apply(this, arguments);
 }
-function o(t2, e2) {
-  if (null == t2)
+function f(e2, r2) {
+  if (null == e2)
     return {};
-  var r2, n2, o2 = function(t3, e3) {
-    if (null == t3)
+  var t2, n2, f2 = function(e3, r3) {
+    if (null == e3)
       return {};
-    var r3, n3, o3 = {}, a3 = Object.keys(t3);
+    var t3, n3, f3 = {}, a3 = Object.keys(e3);
     for (n3 = 0; n3 < a3.length; n3++)
-      r3 = a3[n3], e3.indexOf(r3) >= 0 || (o3[r3] = t3[r3]);
-    return o3;
-  }(t2, e2);
+      t3 = a3[n3], r3.indexOf(t3) >= 0 || (f3[t3] = e3[t3]);
+    return f3;
+  }(e2, r2);
   if (Object.getOwnPropertySymbols) {
-    var a2 = Object.getOwnPropertySymbols(t2);
+    var a2 = Object.getOwnPropertySymbols(e2);
     for (n2 = 0; n2 < a2.length; n2++)
-      r2 = a2[n2], e2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(t2, r2) && (o2[r2] = t2[r2]);
+      t2 = a2[n2], r2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, t2) && (f2[t2] = e2[t2]);
   }
-  return o2;
+  return f2;
 }
-var a = /* @__PURE__ */ t.forwardRef(function(a2, i) {
-  var c = a2.as, f = a2.weight, l = a2.fontStyle, s = void 0 === l ? "sans-serif" : l, u = a2.align, p = o(a2, r), g = [];
-  return f && g.push("weight-".concat(f)), s && g.push("font-".concat(s)), u && g.push("text-".concat(u)), /* @__PURE__ */ t.createElement(e, n({ as: c, ref: i, classNames: g }, p));
+var a = /* @__PURE__ */ e.forwardRef(function(a2, o2) {
+  var c2 = a2.fontStyle, i2 = void 0 === c2 ? "sans-serif" : c2, u2 = a2.weight, l2 = a2.align, s2 = f(a2, t), h = [];
+  return u2 && h.push("weight-".concat(u2)), i2 && h.push("font-".concat(i2)), l2 && h.push("text-".concat(l2)), /* @__PURE__ */ e.createElement(r, n({ ref: o2, classNames: h }, s2));
+}), o = /* @__PURE__ */ e.forwardRef(function(r2, t2) {
+  return e.createElement(a, n({ as: "h1", ref: t2 }, r2));
+}), c = /* @__PURE__ */ e.forwardRef(function(r2, t2) {
+  return e.createElement(a, n({ as: "h2", ref: t2 }, r2));
+}), i = /* @__PURE__ */ e.forwardRef(function(r2, t2) {
+  return e.createElement(a, n({ as: "h3", ref: t2 }, r2));
+}), u = /* @__PURE__ */ e.forwardRef(function(r2, t2) {
+  return e.createElement(a, n({ as: "h4", ref: t2 }, r2));
+}), l = /* @__PURE__ */ e.forwardRef(function(r2, t2) {
+  return e.createElement(a, n({ as: "h5", ref: t2 }, r2));
+}), s = /* @__PURE__ */ e.forwardRef(function(r2, t2) {
+  return e.createElement(a, n({ as: "h6", ref: t2 }, r2));
 });
 export {
-  a as Heading
+  o as Heading1,
+  c as Heading2,
+  i as Heading3,
+  u as Heading4,
+  l as Heading5,
+  s as Heading6
 };

package/dist/components/Typography/Heading.stories.d.ts

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from "@storybook/react";
-import { Heading } from "./Heading";
-declare const meta: Meta<typeof Heading>;
+import { Heading1 } from "./Heading";
+declare const meta: Meta<typeof Heading1>;
 export default meta;
-type Story = StoryObj<typeof Heading>;
+type Story = StoryObj<typeof Heading1>;
 export declare const H1: Story;
 export declare const H2: Story;
 export declare const H3: Story;

package/dist/components/Typography/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Text.cjs"),r=require("./Heading.cjs");require("react"),require("../Element/Element.cjs"),exports.Text=e.Text,exports.Heading=r.Heading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Text.cjs"),r=require("./Heading.cjs");require("react"),require("../Element/Element.cjs"),exports.Text=e.Text,exports.Heading1=r.Heading1,exports.Heading2=r.Heading2,exports.Heading3=r.Heading3,exports.Heading4=r.Heading4,exports.Heading5=r.Heading5,exports.Heading6=r.Heading6;

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

@@ -1,2 +1,2 @@
 export { Text, type TextProps } from "./Text";
-export { Heading, type HeadingProps } from "./Heading";
+export { Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, type HeadingProps } from "./Heading";

package/dist/components/Typography/index.js

@@ -1,8 +1,13 @@
 import { Text } from "./Text.js";
-import { Heading } from "./Heading.js";
+import { Heading1, Heading2, Heading3, Heading4, Heading5, Heading6 } from "./Heading.js";
 import "react";
 import "../Element/Element.js";
 export {
-  Heading,
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Heading5,
+  Heading6,
   Text
 };

package/dist/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/Accordion.cjs"),r=require("./Badge/Badge.cjs"),o=require("./Drawer/Drawer.cjs"),t=require("./Button/Button.cjs"),i=require("./Breadcrumbs/Breadcrumbs/Breadcrumbs.cjs"),a=require("./Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs"),s=require("./Callout/Callout.cjs"),p=require("./Card/Card.cjs"),c=require("./CodeBlock/CodeBlock.cjs"),d=require("./ContentWrapper/ContentWrapper.cjs"),u=require("./Divider/Divider.cjs"),n=require("./Element/Element.cjs"),m=require("./Element/Tags.cjs"),x=require("./Form/Checkbox/Checkbox.cjs"),b=require("./Form/InputField/FileUpload.cjs"),l=require("./Form/Form/Form.cjs"),j=require("./Form/FormItem/FormItem.cjs"),q=require("./Form/FormItemGroup/FormItemGroup.cjs"),S=require("./Form/InputField/InputField.cjs"),I=require("./Form/InputLabel/InputLabel.cjs"),F=require("./Form/PinInputField/PinInputField.cjs"),T=require("./Form/RadioButton/RadioButton.cjs"),B=require("./Form/RadioButton/RadioGroup.cjs"),C=require("./Form/Range/Range.cjs"),g=require("./Form/Select/Select.cjs"),P=require("./Form/Select/SelectWithSearch.cjs"),h=require("./Form/RadioButton/RadioTabGroup.cjs"),R=require("./Form/Checkbox/Switch.cjs"),W=require("./Form/TextArea/TextArea.cjs"),v=require("./Meter/Meter.cjs"),G=require("./Notification/NotificationsWrapper/NotificationsWrapper.cjs"),A=require("./Notification/NotificationItem/NotificationItem.cjs"),N=require("./Portion/Portion.cjs"),f=require("./ProgressBar/ProgressBar.cjs"),w=require("./Row/Row.cjs"),k=require("./OptionCard/OptionCard.cjs"),D=require("./Sidebar/SidebarWrapper/SidebarWrapper.cjs"),O=require("./Sidebar/SidebarHeader/SidebarHeader.cjs"),H=require("./Sidebar/SidebarItem/SidebarItem.cjs"),y=require("./Sidebar/SidebarItemIcon/SidebarItemIcon.cjs"),M=require("./Sidebar/SidebarItemText/SidebarItemText.cjs"),E=require("./Sidebar/SidebarFooter/SidebarFooter.cjs"),L=require("./Spinner/Spinner.cjs"),U=require("./Table/Table.cjs"),z=require("./Table/TablePagination/TablePagination.cjs"),J=require("./Tabs/Tabs.cjs"),K=require("./ThemeProvider/ThemeProvider.cjs"),Q=require("./Toast/ToastsWrapper/ToastsWrapper.cjs"),V=require("./Toast/ToastItem/ToastItem.cjs"),X=require("./Typography/Text.cjs"),Y=require("./Typography/Heading.cjs");require("react"),require("../UseClickOutside-ILhCRGTV.cjs"),require("./Form/BaseInputComponent/BaseInputComponent.cjs"),require("./Form/Form/FormGenerator.cjs"),exports.Accordion=e.Accordion,exports.Badge=r.Badge,exports.Drawer=o.Drawer,exports.Button=t.Button,exports.Breadcrumbs=i.Breadcrumbs,exports.BreadcrumbItem=a.BreadcrumbItem,exports.Callout=s.Callout,exports.Card=p.Card,exports.CodeBlock=c.CodeBlock,exports.ContentWrapper=d.ContentWrapper,exports.Divider=u.Divider,exports.Element=n.Element,exports.Article=m.Article,exports.Aside=m.Aside,exports.Body=m.Body,exports.Div=m.Div,exports.Footer=m.Footer,exports.Header=m.Header,exports.Main=m.Main,exports.Nav=m.Nav,exports.Section=m.Section,exports.Checkbox=x.Checkbox,exports.FileUpload=b.FileUpload,exports.Form=l.Form,exports.FormItem=j.FormItem,exports.FormItemGroup=q.FormItemGroup,exports.InputField=S.InputField,exports.InputLabel=I.InputLabel,exports.PinInputField=F.PinInputField,exports.RadioButton=T.RadioButton,exports.RadioGroup=B.RadioGroup,exports.Range=C.Range,exports.Select=g.Select,exports.SelectWithSearch=P.SelectWithSearch,exports.RadioTabGroup=h.RadioTabGroup,exports.Switch=R.Switch,exports.TextArea=W.TextArea,exports.Meter=v.Meter,exports.NotificationsWrapper=G.NotificationsWrapper,exports.NotificationItem=A.NotificationItem,exports.Portion=N.Portion,exports.ProgressBar=f.ProgressBar,exports.Row=w.Row,exports.OptionCard=k.OptionCard,exports.OptionCardsGroup=k.OptionCardsGroup,exports.useOptionCard=k.useOptionCard,exports.SidebarWrapper=D.SidebarWrapper,exports.SidebarHeader=O.SidebarHeader,exports.SidebarItem=H.SidebarItem,exports.SidebarItemIcon=y.SidebarItemIcon,exports.SidebarItemText=M.SidebarItemText,exports.SidebarFooter=E.SidebarFooter,exports.Spinner=L.Spinner,exports.Table=U.Table,exports.TablePagination=z.TablePagination,exports.Tabs=J.Tabs,exports.ThemeProvider=K.ThemeProvider,exports.ToastsWrapper=Q.ToastsWrapper,exports.ToastItem=V.ToastItem,exports.Text=X.Text,exports.Heading=Y.Heading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/Accordion.cjs"),r=require("./Badge/Badge.cjs"),o=require("./Drawer/Drawer.cjs"),t=require("./Button/Button.cjs"),i=require("./Breadcrumbs/Breadcrumbs/Breadcrumbs.cjs"),a=require("./Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs"),s=require("./Callout/Callout.cjs"),p=require("./Card/Card.cjs"),d=require("./CodeBlock/CodeBlock.cjs"),c=require("./ContentWrapper/ContentWrapper.cjs"),n=require("./Divider/Divider.cjs"),u=require("./Element/Element.cjs"),m=require("./Element/Tags.cjs"),x=require("./Form/Checkbox/Checkbox.cjs"),b=require("./Form/InputField/FileUpload.cjs"),l=require("./Form/Form/Form.cjs"),j=require("./Form/FormItem/FormItem.cjs"),q=require("./Form/FormItemGroup/FormItemGroup.cjs"),S=require("./Form/InputField/InputField.cjs"),I=require("./Form/InputLabel/InputLabel.cjs"),F=require("./Form/PinInputField/PinInputField.cjs"),T=require("./Form/RadioButton/RadioButton.cjs"),B=require("./Form/RadioButton/RadioGroup.cjs"),g=require("./Form/Range/Range.cjs"),C=require("./Form/Select/Select.cjs"),P=require("./Form/Select/SelectWithSearch.cjs"),h=require("./Form/RadioButton/RadioTabGroup.cjs"),R=require("./Form/Checkbox/Switch.cjs"),H=require("./Form/TextArea/TextArea.cjs"),W=require("./Meter/Meter.cjs"),v=require("./Notification/NotificationsWrapper/NotificationsWrapper.cjs"),G=require("./Notification/NotificationItem/NotificationItem.cjs"),A=require("./Portion/Portion.cjs"),N=require("./ProgressBar/ProgressBar.cjs"),f=require("./Row/Row.cjs"),w=require("./OptionCard/OptionCard.cjs"),k=require("./Sidebar/SidebarWrapper/SidebarWrapper.cjs"),D=require("./Sidebar/SidebarHeader/SidebarHeader.cjs"),O=require("./Sidebar/SidebarItem/SidebarItem.cjs"),y=require("./Sidebar/SidebarItemIcon/SidebarItemIcon.cjs"),M=require("./Sidebar/SidebarItemText/SidebarItemText.cjs"),E=require("./Sidebar/SidebarFooter/SidebarFooter.cjs"),L=require("./Spinner/Spinner.cjs"),U=require("./Table/Table.cjs"),z=require("./Table/TablePagination/TablePagination.cjs"),J=require("./Tabs/Tabs.cjs"),K=require("./ThemeProvider/ThemeProvider.cjs"),Q=require("./Toast/ToastsWrapper/ToastsWrapper.cjs"),V=require("./Toast/ToastItem/ToastItem.cjs"),X=require("./Typography/Text.cjs"),Y=require("./Typography/Heading.cjs");require("react"),require("../UseClickOutside-ILhCRGTV.cjs"),require("./Form/BaseInputComponent/BaseInputComponent.cjs"),require("./Form/Form/FormGenerator.cjs"),exports.Accordion=e.Accordion,exports.Badge=r.Badge,exports.Drawer=o.Drawer,exports.Button=t.Button,exports.Breadcrumbs=i.Breadcrumbs,exports.BreadcrumbItem=a.BreadcrumbItem,exports.Callout=s.Callout,exports.Card=p.Card,exports.CodeBlock=d.CodeBlock,exports.ContentWrapper=c.ContentWrapper,exports.Divider=n.Divider,exports.Element=u.Element,exports.Article=m.Article,exports.Aside=m.Aside,exports.Body=m.Body,exports.Div=m.Div,exports.Footer=m.Footer,exports.Header=m.Header,exports.Main=m.Main,exports.Nav=m.Nav,exports.Section=m.Section,exports.Checkbox=x.Checkbox,exports.FileUpload=b.FileUpload,exports.Form=l.Form,exports.FormItem=j.FormItem,exports.FormItemGroup=q.FormItemGroup,exports.InputField=S.InputField,exports.InputLabel=I.InputLabel,exports.PinInputField=F.PinInputField,exports.RadioButton=T.RadioButton,exports.RadioGroup=B.RadioGroup,exports.Range=g.Range,exports.Select=C.Select,exports.SelectWithSearch=P.SelectWithSearch,exports.RadioTabGroup=h.RadioTabGroup,exports.Switch=R.Switch,exports.TextArea=H.TextArea,exports.Meter=W.Meter,exports.NotificationsWrapper=v.NotificationsWrapper,exports.NotificationItem=G.NotificationItem,exports.Portion=A.Portion,exports.ProgressBar=N.ProgressBar,exports.Row=f.Row,exports.OptionCard=w.OptionCard,exports.OptionCardsGroup=w.OptionCardsGroup,exports.useOptionCard=w.useOptionCard,exports.SidebarWrapper=k.SidebarWrapper,exports.SidebarHeader=D.SidebarHeader,exports.SidebarItem=O.SidebarItem,exports.SidebarItemIcon=y.SidebarItemIcon,exports.SidebarItemText=M.SidebarItemText,exports.SidebarFooter=E.SidebarFooter,exports.Spinner=L.Spinner,exports.Table=U.Table,exports.TablePagination=z.TablePagination,exports.Tabs=J.Tabs,exports.ThemeProvider=K.ThemeProvider,exports.ToastsWrapper=Q.ToastsWrapper,exports.ToastItem=V.ToastItem,exports.Text=X.Text,exports.Heading1=Y.Heading1,exports.Heading2=Y.Heading2,exports.Heading3=Y.Heading3,exports.Heading4=Y.Heading4,exports.Heading5=Y.Heading5,exports.Heading6=Y.Heading6;

package/dist/components/index.d.ts

@@ -2,7 +2,7 @@ export { Accordion, type AccordionProps } from "./Accordion";
 export { Badge, type BadgeProps } from "./Badge";
 export { Drawer, type DrawerProps } from "./Drawer";
 export { Button, type ButtonProps } from "./Button";
-export { Breadcrumbs, type BreadcrumbsWrapperProps, BreadcrumbItem, type BreadcrumbItemProps } from "./Breadcrumbs";
+export { Breadcrumbs, type BreadcrumbsProps, BreadcrumbItem, type BreadcrumbItemProps } from "./Breadcrumbs";
 export { Callout, type CalloutProps } from "./Callout";
 export { Card, type CardProps } from "./Card";
 export { CodeBlock, type CodeBlockProps } from "./CodeBlock";
@@ -23,4 +23,4 @@ export { Table, type TableProps, TablePagination, type TablePaginationProps } fr
 export { Tabs, type TabsProps } from "./Tabs";
 export { ThemeProvider, type ThemeProviderProps } from "./ThemeProvider";
 export { ToastsWrapper, type ToastsWrapperProps, ToastItem, type ToastItemProps } from "./Toast";
-export { Text, type TextProps, Heading, type HeadingProps, } from "./Typography";
+export { Text, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, type TextProps, type HeadingProps } from "./Typography";

package/dist/components/index.js

@@ -48,7 +48,7 @@ import { ThemeProvider } from "./ThemeProvider/ThemeProvider.js";
 import { ToastsWrapper } from "./Toast/ToastsWrapper/ToastsWrapper.js";
 import { ToastItem } from "./Toast/ToastItem/ToastItem.js";
 import { Text } from "./Typography/Text.js";
-import { Heading } from "./Typography/Heading.js";
+import { Heading1, Heading2, Heading3, Heading4, Heading5, Heading6 } from "./Typography/Heading.js";
 import "react";
 import "../UseClickOutside-AZnVEg3i.js";
 import "./Form/BaseInputComponent/BaseInputComponent.js";
@@ -77,7 +77,12 @@ export {
   FormItem,
   FormItemGroup,
   Header,
-  Heading,
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Heading5,
+  Heading6,
   InputField,
   InputLabel,
   Main,

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Accordion/Accordion.cjs"),r=require("./components/Badge/Badge.cjs"),o=require("./components/Drawer/Drawer.cjs"),t=require("./components/Button/Button.cjs"),s=require("./components/Breadcrumbs/Breadcrumbs/Breadcrumbs.cjs"),n=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs"),i=require("./components/Callout/Callout.cjs"),p=require("./components/Card/Card.cjs"),a=require("./components/ContentWrapper/ContentWrapper.cjs"),c=require("./components/Divider/Divider.cjs"),m=require("./components/Element/Element.cjs"),u=require("./components/Element/Tags.cjs"),d=require("./components/Form/Checkbox/Checkbox.cjs"),x=require("./components/Form/InputField/FileUpload.cjs"),b=require("./components/Form/Form/Form.cjs"),l=require("./components/Form/FormItem/FormItem.cjs"),j=require("./components/Form/FormItemGroup/FormItemGroup.cjs"),q=require("./components/Form/InputField/InputField.cjs"),S=require("./components/Form/InputLabel/InputLabel.cjs"),I=require("./components/Form/PinInputField/PinInputField.cjs"),F=require("./components/Form/RadioButton/RadioButton.cjs"),T=require("./components/Form/RadioButton/RadioGroup.cjs"),B=require("./components/Form/Range/Range.cjs"),C=require("./components/Form/Select/Select.cjs"),g=require("./components/Form/Select/SelectWithSearch.cjs"),P=require("./components/Form/RadioButton/RadioTabGroup.cjs"),h=require("./components/Form/Checkbox/Switch.cjs"),R=require("./components/Form/TextArea/TextArea.cjs"),W=require("./components/Meter/Meter.cjs"),v=require("./components/Notification/NotificationsWrapper/NotificationsWrapper.cjs"),G=require("./components/Notification/NotificationItem/NotificationItem.cjs"),A=require("./components/Portion/Portion.cjs"),N=require("./components/ProgressBar/ProgressBar.cjs"),f=require("./components/Row/Row.cjs"),w=require("./components/OptionCard/OptionCard.cjs"),D=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.cjs"),O=require("./components/Sidebar/SidebarHeader/SidebarHeader.cjs"),H=require("./components/Sidebar/SidebarItem/SidebarItem.cjs"),y=require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.cjs"),M=require("./components/Sidebar/SidebarItemText/SidebarItemText.cjs"),k=require("./components/Sidebar/SidebarFooter/SidebarFooter.cjs"),E=require("./components/Spinner/Spinner.cjs"),L=require("./components/Table/Table.cjs"),U=require("./components/Table/TablePagination/TablePagination.cjs"),z=require("./components/Tabs/Tabs.cjs"),J=require("./components/ThemeProvider/ThemeProvider.cjs"),K=require("./components/Toast/ToastsWrapper/ToastsWrapper.cjs"),Q=require("./components/Toast/ToastItem/ToastItem.cjs"),V=require("./components/Typography/Text.cjs"),X=require("./components/Typography/Heading.cjs");require("react"),require("./UseClickOutside-ILhCRGTV.cjs"),require("./components/Form/BaseInputComponent/BaseInputComponent.cjs"),require("./components/Form/Form/FormGenerator.cjs"),exports.Accordion=e.Accordion,exports.Badge=r.Badge,exports.Drawer=o.Drawer,exports.Button=t.Button,exports.Breadcrumbs=s.Breadcrumbs,exports.BreadcrumbItem=n.BreadcrumbItem,exports.Callout=i.Callout,exports.Card=p.Card,exports.ContentWrapper=a.ContentWrapper,exports.Divider=c.Divider,exports.Element=m.Element,exports.Article=u.Article,exports.Aside=u.Aside,exports.Body=u.Body,exports.Div=u.Div,exports.Footer=u.Footer,exports.Header=u.Header,exports.Main=u.Main,exports.Nav=u.Nav,exports.Section=u.Section,exports.Checkbox=d.Checkbox,exports.FileUpload=x.FileUpload,exports.Form=b.Form,exports.FormItem=l.FormItem,exports.FormItemGroup=j.FormItemGroup,exports.InputField=q.InputField,exports.InputLabel=S.InputLabel,exports.PinInputField=I.PinInputField,exports.RadioButton=F.RadioButton,exports.RadioGroup=T.RadioGroup,exports.Range=B.Range,exports.Select=C.Select,exports.SelectWithSearch=g.SelectWithSearch,exports.RadioTabGroup=P.RadioTabGroup,exports.Switch=h.Switch,exports.TextArea=R.TextArea,exports.Meter=W.Meter,exports.NotificationsWrapper=v.NotificationsWrapper,exports.NotificationItem=G.NotificationItem,exports.Portion=A.Portion,exports.ProgressBar=N.ProgressBar,exports.Row=f.Row,exports.OptionCard=w.OptionCard,exports.OptionCardsGroup=w.OptionCardsGroup,exports.useOptionCard=w.useOptionCard,exports.SidebarWrapper=D.SidebarWrapper,exports.SidebarHeader=O.SidebarHeader,exports.SidebarItem=H.SidebarItem,exports.SidebarItemIcon=y.SidebarItemIcon,exports.SidebarItemText=M.SidebarItemText,exports.SidebarFooter=k.SidebarFooter,exports.Spinner=E.Spinner,exports.Table=L.Table,exports.TablePagination=U.TablePagination,exports.Tabs=z.Tabs,exports.ThemeProvider=J.ThemeProvider,exports.ToastsWrapper=K.ToastsWrapper,exports.ToastItem=Q.ToastItem,exports.Text=V.Text,exports.Heading=X.Heading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Accordion/Accordion.cjs"),r=require("./components/Badge/Badge.cjs"),o=require("./components/Drawer/Drawer.cjs"),t=require("./components/Button/Button.cjs"),n=require("./components/Breadcrumbs/Breadcrumbs/Breadcrumbs.cjs"),s=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs"),i=require("./components/Callout/Callout.cjs"),p=require("./components/Card/Card.cjs"),a=require("./components/ContentWrapper/ContentWrapper.cjs"),c=require("./components/Divider/Divider.cjs"),m=require("./components/Element/Element.cjs"),d=require("./components/Element/Tags.cjs"),u=require("./components/Form/Checkbox/Checkbox.cjs"),x=require("./components/Form/InputField/FileUpload.cjs"),b=require("./components/Form/Form/Form.cjs"),l=require("./components/Form/FormItem/FormItem.cjs"),j=require("./components/Form/FormItemGroup/FormItemGroup.cjs"),q=require("./components/Form/InputField/InputField.cjs"),S=require("./components/Form/InputLabel/InputLabel.cjs"),I=require("./components/Form/PinInputField/PinInputField.cjs"),F=require("./components/Form/RadioButton/RadioButton.cjs"),T=require("./components/Form/RadioButton/RadioGroup.cjs"),g=require("./components/Form/Range/Range.cjs"),B=require("./components/Form/Select/Select.cjs"),C=require("./components/Form/Select/SelectWithSearch.cjs"),P=require("./components/Form/RadioButton/RadioTabGroup.cjs"),h=require("./components/Form/Checkbox/Switch.cjs"),R=require("./components/Form/TextArea/TextArea.cjs"),H=require("./components/Meter/Meter.cjs"),W=require("./components/Notification/NotificationsWrapper/NotificationsWrapper.cjs"),v=require("./components/Notification/NotificationItem/NotificationItem.cjs"),G=require("./components/Portion/Portion.cjs"),A=require("./components/ProgressBar/ProgressBar.cjs"),N=require("./components/Row/Row.cjs"),f=require("./components/OptionCard/OptionCard.cjs"),w=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.cjs"),D=require("./components/Sidebar/SidebarHeader/SidebarHeader.cjs"),O=require("./components/Sidebar/SidebarItem/SidebarItem.cjs"),y=require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.cjs"),M=require("./components/Sidebar/SidebarItemText/SidebarItemText.cjs"),k=require("./components/Sidebar/SidebarFooter/SidebarFooter.cjs"),E=require("./components/Spinner/Spinner.cjs"),L=require("./components/Table/Table.cjs"),U=require("./components/Table/TablePagination/TablePagination.cjs"),z=require("./components/Tabs/Tabs.cjs"),J=require("./components/ThemeProvider/ThemeProvider.cjs"),K=require("./components/Toast/ToastsWrapper/ToastsWrapper.cjs"),Q=require("./components/Toast/ToastItem/ToastItem.cjs"),V=require("./components/Typography/Text.cjs"),X=require("./components/Typography/Heading.cjs");require("react"),require("./UseClickOutside-ILhCRGTV.cjs"),require("./components/Form/BaseInputComponent/BaseInputComponent.cjs"),require("./components/Form/Form/FormGenerator.cjs"),exports.Accordion=e.Accordion,exports.Badge=r.Badge,exports.Drawer=o.Drawer,exports.Button=t.Button,exports.Breadcrumbs=n.Breadcrumbs,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Callout=i.Callout,exports.Card=p.Card,exports.ContentWrapper=a.ContentWrapper,exports.Divider=c.Divider,exports.Element=m.Element,exports.Article=d.Article,exports.Aside=d.Aside,exports.Body=d.Body,exports.Div=d.Div,exports.Footer=d.Footer,exports.Header=d.Header,exports.Main=d.Main,exports.Nav=d.Nav,exports.Section=d.Section,exports.Checkbox=u.Checkbox,exports.FileUpload=x.FileUpload,exports.Form=b.Form,exports.FormItem=l.FormItem,exports.FormItemGroup=j.FormItemGroup,exports.InputField=q.InputField,exports.InputLabel=S.InputLabel,exports.PinInputField=I.PinInputField,exports.RadioButton=F.RadioButton,exports.RadioGroup=T.RadioGroup,exports.Range=g.Range,exports.Select=B.Select,exports.SelectWithSearch=C.SelectWithSearch,exports.RadioTabGroup=P.RadioTabGroup,exports.Switch=h.Switch,exports.TextArea=R.TextArea,exports.Meter=H.Meter,exports.NotificationsWrapper=W.NotificationsWrapper,exports.NotificationItem=v.NotificationItem,exports.Portion=G.Portion,exports.ProgressBar=A.ProgressBar,exports.Row=N.Row,exports.OptionCard=f.OptionCard,exports.OptionCardsGroup=f.OptionCardsGroup,exports.useOptionCard=f.useOptionCard,exports.SidebarWrapper=w.SidebarWrapper,exports.SidebarHeader=D.SidebarHeader,exports.SidebarItem=O.SidebarItem,exports.SidebarItemIcon=y.SidebarItemIcon,exports.SidebarItemText=M.SidebarItemText,exports.SidebarFooter=k.SidebarFooter,exports.Spinner=E.Spinner,exports.Table=L.Table,exports.TablePagination=U.TablePagination,exports.Tabs=z.Tabs,exports.ThemeProvider=J.ThemeProvider,exports.ToastsWrapper=K.ToastsWrapper,exports.ToastItem=Q.ToastItem,exports.Text=V.Text,exports.Heading1=X.Heading1,exports.Heading2=X.Heading2,exports.Heading3=X.Heading3,exports.Heading4=X.Heading4,exports.Heading5=X.Heading5,exports.Heading6=X.Heading6;