fictoan-react 1.2.8 → 1.2.9

package/dist/components/Form/RadioButton/constants.js

@@ -1 +1,2 @@
-
+"use client";
+"use client;";

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

@@ -1 +1,2 @@
+"use client";
 "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.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "react";
 import { Element as r } from "../../Element/Element.js";
 import { Div as t } from "../../Element/Tags.js";

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

@@ -1 +1,2 @@
+"use client";
 "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

@@ -1,3 +1,4 @@
+"use client";
 import { Range } from "./Range.js";
 import "react";
 import "../../Element/Element.js";

package/dist/components/Form/Select/Select.cjs

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

package/dist/components/Form/Select/Select.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "react";
 import { Element as t } from "../../Element/Element.js";
 import { BaseInputComponent as r } from "../BaseInputComponent/BaseInputComponent.js";

package/dist/components/Form/Select/SelectWithSearch.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Tags.cjs"),r=require("../InputField/InputField.cjs"),n=require("../BaseInputComponent/BaseInputComponent.cjs");function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var a=["options"];function i(){return i=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},i.apply(this,arguments)}function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function c(e,t,r){var n;return n=function(e,t){if("object"!=o(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==o(n)?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,l=[],u=!0,c=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(s){c=!0,o=s}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}(e,t)||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 f(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 p=e.forwardRef((function(o,l){var c=o.options,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,a),p=s(e.useState(!1),2),b=p[0],m=p[1],y=s(e.useState(null),2),d=y[0],v=y[1],O=s(e.useState(""),2),h=O[0],g=O[1],j=e.useRef(),w=l||j,S=c.map((function(e){return u(u({},e),{},{searchKey:e.label.toLowerCase()})})).filter((function(e){return e.searchKey.toLowerCase().includes(h.toLowerCase())}));return e.useEffect((function(){var e=function(e){w.current&&!w.current.contains(e.target)&&m(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]),e.createElement(n.BaseInputComponent,i({"data-select-with-search":!0,className:"sws-wrapper",ref:w},f),e.createElement(t.Div,{className:"sws-display",onClick:function(){return m(!b)}},d?d.label:"Select an option"),b&&e.createElement(t.Div,{className:"sws-dropdown"},e.createElement(r.InputField,{type:"text",className:"sws-input",placeholder:"Search",value:h,onChange:function(e){return g(e.target.value)}}),e.createElement(t.Div,{className:"sws-options"},S.length>0?S.map((function(n){if("value"in n&&"label"in n)return e.createElement(e.Fragment,{key:n.value},e.createElement(t.Div,{key:n.value,value:n.value,disabled:n.disabled,className:"sws-option ".concat(n.disabled?"disabled":""),onClick:function(){return!n.disabled&&function(e){var t;v(e);var r=document.getElementById(e.value);r.type="text",r.hidden=!0;var n=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");null==n||null===(t=n.set)||void 0===t||t.call(r,e.value);var o=new Event("input",{bubbles:!0});r.dispatchEvent(o),r.type="hidden",r.hidden=!1,m(!1)}(n)}},n.customLabel?n.customLabel:n.label),e.createElement(r.InputField,{type:"hidden",id:n.value}))})):e.createElement("li",{className:"sws-option disabled"},"No matches found"))))}));exports.SelectWithSearch=p;

package/dist/components/Form/Select/SelectWithSearch.js

@@ -1,3 +1,4 @@
+"use client";
 import e, { useState as t, useRef as r, useEffect as n } from "react";
 import { Div as o } from "../../Element/Tags.js";
 import { InputField as a } from "../InputField/InputField.js";

package/dist/components/Form/Select/constants.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";

package/dist/components/Form/Select/constants.js

@@ -1 +1,2 @@
-
+"use client";
+"use client;";

package/dist/components/Form/TextArea/TextArea.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../BaseInputComponent/BaseInputComponent.cjs");function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}require("../../Element/Element.cjs"),require("../../Element/Tags.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=e.forwardRef((function(n,a){return e.createElement(t.BaseInputComponent,r({as:"textarea","data-textarea":!0,ref:a,placeholder:" "},n))}));exports.TextArea=n;

package/dist/components/Form/TextArea/TextArea.js

@@ -1,3 +1,4 @@
+"use client";
 import t from "react";
 import { BaseInputComponent as e } from "../BaseInputComponent/BaseInputComponent.js";
 import "../../Element/Element.js";

