fictoan-react 1.3.4 → 1.3.6

package/dist/components/CodeBlock/index.cjs

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

package/dist/components/CodeBlock/index.js

@@ -1,8 +1,10 @@
+"use client";
 import { CodeBlock } from "./CodeBlock.js";
 import "react";
 import "../Element/Element.js";
 import "../Button/Button.js";
 import "../Badge/Badge.js";
+import "../../prism-0Wl-n71z.js";
 export {
   CodeBlock
 };

package/dist/components/CodeBlock/prism.cjs

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

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

@@ -0,0 +1,2 @@
+declare const Prism: typeof import("prismjs");
+export { Prism };

package/dist/components/CodeBlock/prism.js

@@ -0,0 +1,5 @@
+"use client";
+import { P } from "../../prism-0Wl-n71z.js";
+export {
+  P as Prism
+};

package/dist/components/ContentWrapper/ContentWrapper.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){var a=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.Element,t({as:"div","data-content-wrapper":!0,ref:o},a))}));exports.ContentWrapper=n;

package/dist/components/ContentWrapper/ContentWrapper.js

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

package/dist/components/ContentWrapper/index.cjs

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

package/dist/components/ContentWrapper/index.js

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

package/dist/components/Divider/Divider.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=["kind","height"];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 i=e.forwardRef((function(i,o){var a=i.kind,l=i.height,s=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(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)&&(i[t]=e[t])}return i}(i,t),u=[];return a&&u.push(a),e.createElement(r.Element,n({as:"hr","data-hrule":!0,ref:o,classNames:u},s,{style:{height:l}}))}));exports.Divider=i;

package/dist/components/Divider/Divider.js

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

package/dist/components/Divider/index.cjs

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

package/dist/components/Divider/index.js

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

package/dist/components/Drawer/Drawer.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("../../UseClickOutside-ILhCRGTV.cjs");var o=["children","openWhen","closeWhen","closeOnClickOutside","padding","position","size","bgColor","bgColour","isDismissible","showOverlay"];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)}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var a=e.forwardRef((function(a,s){var u,c,f=a.children,p=a.openWhen,d=a.closeWhen,b=a.closeOnClickOutside,m=a.padding,y=a.position,v=a.size,g=a.bgColor,h=a.bgColour,O=a.isDismissible,j=void 0===O||O,w=a.showOverlay,E=void 0!==w&&w,C=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(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)&&(o[t]=e[t])}return o}(a,o),S=(u=e.useState(p),c=2,function(e){if(Array.isArray(e))return e}(u)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,i,a=[],s=!0,u=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=l.call(t)).done)&&(a.push(n.value),a.length!==r);s=!0);}catch(c){u=!0,o=c}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}(u,c)||function(e,r){if(e){if("string"==typeof e)return i(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,r):void 0}}(u,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),k=S[0],A=S[1],x=e.useRef(null),q=s||x;e.useEffect((function(){p&&A(!0)}),[p]);var D=["drawer"];y&&D.push(y),p?D.push("open"):k&&D.push("close");var I=function(){d&&d()};return n.useClickOutside(q,b?I:function(){}),v&&D.push(v),k?e.createElement(e.Fragment,null,e.createElement(r.Element,l({as:"div","data-drawer":!0,ref:q,classNames:D,onAnimationEnd:function(){p||A(!1)}},b?{onClick:I}:{},C),p&&E&&e.createElement(t.Div,{className:"rest-of-page-overlay ".concat(p?"visible":"")}),e.createElement(r.Element,{as:"div",className:"drawer-content-wrapper",padding:m,bgColor:g,bgColour:h},j&&e.createElement("button",{className:"dismiss-button",onClick:I}),f))):null}));exports.Drawer=a;

package/dist/components/Drawer/Drawer.js

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

package/dist/components/Drawer/index.cjs

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

package/dist/components/Drawer/index.js

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

package/dist/components/Element/Element.cjs

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

package/dist/components/Element/Element.js

