@cloudoperators/juno-ui-components 2.32.0 → 2.33.0

package/build/SelectOption.js

@@ -1,42 +1 @@
-import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-CwIj9-lM.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{I as It}from"./listbox-CbPsJ3A1.js";import"./Label.component-BYZfB1oK.js";import"./Spinner.component-CO095KvL.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";const optionStyles=`
-  jn-flex
-  jn-pt-[0.6875rem]
-  jn-pb-[0.5rem]
-  jn-pr-[0.875rem]
-  jn-select-none
-  data-[headlessui-state=active]:jn-outline-none
-  data-[headlessui-state=active]:jn-ring-2
-  data-[headlessui-state=active]:jn-ring-inset
-  data-[headlessui-state=active]:jn-ring-theme-focus
-  data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
-`,unselectedOptionStyles=`
-  jn-text-theme-default
-  jn-pl-[2.375rem]
-`,selectedOptionStyles=`
-  jn-text-theme-accent
-  jn-pl-3.5
-`,selectedIconStyles=`
-  jn-inline-block
-  jn-mr-1.5
-  jn-overflow-auto
-`,disabledOptionLabelStyles=`
-  jn-opacity-50
-  jn-cursor-not-allowed
-`,truncateOptionStyles=`
-  jn-block
-  jn-h-6
-  jn-overflow-hidden
-  jn-text-ellipsis
-  jn-whitespace-nowrap
-`,SelectOption=a=>{let{children:b,className:e="",disabled:f=!1,value:g="",label:c,...d}=a;const h=useContext(SelectContext),{truncateOptions:i,addOptionValueAndLabel:j}=h||{truncateOptions:!1,addOptionValueAndLabel:()=>{}};return useEffect(()=>{j(g,c,b)},[g,c,b]),(React__default.createElement(It.Option,{as:Fragment,disabled:f,value:g||b},a=>{let{selected:h}=a;return React__default.createElement("li",{className:`
-          juno-select-option 
-          jn-min-h-[2.5rem]
-          ${optionStyles}
-          ${h?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles}
-          ${f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":""}
-          ${i?"juno-select-option-truncate":""}
-          ${e}
-        `,...d},h?React__default.createElement(Icon,{icon:"check",size:"18",className:selectedIconStyles}):"",React__default.createElement("span",{className:`
-            ${f?disabledOptionLabelStyles:""}
-            ${i?truncateOptionStyles:""}
-          `},b||c||g))}))};export{SelectOption};
+export{S as SelectOption}from"./SelectOption.component-GxWRy28M.js";import"react";import"./Select.component-B61pnCf7.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";

package/build/{Select.component-DNPTrdQs.js → SelectRow.component-DKK8MJOk.js}