package/dist/components/Form/index.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox/Checkbox.cjs"),r=require("./InputField/FileUpload.cjs"),t=require("./Form/Form.cjs"),o=require("./FormItem/FormItem.cjs"),i=require("./FormItemGroup/FormItemGroup.cjs"),u=require("./InputField/InputField.cjs"),p=require("./InputLabel/InputLabel.cjs"),c=require("./PinInputField/PinInputField.cjs"),s=require("./RadioButton/RadioButton.cjs"),a=require("./RadioButton/RadioGroup.cjs"),n=require("./Range/Range.cjs"),l=require("./Select/Select.cjs"),m=require("./Select/SelectWithSearch.cjs"),x=require("./RadioButton/RadioTabGroup.cjs"),d=require("./Checkbox/Switch.cjs"),F=require("./TextArea/TextArea.cjs");require("react"),require("../Element/Element.cjs"),require("./BaseInputComponent/BaseInputComponent.cjs"),require("../Element/Tags.cjs"),require("../Callout/Callout.cjs"),require("./Form/FormGenerator.cjs"),require("../Row/Row.cjs"),require("../Portion/Portion.cjs"),require("../Typography/Text.cjs"),exports.Checkbox=e.Checkbox,exports.FileUpload=r.FileUpload,exports.Form=t.Form,exports.FormItem=o.FormItem,exports.FormItemGroup=i.FormItemGroup,exports.InputField=u.InputField,exports.InputLabel=p.InputLabel,exports.PinInputField=c.PinInputField,exports.RadioButton=s.RadioButton,exports.RadioGroup=a.RadioGroup,exports.Range=n.Range,exports.Select=l.Select,exports.SelectWithSearch=m.SelectWithSearch,exports.RadioTabGroup=x.RadioTabGroup,exports.Switch=d.Switch,exports.TextArea=F.TextArea;

package/dist/components/Form/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Checkbox } from "./Checkbox/Checkbox.js";
 import { FileUpload } from "./InputField/FileUpload.js";
 import { Form } from "./Form/Form.js";

package/dist/components/Meter/Meter.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs"),r=require("../Typography/Text.cjs");var a=["label","value","height","suffix","showOptimumMarker"];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 a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var l=e.forwardRef((function(l,m){var i=l.label,o=l.value,u=l.height,c=l.suffix,s=l.showOptimumMarker,p=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(l,a),f=(p.optimum?p.optimum:0-p.min)/(p.max-p.min)*100;return e.createElement(e.Fragment,null,i&&e.createElement(t.Element,{as:"div","data-meter-meta":!0},e.createElement(r.Text,null,i),e.createElement(r.Text,null,o,c&&c)),e.createElement("div",{className:"meter-wrapper"},e.createElement(t.Element,n({as:"meter","data-meter":!0,ref:m,value:o},p,{title:c,style:{height:u}})),s&&e.createElement("div",{className:"optimum-marker",style:{left:"calc(".concat(f,"% - var(--meter-border-width))")},title:"Optimum: ".concat(p.optimum)})))}));exports.Meter=l;

package/dist/components/Meter/Meter.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "react";
 import { Element as t } from "../Element/Element.js";
 import { Text as r } from "../Typography/Text.js";

package/dist/components/Meter/index.cjs

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