@@ -1,3 +1,4 @@
+"use client";
 import t from "react";
 var o = function(t2) {
   return t2.filter(function(t3) {

package/dist/components/Element/Tags.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./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 o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},t.apply(this,arguments)}var o=function(o){return e.forwardRef((function(n,i){return e.createElement(r.Element,t({as:o,ref:i},n))}))},n=o("div"),i=o("article"),s=o("aside"),a=o("body"),c=o("footer"),p=o("header"),u=o("main"),l=o("nav"),d=o("section");exports.Article=i,exports.Aside=s,exports.Body=a,exports.Div=n,exports.Footer=c,exports.Header=p,exports.Main=u,exports.Nav=l,exports.Section=d;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./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 o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},t.apply(this,arguments)}var o=function(o){return e.forwardRef((function(n,s){return e.createElement(r.Element,t({as:o,ref:s},n))}))},n=o("article"),s=o("aside"),a=o("body"),i=o("div"),p=o("footer"),c=o("header"),u=o("main"),l=o("nav"),d=o("section"),f=o("span");exports.Article=n,exports.Aside=s,exports.Body=a,exports.Div=i,exports.Footer=p,exports.Header=c,exports.Main=u,exports.Nav=l,exports.Section=d,exports.Span=f;

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

@@ -1,11 +1,12 @@
 import React from "react";
 import { ElementProps } from "./constants";
-export declare const Div: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export declare const Article: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export declare const Aside: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export declare const Body: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export declare const Div: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export declare const Footer: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export declare const Header: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export declare const Main: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export declare const Nav: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export declare const Section: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export declare const Span: React.ForwardRefExoticComponent<ElementProps<{}> & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;

package/dist/components/Element/Tags.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "./Element.js";
 function t() {
@@ -11,18 +12,19 @@ function t() {
   }, t.apply(this, arguments);
 }
 var n = function(n2) {
-  return r.forwardRef(function(o2, a2) {
-    return r.createElement(e, t({ as: n2, ref: a2 }, o2));
+  return r.forwardRef(function(a2, o2) {
+    return r.createElement(e, t({ as: n2, ref: o2 }, a2));
   });
-}, o = n("div"), a = n("article"), i = n("aside"), c = n("body"), f = n("footer"), s = n("header"), p = n("main"), u = n("nav"), l = n("section");
+}, a = n("article"), o = n("aside"), i = n("body"), c = n("div"), f = n("footer"), s = n("header"), p = n("main"), u = n("nav"), l = n("section"), m = n("span");
 export {
   a as Article,
-  i as Aside,
-  c as Body,
-  o as Div,
+  o as Aside,
+  i as Body,
+  c as Div,
   f as Footer,
   s as Header,
   p as Main,
   u as Nav,
-  l as Section
+  l as Section,
+  m as Span
 };

package/dist/components/Element/constants.cjs

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

package/dist/components/Element/constants.js

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

package/dist/components/Element/index.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Element.cjs"),r=require("./Tags.cjs");require("react"),exports.Element=e.Element,exports.Article=r.Article,exports.Aside=r.Aside,exports.Body=r.Body,exports.Div=r.Div,exports.Footer=r.Footer,exports.Header=r.Header,exports.Main=r.Main,exports.Nav=r.Nav,exports.Section=r.Section;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Element.cjs"),r=require("./Tags.cjs");require("react"),exports.Element=e.Element,exports.Article=r.Article,exports.Aside=r.Aside,exports.Body=r.Body,exports.Div=r.Div,exports.Footer=r.Footer,exports.Header=r.Header,exports.Main=r.Main,exports.Nav=r.Nav,exports.Section=r.Section,exports.Span=r.Span;

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

@@ -1,3 +1,3 @@
 export { Element } from "./Element";
-export { Div, Article, Aside, Body, Footer, Header, Main, Nav, Section } from "./Tags";
+export { Div, Article, Aside, Body, Footer, Header, Main, Nav, Section, Span } from "./Tags";
 export type { ElementProps } from "./constants";

package/dist/components/Element/index.js

@@ -1,5 +1,6 @@
+"use client";
 import { Element } from "./Element.js";