@@ -1,4 +1,4 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";const labelStyles=`
+import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const labelStyles=`
   jn-no-wrap
   jn-pointer-events-none
   jn-top-2
@@ -61,4 +61,4 @@ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React_
                   `},i),a=>{let{open:b,value:c}=a;return H||N?React__default.createElement("span",{className:`${centeredIconStyles}`},H?React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"}):N?React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"}):""):React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:`${truncateStyles}`},t?T(c)||h||c.join(", ")||u:F.get(c)?.displayName||h||c||u),React__default.createElement("span",{className:"jn-flex"},L?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",J?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):"",React__default.createElement("span",null,React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"}))))})),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:`
                         juno-select-menu
                         ${menuStyles}
-                      `},k)),R?R:document.body))),o&&C(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",w&&C(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",p&&C(p)?React__default.createElement(FormHint,{text:p,id:E}):""))},valuePropType=a=>{const{multiple:b,value:c}=a;if(c){if(b&&!Array.isArray(c))return new Error("Invalid prop value supplied to Select component: Pass an array when using as a multi-select.");if(!b&&"string"!=typeof c)return new Error("Invalid prop value supplied to Select component: Pass a string when using as single select.")}};Select.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,multiple:PropTypes.bool,name:PropTypes.string,onChange:PropTypes.func,onValueChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:valuePropType,valueLabel:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};export{Select as S,SelectContext as a};
+                      `},k)),R?R:document.body))),o&&C(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",w&&C(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",p&&C(p)?React__default.createElement(FormHint,{text:p,id:E}):""))},valuePropType=a=>{const{multiple:b,value:c}=a;if(c){if(b&&!Array.isArray(c))return new Error("Invalid prop value supplied to Select component: Pass an array when using as a multi-select.");if(!b&&"string"!=typeof c)return new Error("Invalid prop value supplied to Select component: Pass a string when using as single select.")}};Select.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,multiple:PropTypes.bool,name:PropTypes.string,onChange:PropTypes.func,onValueChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:valuePropType,valueLabel:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};const SelectRow=a=>{let{name:n=null,variant:b,label:o=null,id:p=null,helptext:q=null,required:r=null,className:s="",disabled:t=null,invalid:u=!1,errortext:v="",valid:c,placeholder:w="Select\u2026",successtext:d,children:e,value:f,onValueChange:g,onChange:h,defaultValue:i,open:j,error:k,loading:l,...m}=a;return React__default.createElement(FormRow,null,React__default.createElement(Select,_extends({name:n,id:p,label:o,required:r,placeholder:w,onChange:g||h,disabled:t,invalid:u,valid:c,value:f,variant:b,defaultValue:i,open:j,error:k,loading:l,errortext:v,helptext:q,successtext:d,className:s},m),e))};SelectRow.propTypes={name:PropTypes.string,label:PropTypes.string,placeholder:PropTypes.string,id:PropTypes.string,helptext:PropTypes.node,required:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,children:PropTypes.node,valid:PropTypes.bool,value:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),onValueChange:PropTypes.func,onChange:PropTypes.func,onOpenChange:PropTypes.func,defaultValue:PropTypes.string,open:PropTypes.bool,error:PropTypes.bool,loading:PropTypes.bool,successtext:PropTypes.string};var SelectRow_component=withDeprecationWarning(SelectRow,"SelectRow is deprecated and will be removed in future versions. To be future-proof, use Select instead.");export{SelectRow_component as S,SelectContext as a,Select as b};

package/build/SelectRow.js

@@ -1 +1 @@
-export{S as SelectRow}from"./SelectRow.component-D0F2VY1t.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Select.component-DNPTrdQs.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./FormRow.component-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";
+export{S as SelectRow}from"./SelectRow.component-DKK8MJOk.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./FormRow.component-OkQblu_q.js";

package/build/{StyleProvider.component-DpOVgdlo.js → StyleProvider.component-CqbWBDF7.js}

@@ -1 +1 @@
-import React__default,{useRef,useState,useInsertionEffect,useCallback,useEffect,useMemo,createContext}from"react";import PropTypes from"prop-types";import ReactDOM__default from"react-dom";import{c as css_248z,a as css_248z$1,t as tailwindTheme}from"./ibm-plex-BfDpQmIi.js";const ShadowRoot=a=>{let{mode:b="open",delegatesFocus:c=!1,children:d=null}=a;const e=useRef(),[f,g]=useState();return React__default.useEffect(()=>{e.current&&g(e.current.attachShadow({delegatesFocus:c,mode:b}))},[]),React__default.createElement("div",{ref:e,"data-shadow-host":"true",style:{height:"100%"}},f&&ReactDOM__default.createPortal(d,f))};ShadowRoot.propTypes={mode:PropTypes.oneOf(["open","closed"]),delegatesFocus:PropTypes.bool,children:PropTypes.node};const STYLE_ID="juno-style-provider-golbal-fonts",Fonts=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!b&&!document.querySelector(`[id="${STYLE_ID}"]`)){const a=document.createElement("style");a.setAttribute("id",STYLE_ID),a.innerHTML=css_248z.toString(),document.head.appendChild(a)}},[]),b?React__default.createElement("style",{[`data-${STYLE_ID}`]:""},css_248z.toString()):null};Fonts.propTypes={inline:PropTypes.bool};const styles=css_248z$1.toString(),GLOBAL_STYLE_ID="juno-style-provider-global-styles",GlobalStyles=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!(b||document.querySelector(`[id="${GLOBAL_STYLE_ID}"]`))){const a=document.createElement("style");a.setAttribute("id",GLOBAL_STYLE_ID),a.appendChild(document.createTextNode(styles)),document.head.append(a)}},[]),b?React__default.createElement("style",{[`data-${GLOBAL_STYLE_ID}`]:""},styles):null};GlobalStyles.propTypes={inline:PropTypes.bool};function useLocalStorage(a,b){const[c,d]=useState(()=>{try{const c=window.localStorage.getItem(a);return c?JSON.parse(c):b}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}});return[c,e=>{try{const b=e instanceof Function?e(c):e;d(b),window.localStorage.setItem(a,JSON.stringify(b))}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}}]}const StylesContext=createContext(),APP_BODY_CSS_CLASS_NAME="juno-app-body",DEFAULT_THEME_NAME="theme-dark",StyleProvider=a=>{let{stylesWrapper:d="inline",theme:b,children:e=null,shadowRootMode:c}=a;const f=b||DEFAULT_THEME_NAME,[g,h]=useLocalStorage("juno-theme",f),i=useRef(g),j=useRef(APP_BODY_CSS_CLASS_NAME+" "+f),k=useRef(null),l=useCallback(a=>{let{children:b}=a;return"shadowRoot"===d?React__default.createElement(ShadowRoot,{mode:c},b):b},[d,c]),m=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.add(a),j.current=k.current.className)},[]),n=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(a),j.current=k.current.className)},[]),o=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(i.current),k.current.classList.add(a),i.current=a,j.current=k.current.className,h(a))},[k.current,i.current]);return useEffect(()=>{k.current&&o(b||DEFAULT_THEME_NAME)},[b]),useMemo(()=>React__default.createElement(l,null,React__default.createElement(Fonts,{inline:"head"!==d}),React__default.createElement(GlobalStyles,{inline:"head"!==d}),React__default.createElement(StylesContext.Provider,{value:{styles,theme:tailwindTheme,currentTheme:i.current,setThemeClass:o,addCssClass:m,removeCssClass:n}},React__default.createElement("div",{className:j.current,ref:k},e))),[d,e,c,j.current,o])};StyleProvider.propTypes={children:PropTypes.node,stylesWrapper:PropTypes.oneOf(["head","inline","shadowRoot"]),theme:PropTypes.string,shadowRootMode:PropTypes.oneOf(["open","closed"])},StyleProvider.useStyles=()=>React__default.useContext(StylesContext);export{ShadowRoot as S,StyleProvider as a};
+import React__default,{useRef,useState,useInsertionEffect,useCallback,useEffect,useMemo,createContext}from"react";import PropTypes from"prop-types";import ReactDOM__default from"react-dom";import{c as css_248z,a as css_248z$1,t as tailwindTheme}from"./ibm-plex-DkmjUb78.js";const ShadowRoot=a=>{let{mode:b="open",delegatesFocus:c=!1,children:d=null}=a;const e=useRef(),[f,g]=useState();return React__default.useEffect(()=>{e.current&&g(e.current.attachShadow({delegatesFocus:c,mode:b}))},[]),React__default.createElement("div",{ref:e,"data-shadow-host":"true",style:{height:"100%"}},f&&ReactDOM__default.createPortal(d,f))};ShadowRoot.propTypes={mode:PropTypes.oneOf(["open","closed"]),delegatesFocus:PropTypes.bool,children:PropTypes.node};const STYLE_ID="juno-style-provider-golbal-fonts",Fonts=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!b&&!document.querySelector(`[id="${STYLE_ID}"]`)){const a=document.createElement("style");a.setAttribute("id",STYLE_ID),a.innerHTML=css_248z.toString(),document.head.appendChild(a)}},[]),b?React__default.createElement("style",{[`data-${STYLE_ID}`]:""},css_248z.toString()):null};Fonts.propTypes={inline:PropTypes.bool};const styles=css_248z$1.toString(),GLOBAL_STYLE_ID="juno-style-provider-global-styles",GlobalStyles=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!(b||document.querySelector(`[id="${GLOBAL_STYLE_ID}"]`))){const a=document.createElement("style");a.setAttribute("id",GLOBAL_STYLE_ID),a.appendChild(document.createTextNode(styles)),document.head.append(a)}},[]),b?React__default.createElement("style",{[`data-${GLOBAL_STYLE_ID}`]:""},styles):null};GlobalStyles.propTypes={inline:PropTypes.bool};function useLocalStorage(a,b){const[c,d]=useState(()=>{try{const c=window.localStorage.getItem(a);return c?JSON.parse(c):b}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}});return[c,e=>{try{const b=e instanceof Function?e(c):e;d(b),window.localStorage.setItem(a,JSON.stringify(b))}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}}]}const StylesContext=createContext(),APP_BODY_CSS_CLASS_NAME="juno-app-body",DEFAULT_THEME_NAME="theme-dark",StyleProvider=a=>{let{stylesWrapper:d="inline",theme:b,children:e=null,shadowRootMode:c}=a;const f=b||DEFAULT_THEME_NAME,[g,h]=useLocalStorage("juno-theme",f),i=useRef(g),j=useRef(APP_BODY_CSS_CLASS_NAME+" "+f),k=useRef(null),l=useCallback(a=>{let{children:b}=a;return"shadowRoot"===d?React__default.createElement(ShadowRoot,{mode:c},b):b},[d,c]),m=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.add(a),j.current=k.current.className)},[]),n=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(a),j.current=k.current.className)},[]),o=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(i.current),k.current.classList.add(a),i.current=a,j.current=k.current.className,h(a))},[k.current,i.current]);return useEffect(()=>{k.current&&o(b||DEFAULT_THEME_NAME)},[b]),useMemo(()=>React__default.createElement(l,null,React__default.createElement(Fonts,{inline:"head"!==d}),React__default.createElement(GlobalStyles,{inline:"head"!==d}),React__default.createElement(StylesContext.Provider,{value:{styles,theme:tailwindTheme,currentTheme:i.current,setThemeClass:o,addCssClass:m,removeCssClass:n}},React__default.createElement("div",{className:j.current,ref:k},e))),[d,e,c,j.current,o])};StyleProvider.propTypes={children:PropTypes.node,stylesWrapper:PropTypes.oneOf(["head","inline","shadowRoot"]),theme:PropTypes.string,shadowRootMode:PropTypes.oneOf(["open","closed"])},StyleProvider.useStyles=()=>React__default.useContext(StylesContext);export{ShadowRoot as S,StyleProvider as a};

package/build/StyleProvider.js

@@ -1 +1 @@
-import React__default,{useInsertionEffect,useState,createContext,useRef,useCallback,useEffect,useMemo}from"react";import{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";import{c as css_248z,a as css_248z$1,t as tailwindTheme}from"./ibm-plex-BfDpQmIi.js";import"react-dom";import"./_commonjsHelpers-BxGi5vpY.js";const STYLE_ID="juno-style-provider-golbal-fonts",Fonts=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!b&&!document.querySelector(`[id="${STYLE_ID}"]`)){const a=document.createElement("style");a.setAttribute("id",STYLE_ID),a.innerHTML=css_248z.toString(),document.head.appendChild(a)}},[]),b?React__default.createElement("style",{[`data-${STYLE_ID}`]:""},css_248z.toString()):null},styles=css_248z$1.toString(),GLOBAL_STYLE_ID="juno-style-provider-global-styles",GlobalStyles=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!(b||document.querySelector(`[id="${GLOBAL_STYLE_ID}"]`))){const a=document.createElement("style");a.setAttribute("id",GLOBAL_STYLE_ID),a.appendChild(document.createTextNode(styles)),document.head.append(a)}},[]),b?React__default.createElement("style",{[`data-${GLOBAL_STYLE_ID}`]:""},styles):null};function useLocalStorage(a,b){const[c,d]=useState(()=>{try{const c=window.localStorage.getItem(a);return c?JSON.parse(c):b}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}});return[c,e=>{try{const b=e instanceof Function?e(c):e;d(b),window.localStorage.setItem(a,JSON.stringify(b))}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}}]}const StylesContext=createContext(void 0),APP_BODY_CSS_CLASS_NAME="juno-app-body",DEFAULT_THEME_NAME="theme-dark",StyleProvider=a=>{let{stylesWrapper:d="inline",theme:b,children:e=null,shadowRootMode:c}=a;const f=b||DEFAULT_THEME_NAME,[g,h]=useLocalStorage("juno-theme",f),i=useRef(g),j=useRef(APP_BODY_CSS_CLASS_NAME+" "+f),k=useRef(null),l=useCallback(a=>{let{children:b}=a;return"shadowRoot"===d?React__default.createElement(ShadowRoot,{mode:c},b):b},[d,c]),m=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.add(a),j.current=k.current.className)},[]),n=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(a),j.current=k.current.className)},[]),o=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(i.current),k.current.classList.add(a),i.current=a,j.current=k.current.className,h(a))},[k.current,i.current]);return useEffect(()=>{k.current&&o(b||DEFAULT_THEME_NAME)},[b]),useMemo(()=>(React__default.createElement(l,null,React__default.createElement(Fonts,{inline:"head"!==d}),React__default.createElement(GlobalStyles,{inline:"head"!==d}),React__default.createElement(StylesContext.Provider,{value:{styles,theme:tailwindTheme,currentTheme:i.current,setThemeClass:o,addCssClass:m,removeCssClass:n}},React__default.createElement("div",{className:j.current,ref:k},e)))),[d,e,c,j.current,o])};StyleProvider.useStyles=()=>React__default.useContext(StylesContext);export{StyleProvider};
+import React__default,{useInsertionEffect,useState,createContext,useRef,useCallback,useEffect,useMemo}from"react";import{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";import{c as css_248z,a as css_248z$1,t as tailwindTheme}from"./ibm-plex-DkmjUb78.js";import"react-dom";import"./_commonjsHelpers-BxGi5vpY.js";const STYLE_ID="juno-style-provider-golbal-fonts",Fonts=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!b&&!document.querySelector(`[id="${STYLE_ID}"]`)){const a=document.createElement("style");a.setAttribute("id",STYLE_ID),a.innerHTML=css_248z.toString(),document.head.appendChild(a)}},[]),b?React__default.createElement("style",{[`data-${STYLE_ID}`]:""},css_248z.toString()):null},styles=css_248z$1.toString(),GLOBAL_STYLE_ID="juno-style-provider-global-styles",GlobalStyles=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!(b||document.querySelector(`[id="${GLOBAL_STYLE_ID}"]`))){const a=document.createElement("style");a.setAttribute("id",GLOBAL_STYLE_ID),a.appendChild(document.createTextNode(styles)),document.head.append(a)}},[]),b?React__default.createElement("style",{[`data-${GLOBAL_STYLE_ID}`]:""},styles):null};function useLocalStorage(a,b){const[c,d]=useState(()=>{try{const c=window.localStorage.getItem(a);return c?JSON.parse(c):b}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}});return[c,e=>{try{const b=e instanceof Function?e(c):e;d(b),window.localStorage.setItem(a,JSON.stringify(b))}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}}]}const StylesContext=createContext(void 0),APP_BODY_CSS_CLASS_NAME="juno-app-body",DEFAULT_THEME_NAME="theme-dark",StyleProvider=a=>{let{stylesWrapper:d="inline",theme:b,children:e=null,shadowRootMode:c}=a;const f=b||DEFAULT_THEME_NAME,[g,h]=useLocalStorage("juno-theme",f),i=useRef(g),j=useRef(APP_BODY_CSS_CLASS_NAME+" "+f),k=useRef(null),l=useCallback(a=>{let{children:b}=a;return"shadowRoot"===d?React__default.createElement(ShadowRoot,{mode:c},b):b},[d,c]),m=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.add(a),j.current=k.current.className)},[]),n=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(a),j.current=k.current.className)},[]),o=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(i.current),k.current.classList.add(a),i.current=a,j.current=k.current.className,h(a))},[k.current,i.current]);return useEffect(()=>{k.current&&o(b||DEFAULT_THEME_NAME)},[b]),useMemo(()=>(React__default.createElement(l,null,React__default.createElement(Fonts,{inline:"head"!==d}),React__default.createElement(GlobalStyles,{inline:"head"!==d}),React__default.createElement(StylesContext.Provider,{value:{styles,theme:tailwindTheme,currentTheme:i.current,setThemeClass:o,addCssClass:m,removeCssClass:n}},React__default.createElement("div",{className:j.current,ref:k},e)))),[d,e,c,j.current,o])};StyleProvider.useStyles=()=>React__default.useContext(StylesContext);export{StyleProvider};

package/build/{SwitchRow.component-BNceFC47.js → SwitchRow.component-CmboUtfc.js}

@@ -1,4 +1,4 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-fIFVSC34.js";const switchWrapperStyles=`
+import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const switchWrapperStyles=`
 	jn-flex
 	jn-flex-row
 	jn-items-center

package/build/SwitchRow.js

@@ -1 +1 @@
-export{S as SwitchRow}from"./SwitchRow.component-BNceFC47.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";
+export{S as SwitchRow}from"./SwitchRow.component-CmboUtfc.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-OkQblu_q.js";

package/build/TextInputRow.component-fXXdeFjF.js

@@ -0,0 +1 @@
+import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const TextInputRow=a=>{let{type:c=null,value:d="",name:e="",label:f="",id:g="",placeholder:h="",helptext:i="",required:j=!1,invalid:k=!1,errortext:l="",valid:m=!1,successtext:n="",autoFocus:o=!1,className:p="",disabled:q=!1,onChange:r=void 0,onFocus:s=void 0,onBlur:t=void 0,...b}=a;return React__default.createElement(FormRow,null,React__default.createElement(TextInput,_extends({type:c,value:d,name:e,id:g,label:f,required:j,placeholder:h,disabled:q,invalid:k,valid:m,autoFocus:o,onChange:r,errortext:l,helptext:i,successtext:n,className:p,onFocus:s,onBlur:t},b)))};TextInputRow.propTypes={type:PropTypes.oneOf(["text","password","email","tel","url","number"]),value:PropTypes.string,name:PropTypes.string,label:PropTypes.string,id:PropTypes.string,placeholder:PropTypes.string,helptext:PropTypes.node,required:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,valid:PropTypes.bool,successtext:PropTypes.string,autoFocus:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func};var TextInputRow_component=withDeprecationWarning(TextInputRow,"TextInputRow is deprecated and will be removed in future versions. To be future-proof, use TextInput instead.");export{TextInputRow_component as T};

package/build/TextInputRow.js

@@ -1 +1 @@
-export{T as TextInputRow}from"./TextInputRow.component-DEWfa_NF.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";
+export{T as TextInputRow}from"./TextInputRow.component-fXXdeFjF.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-OkQblu_q.js";

package/build/{TextareaRow.component-DSJ_PFIw.js → TextareaRow.component-DcyMqrAg.js}

@@ -1,4 +1,4 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-fIFVSC34.js";const wrapperStyles=`
+import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const wrapperStyles=`
   jn-inline-block
   jn-relative
 `,textareastyles=`

package/build/TextareaRow.js

@@ -1 +1 @@
-export{T as TextareaRow}from"./TextareaRow.component-DSJ_PFIw.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";
+export{T as TextareaRow}from"./TextareaRow.component-DcyMqrAg.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-OkQblu_q.js";

package/build/{ThemeToggle.component-CNb4Nbso.js → ThemeToggle.component-C15TCL63.js}

@@ -1,4 +1,4 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{a as StyleProvider}from"./StyleProvider.component-DpOVgdlo.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";const toggleStyles=`
+import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{a as StyleProvider}from"./StyleProvider.component-CqbWBDF7.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";const toggleStyles=`
   jn-inline-flex 
   jn-justify-center 
   jn-items-center

package/build/ThemeToggle.js

@@ -1 +1 @@
-export{T as ThemeToggle}from"./ThemeToggle.component-CNb4Nbso.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./StyleProvider.component-DpOVgdlo.js";import"react-dom";import"./ibm-plex-BfDpQmIi.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";
+export{T as ThemeToggle}from"./ThemeToggle.component-C15TCL63.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./StyleProvider.component-CqbWBDF7.js";import"react-dom";import"./ibm-plex-DkmjUb78.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";

package/build/components/AppShell/AppShell.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.component.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB;;GAEG;AACH,eAAO,MAAM,QAAQ,yIAWlB,aAAa,sBAsDf,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gLAAgL;IAChL,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACrC,uGAAuG;IACvG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gHAAgH;IAChH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kHAAkH;IAClH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qMAAqM;IACrM,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;sJACkJ;IAClJ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2YAA2Y;IAC3Y,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"AppShell.component.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;GAEG;AACH,eAAO,MAAM,QAAQ,yIAWlB,aAAa,sBA+Df,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gLAAgL;IAChL,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACrC,uGAAuG;IACvG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gHAAgH;IAChH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kHAAkH;IAClH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qMAAqM;IACrM,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;sJACkJ;IAClJ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2YAA2Y;IAC3Y,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface ContentAreaToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+    /**
+     * Custom content to render within the content area toolbar.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * ContentAreaToolbar represents the main toolbar within the content area.
+ * It is designed to hold main actions relevant to the current page.
+ */
+export declare const ContentAreaToolbar: React.FC<ContentAreaToolbarProps>;
+//# sourceMappingURL=ContentAreaToolbar.component.d.ts.map

package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentAreaToolbar.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentAreaToolbar/ContentAreaToolbar.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAMhE,CAAA"}

package/build/components/ContentAreaToolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { ContentAreaToolbar } from "./ContentAreaToolbar.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/ContentAreaToolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentAreaToolbar/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA"}

package/build/components/ContentContainer/ContentContainer.component.d.ts

@@ -1,12 +1,19 @@
 import React from "react";
-/**
- * Only needed if you want to build your app's scaffold manually. In most cases it is better to use the AppShell component instead.
- * A container for app content. Will be centered on the screen when browser window is wider than the max breakpoint width.
- */
-export declare const ContentContainer: ({ className, children, ...props }: ContentContainerProps) => React.JSX.Element;
-export interface ContentContainerProps {
-    /** Add custom class name */
+export interface ContentContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes for custom styling.
+     */
     className?: string;
+    /**
+     * Custom content to render within the container.
+     */
     children?: React.ReactNode;
 }
+/**
+ * ContentContainer serves as a wrapper for app content.
+ * It is intended for manual app scaffold creation. In most cases, using the AppShell component instead is recommended.
+ *
+ * Note: When the browser window is wider than the max breakpoint width, the content within this container will be centered on the screen.
+ */
+export declare const ContentContainer: React.FC<ContentContainerProps>;
 //# sourceMappingURL=ContentContainer.component.d.ts.map

package/build/components/ContentContainer/ContentContainer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB;;;GAGG;AACH,eAAO,MAAM,gBAAgB,sCAAmD,qBAAqB,sBAMpG,CAAA;AAED,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA"}

package/build/components/ContentHeading/ContentHeading.component.d.ts

@@ -1,15 +1,24 @@
 import React from "react";
-/**
-
- *The main heading of a page/View. Pass as a child into `<AppShell>` or, when scaffolding manually, into `<ContentContainer>`.
- */
-export declare const ContentHeading: ({ heading, className, children, ...props }: ContentHeadingProps) => React.JSX.Element;
-export interface ContentHeadingProps {
-    /** Optionally render children. If children are present, heading will be ignored */
+export interface ContentHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Custom content to render within the container heading.
+     * Takes precedence over the heading prop.
+     */
     children?: React.ReactNode;
-    /** Text to use as a title */
+    /**
+     * Text for the heading. Used if children is not provided.
+     * Children prop takes precedence.
+     */
     heading?: string;
-    /** Add custom class name */
+    /**
+     * Additional CSS classes for custom styling.
+     */
     className?: string;
 }
+/**
+ * ContentHeading represents the main heading of a page or view.
+ * It can be used within an `<AppShell>` component or, if scaffolding manually, within a `<ContentContainer>` component.
+ * The heading text can be provided either via the `heading` prop or by passing it as `children`.
+ */
+export declare const ContentHeading: React.FC<ContentHeadingProps>;
 //# sourceMappingURL=ContentHeading.component.d.ts.map

package/build/components/ContentHeading/ContentHeading.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;;GAGG;AACH,eAAO,MAAM,cAAc,+CAAiE,mBAAmB,sBAM9G,CAAA;AAED,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMxD,CAAA"}

package/build/components/HeaderContainer/HeaderContainer.component.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const HeaderContainer: React.FC<HeaderContainerProps>;
+export interface HeaderContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the page/view content will stretch over the full width of the viewport or not. Default is `false`. */
+    fullWidth?: boolean;
+    /** Add custom class name */
+    className?: string;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=HeaderContainer.component.d.ts.map

package/build/components/HeaderContainer/HeaderContainer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderContainer/HeaderContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkB1D,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,iHAAiH;IACjH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/build/components/HeaderContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { HeaderContainer, type HeaderContainerProps } from "./HeaderContainer.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/HeaderContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderContainer/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,6BAA6B,CAAA"}

package/build/components/Pagination/Pagination.component.d.ts

@@ -0,0 +1,72 @@
+import React from "react";
+export type PaginationProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur"> & {
+    /**
+     * The variant determines the style and user interaction method of the Pagination component:
+     * - "default": Renders previous and next buttons only.
+     * - "number": Displays the current page number between next and previous buttons.
+     * - "select": Provides a dropdown menu between next and previous buttons for specific page selection.
+     * - "input": Provides an input field for specific page entry.
+     */
+    variant?: "default" | "number" | "select" | "input";
+    /**
+     * The current page number.
+     */
+    currentPage?: number;
+    /**
+     * The total number of pages available.
+     */
+    totalPages?: number;
+    /**
+     * A fallback property for providing the total number of pages, maintained for backward compatibility.
+     */
+    pages?: number;
+    /**
+     * When true, disables the entire pagination component, preventing any interaction.
+     */
+    disabled?: boolean;
+    /**
+     * When true, simulates the component being on the first page, disabling the previous button.
+     */
+    isFirstPage?: boolean;
+    /**
+     * When true, simulates the component being on the last page, disabling the next button.
+     */
+    isLastPage?: boolean;
+    /**
+     * Callback function triggered when the previous button is pressed.
+     */
+    onPressPrevious?: (newPage?: number) => void;
+    /**
+     * Callback function triggered when the next button is pressed.
+     */
+    onPressNext?: (newPage?: number) => void;
+    /**
+     * Callback function triggered when a new page is selected from the dropdown, applicable when variant is "select".
+     */
+    onSelectChange?: (selected: number) => void;
+    /**
+     * Callback function triggered when the input field value changes, applicable when variant is "input".
+     */
+    onInputChange?: (inputValue?: number) => void;
+    /**
+     * Callback function triggered when a key is pressed in the input field, applicable when variant is "input".
+     */
+    onKeyPress?: (controlCurrentPage?: number) => void;
+    /**
+     * Callback function triggered when the input field loses focus, applicable when variant is "input".
+     */
+    onBlur?: (controlCurrentPage?: number) => void;
+    /**
+     * Displays a loading spinner and disables interaction when true.
+     */
+    progress?: boolean;
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+};
+/**
+ * The Pagination component provides navigation controls for paginated content.
+ */
+export declare const Pagination: React.FC<PaginationProps>;
+//# sourceMappingURL=Pagination.component.d.ts.map

package/build/components/Pagination/Pagination.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkBlD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IACnF;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuMhD,CAAA"}

package/build/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from "./Pagination.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA"}

package/build/components/Panel/Panel.component.d.ts

@@ -0,0 +1,39 @@
+import { FC, HTMLAttributes, ReactNode, MouseEvent } from "react";
+type PanelSize = "default" | "large";
+export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Title of the panel.
+     */
+    heading?: ReactNode;
+    /**
+     * Size of the opened panel.
+     */
+    size?: PanelSize;
+    /**
+     * Controls whether the panel is open and visible.
+     */
+    opened?: boolean;
+    /**
+     * Determines whether the panel can be closed using a close button.
+     */
+    closeable?: boolean;
+    /**
+     * Handler called when the close button is clicked.
+     */
+    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Additional CSS classes to apply to the panel for custom styling.
+     */
+    className?: string;
+    /**
+     * Content to be rendered inside the main body of the panel.
+     */
+    children?: ReactNode;
+}
+/**
+ * A Panel component that slides in from the right side of the screen.
+ * It can be used to display additional content/controls for the content area.
+ */
+export declare const Panel: FC<PanelProps>;
+export {};
+//# sourceMappingURL=Panel.component.d.ts.map

package/build/components/Panel/Panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAsDrG,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA8DhC,CAAA"}

package/build/components/Panel/index.d.ts

@@ -0,0 +1,2 @@
+export { Panel } from "./Panel.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/Panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA"}

package/build/components/PanelBody/PanelBody.component.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode, HTMLAttributes } from "react";
+export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes to apply to the panel body for custom styling.
+     */
+    className?: string;
+    /**
+     * The content to be rendered inside the panel body.
+     * Typically, this will include form elements and other interactive content.
+     */
+    children?: ReactNode;
+    /**
+     * Optional footer component to be rendered below the main content.
+     * The footer can include buttons or other control elements.
+     */
+    footer?: React.ReactElement;
+}
+/**
+ * A PanelBody component is used to encapsulate the main content of a panel.
+ * The primary content for the panel, such as forms or information, is rendered here.
+ */
+export declare const PanelBody: React.FC<PanelBodyProps>;
+//# sourceMappingURL=PanelBody.component.d.ts.map

package/build/components/PanelBody/PanelBody.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOxD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAA"}

package/build/components/PanelBody/index.d.ts

@@ -0,0 +1,2 @@
+export { PanelBody } from "./PanelBody.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/PanelBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA"}

package/build/components/PanelFooter/PanelFooter.component.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode, HTMLAttributes } from "react";
+export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes to apply to the panel footer for custom styling.
+     */
+    className?: string;
+    /**
+     * The content to render inside the panel footer.
+     * Typically, this will include buttons or other control elements.
+     */
+    children?: ReactNode;
+}
+/**
+ * The PanelFooter component renders the footer section of a panel.
+ * Typically used to contain footer elements like buttons, which can be added to the PanelBody component via its `footer` property.
+ * Buttons placed inside will be automatically aligned to the right.
+ */
+export declare const PanelFooter: React.FC<PanelFooterProps>;
+//# sourceMappingURL=PanelFooter.component.d.ts.map

package/build/components/PanelFooter/PanelFooter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAA"}

package/build/components/PanelFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { PanelFooter } from "./PanelFooter.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/PanelFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA"}

package/build/components/Select/Select.component.d.ts

@@ -5,7 +5,7 @@ export type SelectContextProps = {
     addOptionValueAndLabel: (value: unknown, label: unknown, children: unknown) => void;
 };
 export declare const SelectContext: React.Context<SelectContextProps | undefined>;
-export interface SelectProps {
+export interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange"> {
     /** Pass an aria-label to the Select toggle button */
     ariaLabel?: string;
     /** The children to render as options. Use the SelectOption component, and SelectDivider if needed. */
@@ -35,7 +35,7 @@ export interface SelectProps {
     /** Pass a name attribute to the Select to be transmitted when used in a form. */
     name?: string;
     /** Handler to be executed when the selected value changes */
-    onChange?: (...args: unknown[]) => unknown;
+    onChange?: (value?: string | number | string[]) => void;
     /** Handle for openning of select */
     open?: boolean;
     /** LEGACY: Handler to be executed when the Select value changes. Here for backwards compatibility with apps based on older versions of Select. Use onChange instead. */

package/build/components/Select/Select.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAUjF,OAAO,eAAe,CAAA;AAwDtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,EAAE,OAAO,CAAA;IAExB,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACpF,CAAA;AACD,eAAO,MAAM,aAAa,+CAA2D,CAAA;AAErF,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4KAA4K;IAC5K,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAE7D,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;IAC1C,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wKAAwK;IAExK,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;IAC/C,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,2IAA2I;IAC3I,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+JAA+J;IAC/J,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;2KACuK;IACvK,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;IAC9D,wMAAwM;IACxM,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;EAGE;AACF,eAAO,MAAM,MAAM,4RA4BhB,WAAW,sBA2Ob,CAAA"}
+{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAUjF,OAAO,eAAe,CAAA;AAwDtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,EAAE,OAAO,CAAA;IAExB,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACpF,CAAA;AACD,eAAO,MAAM,aAAa,+CAA2D,CAAA;AAErF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAClG,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4KAA4K;IAC5K,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAE7D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACvD,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wKAAwK;IAExK,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;IAC/C,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,2IAA2I;IAC3I,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+JAA+J;IAC/J,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;2KACuK;IACvK,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;IAC9D,wMAAwM;IACxM,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;EAGE;AACF,eAAO,MAAM,MAAM,4RA4BhB,WAAW,sBA2Ob,CAAA"}

package/build/components/TextInput/TextInput.component.d.ts

@@ -7,7 +7,7 @@ Also covers email, telephone, password, url derivates.
 export declare const TextInput: ({ value, id, name, placeholder, disabled, readOnly, required, invalid, valid, autoFocus, className, autoComplete, helptext, successtext, errortext, onChange, onFocus, onBlur, type, label, width, wrapperClassName, ...props }: TextInputProps) => React.JSX.Element;
 type TextInputType = "text" | "email" | "password" | "tel" | "url" | "number";
 type TextInputWidth = "full" | "auto";
-export interface TextInputProps {
+export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /** Pass a name attribute */
     name?: string;
     /** Pass a value */

package/build/components/TextInput/TextInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,OAAO,kBAAkB,CAAA;AAoEzB;;;EAGE;AACF,eAAO,MAAM,SAAS,oOAwBnB,cAAc,sBAyIhB,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC7C,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC/B,qEAAqE;IACrE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAClC,iFAAiF;IACjF,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,OAAO,kBAAkB,CAAA;AAoEzB;;;EAGE;AACF,eAAO,MAAM,SAAS,oOAwBnB,cAAc,sBAyIhB,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC7C,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC/B,qEAAqE;IACrE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAClC,iFAAiF;IACjF,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}