package/dist/components/Meter/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Meter } from "./Meter.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Notification/NotificationItem/NotificationItem.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs");var r=["showWhen","closeWhen","kind","children","isDismissible","secondsToShowFor"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}function o(e,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.forwardRef((function(i,l){var a,s,u=i.showWhen,c=i.closeWhen,f=i.kind,d=i.children,b=i.isDismissible,m=i.secondsToShowFor,y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,r),h=[],p=(a=e.useState(u),s=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,a=[],s=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);s=!0);}catch(c){u=!0,o=c}finally{try{if(!s&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}(a,s)||function(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}(a,s)||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.")}()),v=p[0],O=p[1];e.useEffect((function(){u&&O(!0);var e=u?setTimeout((function(){c()}),1e3*(null!=m?m:8)):void 0;return function(){e&&clearTimeout(e)}}),[u]),f&&h.push(f),b&&h.push("dismissible");var g=function(e){e.preventDefault(),c()};return v&&e.createElement(t.Element,n({as:"div","data-notification-item":!0,ref:l,classNames:[].concat(h,[u?"":"dismissed"]),onTransitionEnd:function(){u||O(!1)}},y),d,b&&e.createElement("div",{className:"dismiss-button",onClick:g,onKeyDown:g,role:"button",tabIndex:-1}))}));exports.NotificationItem=i;

package/dist/components/Notification/NotificationItem/NotificationItem.js

@@ -1,3 +1,4 @@
+"use client";
 import r, { useState as t, useEffect as e } from "react";
 import { Element as n } from "../../Element/Element.js";
 var o = ["showWhen", "closeWhen", "kind", "children", "isDismissible", "secondsToShowFor"];

package/dist/components/Notification/NotificationsWrapper/NotificationsWrapper.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),e=require("../../Element/Element.cjs");var t=["position","anchor","order","children"];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 o=r.forwardRef((function(o,i){var a=o.position,c=void 0===a?"right":a,l=o.anchor,s=void 0===l?"top":l,p=o.order,u=void 0===p?"new-on-top":p,f=o.children,d=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},i=Object.keys(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(o,t),h=[];return c&&h.push(c),s&&h.push(s),u&&h.push(u),0===r.Children.count(f)?null:r.createElement(e.Element,n({as:"div","data-notifications-wrapper":!0,ref:i,classNames:h},d),f)}));exports.NotificationsWrapper=o;

package/dist/components/Notification/NotificationsWrapper/NotificationsWrapper.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../../Element/Element.js";
 var t = ["position", "anchor", "order", "children"];

package/dist/components/Notification/index.cjs

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

package/dist/components/Notification/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { NotificationsWrapper } from "./NotificationsWrapper/NotificationsWrapper.js";
 import { NotificationItem } from "./NotificationItem/NotificationItem.js";
 import "react";

package/dist/components/OptionCard/OptionCard.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs"),n=require("../Card/Card.cjs");var r=["children","allowMultipleSelections","showTickIcon","onSelectionChange"],o=["id","children","disabled"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var a=e.createContext({isSelected:function(){return!1},toggleSelection:function(){},showTickIcon:!1}),u=function(t){var n=e.useContext(a);return{isSelected:n.isSelected(t),toggleSelection:function(){return n.toggleSelection(t)},showTickIcon:n.showTickIcon}};exports.OptionCard=function(r){var i=r.id,a=r.children,s=r.disabled,d=void 0!==s&&s,f=c(r,o),p=u(i),h=p.isSelected,y=p.toggleSelection,b=p.showTickIcon,v=[];return h&&v.push("selected"),d&&v.push("disabled"),e.createElement(t.Element,l({as:n.Card,"data-option-card":!0,role:"button",tabIndex:d?-1:0,"aria-disabled":d?"true":"false","aria-selected":h?"true":"false",classNames:v,onClick:function(e){var t;d||(y(),null===(t=f.onClick)||void 0===t||t.call(f,e))},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||d||(e.preventDefault(),y())}},f),b?e.createElement("svg",{viewBox:"0 0 24 24",className:"tick-icon"},e.createElement("circle",{cx:"12",cy:"12",r:"11"}),e.createElement("path",{d:"M8 13 L11 15 L16 9"})):null,a)},exports.OptionCardsGroup=function(t){var n=t.children,o=t.allowMultipleSelections,l=void 0!==o&&o,u=t.showTickIcon,s=t.onSelectionChange;c(t,r);var d=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,c=[],a=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);a=!0);}catch(s){u=!0,o=s}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e,t)||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.")}()}(e.useState(new Set),2),f=d[0],p=d[1],h=e.useCallback((function(e){p((function(t){var n=new Set(t);return l?n.has(e)?n.delete(e):n.add(e):n.has(e)&&1===t.size?n.clear():(n.clear(),n.add(e)),null==s||s(n),n}))}),[l,s]),y=e.useCallback((function(e){return f.has(e)}),[f]);return e.createElement(a.Provider,{value:{isSelected:y,toggleSelection:h,showTickIcon:u}},n)},exports.useOptionCard=u;

package/dist/components/OptionCard/OptionCard.js

@@ -1,3 +1,4 @@
+"use client";
 import e, { useState as t, useCallback as n, useContext as r, createContext as o } from "react";
 import { Element as l } from "../Element/Element.js";
 import { Card as i } from "../Card/Card.js";