-import { Article, Aside, Body, Div, Footer, Header, Main, Nav, Section } from "./Tags.js";
+import { Article, Aside, Body, Div, Footer, Header, Main, Nav, Section, Span } from "./Tags.js";
 import "react";
 export {
   Article,
@@ -11,5 +12,6 @@ export {
   Header,
   Main,
   Nav,
-  Section
+  Section,
+  Span
 };

package/dist/components/Form/BaseInputComponent/BaseInputComponent.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("../../Element/Tags.cjs"),a=require("../InputLabel/InputLabel.cjs"),n=require("../FormItem/FormItem.cjs");var l=["as","className","label","helpText","errorText","iconLeft","iconRight","validateThis","classNames"];function s(){return s=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},s.apply(this,arguments)}var c=e.forwardRef((function(c,i){var o=c.as,m=c.className,u=c.label,p=c.helpText,f=c.errorText,b=c.iconLeft,h=c.iconRight,E=c.validateThis,g=c.classNames,v=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(c,l);return e.createElement(n.FormItem,{"data-form-item":!0,required:v.required},e.createElement(t.Element,s({as:o,ref:i,classNames:[m||"",b?"with-icon-left":"",h?"with-icon-right":"",E?"validate-this":""].concat(g||[])},v)),b&&e.createElement(t.Element,{as:"span",className:"icon-left"},b),h&&e.createElement(t.Element,{as:"span",className:"icon-right"},h),u&&e.createElement(a.InputLabel,{label:u,htmlFor:v.id}),(p||f)&&e.createElement(r.Div,{className:"info-section vertically-center-items",marginTop:"nano"},p&&e.createElement(t.Element,{as:"span",className:"help-text"},p),f&&e.createElement(t.Element,{as:"span",className:"error-text"},f)))}));exports.BaseInputComponent=c;

package/dist/components/Form/BaseInputComponent/BaseInputComponent.js

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

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

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

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

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

package/dist/components/Form/Checkbox/Checkbox.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");function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}require("../../Element/Tags.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var o=e.forwardRef((function(o,a){var c=n({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(o),o));return e.createElement(t.Element,{as:"div","data-checkbox":!0,ref:a},e.createElement(r.BaseInputComponent,n({as:"input",type:"checkbox"},c)))}));exports.Checkbox=o;

package/dist/components/Form/Checkbox/Checkbox.js

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

package/dist/components/Form/Checkbox/Switch.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");require("../../Element/Tags.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["size"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}var a=e.forwardRef((function(a,i){var c=a.size,s=void 0===c?"medium":c,u=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,n);return e.createElement(t.Element,{as:"div","data-switch":!0,ref:i,className:"size-".concat(s)},e.createElement(r.BaseInputComponent,o({as:"input",type:"checkbox"},u)))}));exports.Switch=a;

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

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

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

package/dist/components/Form/Form/FormGenerator.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("../../Row/Row.cjs"),n=require("../../Portion/Portion.cjs"),o=require("../InputLabel/InputLabel.cjs"),a=require("../InputField/InputField.cjs"),i=require("../InputField/FileUpload.cjs"),l=require("../Checkbox/Checkbox.cjs"),u=require("../Checkbox/Switch.cjs"),c=require("../RadioButton/RadioButton.cjs"),p=require("../RadioButton/RadioGroup.cjs"),s=require("../Select/Select.cjs"),b=require("../TextArea/TextArea.cjs");require("../BaseInputComponent/BaseInputComponent.cjs"),require("../../Element/Tags.cjs"),require("../FormItem/FormItem.cjs");var d=["as"],j=["desktopSpan","tabletLandscapeSpan","tabletPortraitSpan","mobileSpan","isHorizontal"];function S(){return S=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},S.apply(this,arguments)}function m(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var f={Checkbox:l.Checkbox,Switch:u.Switch,InputField:a.InputField,FileUpload:i.FileUpload,InputLabel:o.InputLabel,RadioButton:c.RadioButton,RadioGroup:p.RadioGroup,Select:s.Select,TextArea:b.TextArea,Empty:"div"},h=function(r,n){var o=r.as,i=m(r,d);return e.createElement(t.Element,S({as:f[o]||a.InputField},i,{isFullWidth:!0,onChange:n}))};exports.generateFormThroughConfig=function(t,o,a){var i=[];for(var l in t){var u=t[l],c=u.desktopSpan,p=u.tabletLandscapeSpan,s=u.tabletPortraitSpan,b=u.mobileSpan,d=u.isHorizontal,f=m(u,j),q={desktopSpan:c,tabletLandscapeSpan:p,tabletPortraitSpan:s,mobileSpan:b,isHorizontal:d};i.push(e.createElement(n.Portion,S({},q,{key:"fields-".concat(l)}),h(f,o)))}return e.createElement(r.Row,{gutters:a},i)};

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

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

package/dist/components/Form/FormItem/FormItem.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){var a=t({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(r.Element,t({as:"div","data-form-item":!0,ref:o},a))}));exports.FormItem=n;