package/dist/components/OptionCard/index.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./OptionCard.cjs");require("react"),require("../Element/Element.cjs"),require("../Card/Card.cjs"),exports.OptionCard=r.OptionCard,exports.OptionCardsGroup=r.OptionCardsGroup,exports.useOptionCard=r.useOptionCard;

package/dist/components/OptionCard/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { OptionCard, OptionCardsGroup, useOptionCard } from "./OptionCard.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Portion/Portion.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("../Element/Element.cjs");var r=["desktopSpan","mobileSpan","tabletLandscapeSpan","tabletPortraitSpan","isHorizontal"];function n(){return n=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},n.apply(this,arguments)}var a=t.forwardRef((function(a,o){var l=a.desktopSpan,p=a.mobileSpan,i=a.tabletLandscapeSpan,s=a.tabletPortraitSpan,c=a.isHorizontal,u=function(t,e){if(null==t)return{};var r,n,a=function(t,e){if(null==t)return{};var r,n,a={},o=Object.keys(t);for(n=0;n<o.length;n++)r=o[n],e.indexOf(r)>=0||(a[r]=t[r]);return a}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)r=o[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(a[r]=t[r])}return a}(a,r),b=[];return l||i||s||p?(l&&b.push("".concat(l)),i&&b.push("".concat(i,"-on-tablet-landscape")),s&&b.push("".concat(s,"-on-tablet-portrait")),p&&b.push("".concat(p,"-on-mobile"))):b.push("whole"),c&&b.push("horizontal"),t.createElement(e.Element,n({as:"div","data-portion":!0,ref:o,classNames:b},u))}));exports.Portion=a;

package/dist/components/Portion/Portion.js

@@ -1,3 +1,4 @@
+"use client";
 import t from "react";
 import { Element as e } from "../Element/Element.js";
 var r = ["desktopSpan", "mobileSpan", "tabletLandscapeSpan", "tabletPortraitSpan", "isHorizontal"];

package/dist/components/Portion/index.cjs

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

package/dist/components/Portion/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Portion } from "./Portion.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Portion/types.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";

package/dist/components/Portion/types.js

@@ -1 +1,2 @@
-
+"use client";
+"use client;";

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -1 +1,2 @@
+"use client";
 "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=["label","value","height"];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 l=e.forwardRef((function(l,o){var s=l.label,u=l.value,i=l.height,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}(l,n);return e.createElement(e.Fragment,null,s&&e.createElement(r.Element,{as:"div","data-progress-bar-meta":!0},e.createElement(t.Text,null,s),e.createElement(t.Text,null,u,c.suffix&&c.suffix)),e.createElement(r.Element,a({as:"progress","data-progress-bar":!0,ref:o,value:u},c,{style:{height:i}})))}));exports.ProgressBar=l;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "react";
 import { Element as r } from "../Element/Element.js";
 import { Text as t } from "../Typography/Text.js";

package/dist/components/ProgressBar/index.cjs

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

package/dist/components/ProgressBar/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { ProgressBar } from "./ProgressBar.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Row/Row.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("../Element/Element.cjs");var r=["gutters","retainLayoutOnTabletLandscape","retainLayoutOnTabletPortrait","retainLayoutOnMobile","retainLayoutAlways"];function a(){return a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},a.apply(this,arguments)}var n=t.forwardRef((function(n,o){var i=n.gutters,l=void 0===i?"medium":i,u=n.retainLayoutOnTabletLandscape,s=n.retainLayoutOnTabletPortrait,y=n.retainLayoutOnMobile,c=n.retainLayoutAlways,b=function(t,e){if(null==t)return{};var r,a,n=function(t,e){if(null==t)return{};var r,a,n={},o=Object.keys(t);for(a=0;a<o.length;a++)r=o[a],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(n,r),p=[];return l&&p.push("none"===l?"no-gutters":"".concat(l,"-gutters")),u&&p.push("retain-layout-on-tablet-landscape"),s&&p.push("retain-layout-on-tablet-portrait"),y&&p.push("retain-layout-on-mobile"),c&&p.push("retain-layout-on-tablet-landscape retain-layout-on-tablet-portrait retain-layout-on-mobile"),t.createElement(e.Element,a({as:"div","data-row":!0,ref:o,classNames:[p.join(" ")],marginBottom:"tiny"},b))}));exports.Row=n;

package/dist/components/Row/Row.js