package/dist/components/Form/FormItem/FormItem.js

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

package/dist/components/Form/FormItemGroup/FormItemGroup.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=["isJoint","retainLayout","children"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var o=e.forwardRef((function(o,i){var a=o.isJoint,u=o.retainLayout,l=o.children,s=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),c=[];return a&&c.push("is-joint"),u&&c.push("retain-layout"),e.createElement(r.Element,n({as:"div","data-form-item-group":!0,ref:i,classNames:c},s),l)}));exports.FormItemGroup=o;

package/dist/components/Form/FormItemGroup/FormItemGroup.js

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

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

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

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

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

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

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

package/dist/components/Form/InputField/InputField.js

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

package/dist/components/Form/InputLabel/InputLabel.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=["label"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var l=e.forwardRef((function(l,o){var a=l.label,u=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(l,t);return e.createElement(r.Element,n({as:"label",ref:o},u),a)}));exports.InputLabel=l;

package/dist/components/Form/InputLabel/InputLabel.js

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

package/dist/components/Form/PinInputField/PinInputField.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../InputField/InputField.cjs"),r=require("../../Element/Tags.cjs");function n(e){return(n="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("../BaseInputComponent/BaseInputComponent.cjs"),require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var o=["numberOfFields","onChange","type","mask","isOTP","autoFocus","pasteFromClipboard","focusFirstInputOnReset","isFullWidth"];function u(){return u=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},u.apply(this,arguments)}function i(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||s(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}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 a(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 o;return o=function(e,t){if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!=n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==n(o)?o:String(o))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(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,u,i,l=[],a=!0,c=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=u.call(r)).done)&&(l.push(n.value),l.length!==t);a=!0);}catch(f){c=!0,o=f}finally{try{if(!a&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,t)||s(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 s(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function p(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}function y(e,t){return("alphanumeric"===t?/^[a-zA-Z0-9]+$/i:/^[0-9]+$/).test(e)}var b=e.forwardRef((function(n,l){var c=n.numberOfFields,s=n.onChange,p=n.type,b=void 0===p?"number":p,m=n.mask,v=void 0!==m&&m,d=n.isOTP,g=void 0!==d&&d,h=n.autoFocus,O=void 0!==h&&h,j=n.pasteFromClipboard,S=void 0===j?"enabled":j,w=n.focusFirstInputOnReset,A=void 0===w||w,I=n.isFullWidth,P=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,o),F=e.useRef(null),k=f(e.useState([]),2),C=k[0],E=k[1],T=f(e.useState([]),2),D=T[0],q=T[1],x=f(e.useState(!0),2),R=x[0],B=x[1],L=f(e.useState(-1),2),M=L[0],$=L[1],W=e.useCallback((function(e){var t,r=C[e];null==r||null===(t=r.current)||void 0===t||t.focus()}),[C]);e.useEffect((function(){E((function(t){return Array(c).fill(0).map((function(r,n){var o,u=t[n]||e.createRef();return O&&0===n&&(null===(o=u.current)||void 0===o||o.focus()),u}))}))}),[c,O]),e.useImperativeHandle(l,(function(){return a(a({},F.current),{},{reset:function(){H()}})}),[C]);var z=e.useCallback((function(e){if(R){var t=e+1<c?e+1:null;t&&W(t)}}),[W,c,R]),H=e.useCallback((function(){q(Array(c).fill("")),null==s||s(""),A&&(W(0),$(0))}),[c,s,W,A]),K=e.useCallback((function(e,t){var r=i(D);r[t]=e,q(r),null==s||s(r.join("")),""!==e&&r.length===c&&r.every((function(e){return null!=e&&""!==e}))&&t==c-1||(B(!0),z(t))}),[z,c,s,D]),N=function(){$(-1)},U=[];return I&&U.push("full-width"),e.createElement(r.Div,u({"data-pin-input-field":!0,ref:F},P,{classNames:U}),i(Array(c)).map((function(r,n){return e.createElement(t.InputField,{key:n,ref:C[n],type:v?"password":"number"===b?"tel":"text",inputMode:"number"===b?"numeric":"text",onChange:function(e){return function(e,t){var r=e.currentTarget.value,n=D[t];if(""!==r)if(r.length>1&&t<c-1){if(y(r,b)){var o=[];o=""==n?r.split("").filter((function(e,r){return t+r<c})):e.currentTarget.selectionEnd===r.length?r.split("").filter((function(e,r){return r>0&&t+r-1<c})):r.split("").filter((function(e,n){return n<r.length-1&&t+n<c})),q((function(e){return e.map((function(e,r){return r>=t&&r<t+o.length?o[r-t]:e}))})),W(t+o.length<c?t+o.length:c-1),null==s||s(o.join(""))}}else{var u=r;(null==n?void 0:n.length)>0&&(n[0]===r.charAt(0)?u=r.charAt(1):n[0]===r.charAt(1)&&(u=r.charAt(0))),y(u,b)&&K(u,t)}else K("",t)}(e,n)},onKeyDown:function(e){return function(e,t){if("Backspace"===e.key)if(""===e.target.value){if(t>0){var r=t-1;K("",r),W(r),B(!0)}}else B(!1);else if("Escape"===e.key){var n;null===(n=C[t].current)||void 0===n||n.blur(),N()}else"ArrowRight"===e.key?t<c-1&&W(t+1):"ArrowLeft"===e.key&&t>0&&W(t-1)}(e,n)},onFocus:function(e){$(n)},onSelect:function(e){return t=e.target,void setTimeout((function(){t.setSelectionRange(t.value.length,t.value.length)}),0);var t},onBlur:N,placeholder:M!==n?"⦁":void 0,autoComplete:g?"one-time-code":"off",value:D[n]||"",autoFocus:O&&0===n,onCopy:function(e){return"disabled"===S&&e.preventDefault()},onPaste:function(e){return"disabled"===S&&e.preventDefault()}})})))}));exports.PinInputField=b;

package/dist/components/Form/PinInputField/PinInputField.js

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

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

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

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

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

package/dist/components/Form/RadioButton/RadioButton.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");require("../../Element/Tags.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["onClick"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}var a=e.forwardRef((function(a,i){var u=a.onClick,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,n);return e.createElement(t.Element,{as:"div","data-radio-button":!0,ref:i,onClick:u},e.createElement(r.BaseInputComponent,o({as:"input",type:"radio"},l)))}));exports.RadioButton=a;

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

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

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

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

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

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

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

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Tags.cjs"),t=require("../BaseInputComponent/BaseInputComponent.cjs");require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["options","defaultValue","required"],a=["size"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}function u(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}var i=function(t){var a=t.options;t.defaultValue;var i=t.required,l=u(t,n);return e.createElement(r.Div,{"data-radio-tab-group":!0,name:l.name,required:i},a.map((function(r){return e.createElement(e.Fragment,{key:r.id},e.createElement("input",o({type:"radio"},l,r)),e.createElement("label",{htmlFor:r.id},r.label))})))},l=e.forwardRef((function(r,n){var l=r.size,s=void 0===l?"medium":l,c=u(r,a),p=[];return s&&p.push("size-".concat(s)),e.createElement(t.BaseInputComponent,o({as:i,ref:n,classNames:p},c))}));exports.RadioTabGroup=l;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Tags.cjs"),t=require("../BaseInputComponent/BaseInputComponent.cjs");require("../../Element/Element.cjs"),require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["options","defaultValue","required"],a=["size"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}function u(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}var i=function(t){var a=t.options;t.defaultValue;var i=t.required,l=u(t,n);return e.createElement(r.Div,{"data-radio-tab-group":!0,name:l.name,required:i},a.map((function(r){return e.createElement(e.Fragment,{key:r.id},e.createElement("input",o({type:"radio"},l,r)),e.createElement("label",{htmlFor:r.id},r.label))})))},l=e.forwardRef((function(r,n){var l=r.size,s=void 0===l?"medium":l,c=u(r,a),p=[];return s&&p.push("size-".concat(s)),e.createElement(t.BaseInputComponent,o({as:i,ref:n,classNames:p,bgColour:c.bgColour},c))}));exports.RadioTabGroup=l;

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

@@ -1,49 +1,50 @@
+"use client";
 import e from "react";
-import { Div as t } from "../../Element/Tags.js";
-import { BaseInputComponent as r } from "../BaseInputComponent/BaseInputComponent.js";
+import { Div as r } from "../../Element/Tags.js";
+import { BaseInputComponent as t } from "../BaseInputComponent/BaseInputComponent.js";
 import "../../Element/Element.js";
 import "../InputLabel/InputLabel.js";
 import "../FormItem/FormItem.js";
-var n = ["options", "defaultValue", "required"], a = ["size"];
-function o() {
-  return o = Object.assign ? Object.assign.bind() : function(e2) {
-    for (var t2 = 1; t2 < arguments.length; t2++) {
-      var r2 = arguments[t2];
-      for (var n2 in r2)
-        Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
+var n = ["options", "defaultValue", "required"], o = ["size"];
+function a() {
+  return a = 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;
-  }, o.apply(this, arguments);
+  }, a.apply(this, arguments);
 }
-function i(e2, t2) {
+function i(e2, r2) {
   if (null == e2)
     return {};
-  var r2, n2, a2 = function(e3, t3) {
+  var t2, n2, o2 = function(e3, r3) {
     if (null == e3)
       return {};
-    var r3, n3, a3 = {}, o3 = Object.keys(e3);
-    for (n3 = 0; n3 < o3.length; n3++)
-      r3 = o3[n3], t3.indexOf(r3) >= 0 || (a3[r3] = e3[r3]);
-    return a3;
-  }(e2, t2);
+    var t3, n3, o3 = {}, a3 = Object.keys(e3);
+    for (n3 = 0; n3 < a3.length; n3++)
+      t3 = a3[n3], r3.indexOf(t3) >= 0 || (o3[t3] = e3[t3]);
+    return o3;
+  }(e2, r2);
   if (Object.getOwnPropertySymbols) {
-    var o2 = Object.getOwnPropertySymbols(e2);
-    for (n2 = 0; n2 < o2.length; n2++)
-      r2 = o2[n2], t2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (a2[r2] = e2[r2]);
+    var a2 = Object.getOwnPropertySymbols(e2);
+    for (n2 = 0; n2 < a2.length; n2++)
+      t2 = a2[n2], r2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, t2) && (o2[t2] = e2[t2]);
   }
-  return a2;
+  return o2;
 }
-var l = function(r2) {
-  var a2 = r2.options;
-  r2.defaultValue;
-  var l2 = r2.required, m2 = i(r2, n);
-  return e.createElement(t, { "data-radio-tab-group": true, name: m2.name, required: l2 }, a2.map(function(t2) {
-    return e.createElement(e.Fragment, { key: t2.id }, /* @__PURE__ */ e.createElement("input", o({ type: "radio" }, m2, t2)), /* @__PURE__ */ e.createElement("label", { htmlFor: t2.id }, t2.label));
+var l = function(t2) {
+  var o2 = t2.options;
+  t2.defaultValue;
+  var l2 = t2.required, u2 = i(t2, n);
+  return e.createElement(r, { "data-radio-tab-group": true, name: u2.name, required: l2 }, o2.map(function(r2) {
+    return e.createElement(e.Fragment, { key: r2.id }, /* @__PURE__ */ e.createElement("input", a({ type: "radio" }, u2, r2)), /* @__PURE__ */ e.createElement("label", { htmlFor: r2.id }, r2.label));
   }));
-}, m = /* @__PURE__ */ e.forwardRef(function(t2, n2) {
-  var m2 = t2.size, u = void 0 === m2 ? "medium" : m2, p = i(t2, a), s = [];
-  return u && s.push("size-".concat(u)), /* @__PURE__ */ e.createElement(r, o({ as: l, ref: n2, classNames: s }, p));
+}, u = /* @__PURE__ */ e.forwardRef(function(r2, n2) {
+  var u2 = r2.size, m = void 0 === u2 ? "medium" : u2, p = i(r2, o), s = [];
+  return m && s.push("size-".concat(m)), /* @__PURE__ */ e.createElement(t, a({ as: l, ref: n2, classNames: s, bgColour: p.bgColour }, p));
 });
 export {
-  m as RadioTabGroup
+  u as RadioTabGroup
 };

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

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

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";