@@ -1,3 +1,4 @@
+"use client";
 import t from "react";
 import { Element as e } from "../Element/Element.js";
 var a = ["gutters", "retainLayoutOnTabletLandscape", "retainLayoutOnTabletPortrait", "retainLayoutOnMobile", "retainLayoutAlways"];

package/dist/components/Row/index.cjs

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

package/dist/components/Row/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Row } from "./Row.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Sidebar/SidebarFooter/SidebarFooter.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(this,arguments)}var n=e.forwardRef((function(n,o){return e.createElement(r.Element,t({as:"footer","data-sidebar-footer":!0,ref:o},n))}));exports.SidebarFooter=n;

package/dist/components/Sidebar/SidebarFooter/SidebarFooter.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as t } from "../../Element/Element.js";
 function e() {

package/dist/components/Sidebar/SidebarHeader/SidebarHeader.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["isSticky"];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,i){var o=a.isSticky,s=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t),c=[];return o&&c.push("is-sticky"),e.createElement(r.Element,n({as:"header","data-sidebar-header":!0,ref:i,classNames:c},s))}));exports.SidebarHeader=a;

package/dist/components/Sidebar/SidebarHeader/SidebarHeader.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../../Element/Element.js";
 var t = ["isSticky"];

package/dist/components/Sidebar/SidebarItem/SidebarItem.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["hasAlert"];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 l=a.hasAlert,s=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t),i=[];return l&&i.push("has-alert"),e.createElement(r.Element,n({as:"div","data-sidebar-item":!0,ref:o,classNames:i},s))}));exports.SidebarItem=a;

package/dist/components/Sidebar/SidebarItem/SidebarItem.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../../Element/Element.js";
 var t = ["hasAlert"];

package/dist/components/Sidebar/SidebarItemIcon/SidebarItemIcon.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["iconType"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var o=e.forwardRef((function(o,a){var c=o.iconType,i=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}(o,t),l=[];return c&&l.push("icon-".concat(c)),e.createElement(r.Element,n({as:"div","data-sidebar-item-icon":!0,ref:a,classNames:l},i))}));exports.SidebarItemIcon=o;

package/dist/components/Sidebar/SidebarItemIcon/SidebarItemIcon.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../../Element/Element.js";
 var t = ["iconType"];

package/dist/components/Sidebar/SidebarItemText/SidebarItemText.cjs

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

package/dist/components/Sidebar/SidebarItemText/SidebarItemText.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "react";
 import { Element as t } from "../../Element/Element.js";
 var r = ["linkText", "weight", "size"];

package/dist/components/Sidebar/SidebarWrapper/SidebarWrapper.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs"),t=require("../../../UseClickOutside-ILhCRGTV.cjs");var n=["collapsed","closeOnClickOutside","showMobileSidebar"];function s(){return s=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},s.apply(this,arguments)}var i=e.forwardRef((function(i,o){var a=i.collapsed,l=i.closeOnClickOutside,u=i.showMobileSidebar,c=function(e,r){if(null==e)return{};var t,n,s=function(e,r){if(null==e)return{};var t,n,s={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(s[t]=e[t]);return s}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(s[t]=e[t])}return s}(i,n),p=e.useRef(null);e.useImperativeHandle(o,(function(){return p.current})),t.useClickOutside(p,(function(){"function"==typeof l&&l()}));var f=[];return a&&f.push("collapsed"),u&&f.push("show-sidebar"),e.createElement(r.Element,s({as:"aside","data-sidebar-wrapper":!0,ref:p,classNames:f},c))}));exports.SidebarWrapper=i;

package/dist/components/Sidebar/SidebarWrapper/SidebarWrapper.js

@@ -1,3 +1,4 @@
+"use client";
 import e, { useRef as r, useImperativeHandle as t } from "react";
 import { Element as n } from "../../Element/Element.js";
 import { u as o } from "../../../UseClickOutside-AZnVEg3i.js";

package/dist/components/Sidebar/index.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SidebarWrapper/SidebarWrapper.cjs"),r=require("./SidebarHeader/SidebarHeader.cjs"),i=require("./SidebarItem/SidebarItem.cjs"),t=require("./SidebarItemIcon/SidebarItemIcon.cjs"),a=require("./SidebarItemText/SidebarItemText.cjs"),d=require("./SidebarFooter/SidebarFooter.cjs");require("react"),require("../Element/Element.cjs"),require("../../UseClickOutside-ILhCRGTV.cjs"),exports.SidebarWrapper=e.SidebarWrapper,exports.SidebarHeader=r.SidebarHeader,exports.SidebarItem=i.SidebarItem,exports.SidebarItemIcon=t.SidebarItemIcon,exports.SidebarItemText=a.SidebarItemText,exports.SidebarFooter=d.SidebarFooter;

package/dist/components/Sidebar/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { SidebarWrapper } from "./SidebarWrapper/SidebarWrapper.js";
 import { SidebarHeader } from "./SidebarHeader/SidebarHeader.js";
 import { SidebarItem } from "./SidebarItem/SidebarItem.js";

package/dist/components/Spinner/Spinner.cjs

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

package/dist/components/Spinner/Spinner.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../Element/Element.js";
 var t = ["size"];

package/dist/components/Spinner/index.cjs

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

package/dist/components/Spinner/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Spinner } from "./Spinner.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Table/Table.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["bordersFor","isStriped","highlightRowOnHover","isFullWidth","alignText"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var o=e.forwardRef((function(o,i){var l=o.bordersFor,a=o.isStriped,s=o.highlightRowOnHover,u=o.isFullWidth,c=o.alignText,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,t),h=[];return l&&h.push("bordered-".concat(l)),a&&h.push("striped"),s&&h.push("hoverable"),u&&h.push("full-width"),c&&h.push("align-text-".concat(c)),e.createElement(r.Element,n({as:"table",classNames:h},p))}));exports.Table=o;

package/dist/components/Table/Table.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../Element/Element.js";
 var t = ["bordersFor", "isStriped", "highlightRowOnHover", "isFullWidth", "alignText"];

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

@@ -1 +1,2 @@
+"use client";
 "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

@@ -1,3 +1,4 @@
+"use client";
 import * as e from "react";
 import t from "react";
 import { Element as n } from "../../Element/Element.js";

package/dist/components/Table/index.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Table.cjs"),r=require("./TablePagination/TablePagination.cjs");require("react"),require("../Element/Element.cjs"),require("../Element/Tags.cjs"),require("../Typography/Text.cjs"),require("../Typography/Heading.cjs"),require("../Spinner/Spinner.cjs"),exports.Table=e.Table,exports.TablePagination=r.TablePagination;

package/dist/components/Table/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Table } from "./Table.js";
 import { TablePagination } from "./TablePagination/TablePagination.js";
 import "react";

package/dist/components/Tabs/Tabs.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs"),n=require("../Element/Tags.cjs"),r=require("../Divider/Divider.cjs"),a=require("../Typography/Text.cjs");var l=["tabs","additionalNavContentWrapper","defaultActiveTab","align"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(s){u=!0,a=s}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=e.forwardRef((function(c,u){var s=c.tabs,f=c.additionalNavContentWrapper,m=c.defaultActiveTab,y=c.align,b=void 0===y?"left":y,d=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(c,l),v=s.findIndex((function(e){return e.key===m})),p=v>-1?v:0,g=o(e.useState(s.length>0?s[p]:void 0),2),h=g[0],j=g[1],E=o(e.useState(!1),2),O=E[0],k=E[1],S=function(e){k(!0),setTimeout((function(){k(!1),j(e)}),120)};return e.useEffect((function(){if(s.length>0){var e=s.find((function(e){return e.key===(null==h?void 0:h.key)}));S(e||s[0])}else j(void 0)}),[s]),e.createElement(t.Element,i({as:"div","data-tabs":!0,ref:u},d),s.length>0&&h?e.createElement(e.Fragment,null,e.createElement("nav",{className:"align-".concat(b)},e.createElement("ul",{className:"tab-labels-list"},s.map((function(t){return e.createElement("li",{key:t.key},e.createElement(a.Text,{className:"tab-label is-clickable ".concat(t.key===h.key?"is-active":""," ").concat(t.hasAlert?"has-alert":""),onClick:function(){return S(t)},marginBottom:"none"},t.label))}))),f&&e.createElement(e.Fragment,null,f)),e.createElement(r.Divider,{kind:"secondary",marginTop:"none",marginBottom:"micro"}),e.createElement(n.Div,{className:"tabs-content ".concat(O?"exiting":"")},h.content)):e.createElement(e.Fragment,null))}));exports.Tabs=u;

package/dist/components/Tabs/Tabs.js

@@ -1,3 +1,4 @@
+"use client";
 import e, { useEffect as t } from "react";
 import { Element as n } from "../Element/Element.js";
 import { Div as r } from "../Element/Tags.js";

package/dist/components/Tabs/index.cjs

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

package/dist/components/Tabs/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Tabs } from "./Tabs.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/ThemeProvider/ThemeProvider.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var r=["theme","customColors","currentTheme","children"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c,a,u=[],i=!0,l=!1;try{if(c=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=c.call(r)).done)&&(u.push(n.value),u.length!==t);i=!0);}catch(f){l=!0,o=f}finally{try{if(!i&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}(e,t)||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}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(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 a=e.forwardRef((function(c,a){var u=c.theme,i=c.customColors,l=c.currentTheme,f=c.children,s=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,r),d=o(e.useState(!1),2),m=d[0],v=d[1];e.useEffect((function(){if(u){var e=p("fictoan-theme");y(e,u),m||v(!0)}return function(){p("fictoan-theme").innerHTML=""}}),[u]),e.useEffect((function(){if(i){var e=p("fictoan-custom-colors");y(e,i);var t=Object.keys(i).map((function(e){return"\n.bg-".concat(e," {background-color: var(--").concat(e,");}\n.text-").concat(e," {color: var(--").concat(e,"); }\n.fill-").concat(e," {fill: var(--").concat(e,");}\n.stroke-").concat(e," {stroke: var(--").concat(e,");}\n.border-").concat(e," {border-color: var(--").concat(e,");}")}));e.appendChild(document.createTextNode(t.join("\n"))),m||v(!0)}return function(){p("fictoan-custom-colors").innerHTML=""}}),[i]),e.useEffect((function(){return l&&(document.documentElement.classList.add(l),m||v(!0)),function(){document.documentElement.className=""}}),[l]);var p=function(e){var t=document.getElementById(e);return t||((t=document.createElement("style")).id=e,document.head.appendChild(t)),t},y=function(e,t){var r=Object.entries(t).map((function(e){var t=o(e,2),r=t[0],n=t[1];return"--".concat(r,": ").concat(n,";")}));r=":root {\n"+r.join("\n")+"\n}",e.appendChild(document.createTextNode(r))};return e.createElement(t.Element,n({as:"div","data-theme-provider":!0,ref:a},s),m&&f)}));exports.ThemeProvider=a;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var r=["currentTheme","children"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,c,l=[],u=!0,i=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(f){i=!0,o=f}finally{try{if(!u&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(i)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}(e,t)||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 a(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="fictoan-theme",l=["light","dark"],u=e.createContext(void 0),i={setTheme:function(e){}},f=e.forwardRef((function(a,i){var f=a.currentTheme,s=a.children,m=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,r),h=o(e.useState(!1),2),d=h[0],y=h[1],v=o(e.useState((function(){return function(e,t){var r;try{r=localStorage.getItem(e)||void 0}catch(n){}return r||"theme-light"}(c)})),2),b=v[0],p=v[1],g=e.useCallback((function(e){l.includes(e)||(e="light"),document.documentElement.className="",p("theme-".concat(e)),document.documentElement.classList.add("theme-".concat(e)),d||y(!0);try{localStorage.setItem(c,"theme-".concat(e))}catch(t){}}),[b]);return e.useEffect((function(){f&&g(f)}),[f]),e.createElement(u.Provider,{value:{theme:b,setTheme:g}},e.createElement(t.Element,n({as:"div","data-theme-provider":!0,ref:i},m),d&&s))}));exports.ThemeProvider=f,exports.useTheme=function(){var t;return null!==(t=e.useContext(u))&&void 0!==t?t:i};

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,14 +1,10 @@
 import React from "react";
+import type { UseThemeProps } from "./types";
 import { CommonAndHTMLProps } from "../Element/constants";
 export type ThemeProviderElementType = HTMLDivElement;
 export type RenderProps = () => JSX.Element;
+export declare const useTheme: () => UseThemeProps;
 export interface ThemeProviderProps extends CommonAndHTMLProps<ThemeProviderElementType> {
-    theme?: {
-        [key: string]: string;
-    };
-    customColors?: {
-        [key: string]: string;
-    };
     currentTheme?: string;
 }
 export declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLDivElement>>;