@public-ui/sample-react 3.0.2-4633c75bfe6e8436d102c316ead90b0a2b4974ef.0 → 3.0.2-4d9d73e6b2febbdb23cf92ad1926eb0ccb66d12c.0

package/dist/assets/max-length-behavior-Dz2KB_23-Dzkr52ll.js

@@ -0,0 +1,4 @@
+import{m as e,w as n}from"./index-yJ8X--q8.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const h=(t,o,a)=>{e(t,"_hasCounter",o,a)},r=["hard","soft"],i=(t,o)=>{n(t,"_maxLengthBehavior",a=>typeof a=="string"&&r.includes(a),new Set(["String {hard, soft}"]),o)};export{h as a,i as v};
+//# sourceMappingURL=max-length-behavior-Dz2KB_23-Dzkr52ll.js.map

package/dist/assets/max-length-behavior-Dz2KB_23-Dzkr52ll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"max-length-behavior-Dz2KB_23-Dzkr52ll.js","sources":["../../../../components/dist/esm/max-length-behavior-Dz2KB_23.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean, w as watchValidator } from './progress-DvHYRA46.js';\n\nconst validateHasCounter = (component, value, options) => {\n    watchBoolean(component, '_hasCounter', value, options);\n};\n\nconst maxLengthBehaviorPropTypeOptions = ['hard', 'soft'];\nconst validateMaxLengthBehavior = (component, value) => {\n    watchValidator(component, '_maxLengthBehavior', (value) => typeof value === 'string' && maxLengthBehaviorPropTypeOptions.includes(value), new Set(['String {hard, soft}']), value);\n};\n\nexport { validateHasCounter as a, validateMaxLengthBehavior as v };\n//# sourceMappingURL=max-length-behavior-Dz2KB_23.js.map\n\n//# sourceMappingURL=max-length-behavior-Dz2KB_23.js.map"],"names":["validateHasCounter","component","value","options","watchBoolean","maxLengthBehaviorPropTypeOptions","validateMaxLengthBehavior","watchValidator"],"mappings":"+CAAA;AAAA;AAAA,GAKK,MAACA,EAAqB,CAACC,EAAWC,EAAOC,IAAY,CACtDC,EAAaH,EAAW,cAAeC,EAAOC,CAAO,CACzD,EAEME,EAAmC,CAAC,OAAQ,MAAM,EAClDC,EAA4B,CAACL,EAAWC,IAAU,CACpDK,EAAeN,EAAW,qBAAuBC,GAAU,OAAOA,GAAU,UAAYG,EAAiC,SAASH,CAAK,EAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAGA,CAAK,CACrL"}

package/dist/assets/{open-385de2c9-BTsOauwn.js → open-8iQ59IbX-CrPgRlO_.js}

@@ -1,4 +1,4 @@
-import{m as t}from"./index-DYeYkBGH.js";/*!
+import{m as t}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=(o,a,e)=>{t(o,"_open",a,e)};export{p as v};
-//# sourceMappingURL=open-385de2c9-BTsOauwn.js.map
+//# sourceMappingURL=open-8iQ59IbX-CrPgRlO_.js.map

package/dist/assets/open-8iQ59IbX-CrPgRlO_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-8iQ59IbX-CrPgRlO_.js","sources":["../../../../components/dist/esm/open-8iQ59IbX.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './progress-DvHYRA46.js';\n\nconst validateOpen = (component, value, options) => {\n    watchBoolean(component, '_open', value, options);\n};\n\nexport { validateOpen as v };\n//# sourceMappingURL=open-8iQ59IbX.js.map\n\n//# sourceMappingURL=open-8iQ59IbX.js.map"],"names":["validateOpen","component","value","options","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAY,CAChDC,EAAaH,EAAW,QAASC,EAAOC,CAAO,CACnD"}

package/dist/assets/{orientation-409d844a-DNyWBwoa.js → orientation-D3xx-ujZ-DK4pLh55.js}

@@ -1,4 +1,4 @@
-import{w as a}from"./index-DYeYkBGH.js";/*!
+import{w as a}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const o=["horizontal","vertical"],s=(i,n,r="horizontal")=>{a(i,"_orientation",t=>typeof t=="string"&&o.includes(t),new Set([`KoliBriOrientation {${o.join(", ")}`]),n,{defaultValue:r})};export{s as v};
-//# sourceMappingURL=orientation-409d844a-DNyWBwoa.js.map
+//# sourceMappingURL=orientation-D3xx-ujZ-DK4pLh55.js.map

package/dist/assets/orientation-D3xx-ujZ-DK4pLh55.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orientation-D3xx-ujZ-DK4pLh55.js","sources":["../../../../components/dist/esm/orientation-D3xx-ujZ.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './progress-DvHYRA46.js';\n\nconst orientationPropTypeOptions = ['horizontal', 'vertical'];\nconst validateOrientation = (component, value, defaultValue = 'horizontal') => {\n    watchValidator(component, `_orientation`, (value) => typeof value === 'string' && orientationPropTypeOptions.includes(value), new Set([`KoliBriOrientation {${orientationPropTypeOptions.join(', ')}`]), value, {\n        defaultValue,\n    });\n};\n\nexport { validateOrientation as v };\n//# sourceMappingURL=orientation-D3xx-ujZ.js.map\n\n//# sourceMappingURL=orientation-D3xx-ujZ.js.map"],"names":["orientationPropTypeOptions","validateOrientation","component","value","defaultValue","watchValidator"],"mappings":"wCAAA;AAAA;AAAA,GAKA,MAAMA,EAA6B,CAAC,aAAc,UAAU,EACtDC,EAAsB,CAACC,EAAWC,EAAOC,EAAe,eAAiB,CAC3EC,EAAeH,EAAW,eAAiBC,GAAU,OAAOA,GAAU,UAAYH,EAA2B,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,uBAAuBH,EAA2B,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,EAAO,CAC5M,aAAAC,CACR,CAAK,CACL"}

package/dist/assets/{rows-225b4f43-5hXrey5r.js → rows-DyB9epqs-D5qPTTnN.js}

@@ -1,4 +1,4 @@
-import{z as r}from"./index-DYeYkBGH.js";/*!
+import{z as r}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const t=(o,a)=>{r(o,"_rows",a,{min:1})};export{t as v};
-//# sourceMappingURL=rows-225b4f43-5hXrey5r.js.map
+//# sourceMappingURL=rows-DyB9epqs-D5qPTTnN.js.map

package/dist/assets/rows-DyB9epqs-D5qPTTnN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows-DyB9epqs-D5qPTTnN.js","sources":["../../../../components/dist/esm/rows-DyB9epqs.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { m as watchNumber } from './progress-DvHYRA46.js';\n\nconst validateRows = (component, value) => {\n    watchNumber(component, `_rows`, value, { min: 1 });\n};\n\nexport { validateRows as v };\n//# sourceMappingURL=rows-DyB9epqs.js.map\n\n//# sourceMappingURL=rows-DyB9epqs.js.map"],"names":["validateRows","component","value","watchNumber"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,IAAU,CACvCC,EAAYF,EAAW,QAASC,EAAO,CAAE,IAAK,EAAG,CACrD"}

package/dist/assets/{show-fabfe6d7-CvbZJ__g.js → show-CdatXiQZ-vv_1VqoU.js}

@@ -1,4 +1,4 @@
-import{m as s}from"./index-DYeYkBGH.js";/*!
+import{m as s}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const h=(o,a,t)=>{s(o,"_show",a,t)};export{h as v};
-//# sourceMappingURL=show-fabfe6d7-CvbZJ__g.js.map
+//# sourceMappingURL=show-CdatXiQZ-vv_1VqoU.js.map

package/dist/assets/show-CdatXiQZ-vv_1VqoU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-CdatXiQZ-vv_1VqoU.js","sources":["../../../../components/dist/esm/show-CdatXiQZ.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './progress-DvHYRA46.js';\n\nconst validateShow = (component, value, hooks) => {\n    watchBoolean(component, '_show', value, hooks);\n};\n\nexport { validateShow as v };\n//# sourceMappingURL=show-CdatXiQZ.js.map\n\n//# sourceMappingURL=show-CdatXiQZ.js.map"],"names":["validateShow","component","value","hooks","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAU,CAC9CC,EAAaH,EAAW,QAASC,EAAOC,CAAK,CACjD"}

package/dist/assets/{spell-check-5559a801-DU3PaYeN.js → spell-check-CMcp2-Ad-BEb__U8J.js}

@@ -1,4 +1,4 @@
-import{m as l}from"./index-DYeYkBGH.js";/*!
+import{m as l}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const t=(e,a)=>{l(e,"_spellCheck",a,{defaultValue:void 0})};export{t as v};
-//# sourceMappingURL=spell-check-5559a801-DU3PaYeN.js.map
+//# sourceMappingURL=spell-check-CMcp2-Ad-BEb__U8J.js.map

package/dist/assets/spell-check-CMcp2-Ad-BEb__U8J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spell-check-CMcp2-Ad-BEb__U8J.js","sources":["../../../../components/dist/esm/spell-check-CMcp2-Ad.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './progress-DvHYRA46.js';\n\nconst validateSpellCheck = (component, value) => {\n    watchBoolean(component, '_spellCheck', value, {\n        defaultValue: undefined,\n    });\n};\n\nexport { validateSpellCheck as v };\n//# sourceMappingURL=spell-check-CMcp2-Ad.js.map\n\n//# sourceMappingURL=spell-check-CMcp2-Ad.js.map"],"names":["validateSpellCheck","component","value","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAqB,CAACC,EAAWC,IAAU,CAC7CC,EAAaF,EAAW,cAAeC,EAAO,CAC1C,aAAc,MACtB,CAAK,CACL"}

package/dist/assets/{suggestions-198125b7-9_QiO9sG.js → suggestions-BfRFzmYR-DXyXEZlm.js}

@@ -1,4 +1,4 @@
-import{Y as o,A as n}from"./index-DYeYkBGH.js";/*!
+import{a2 as o,C as n}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const i=(e,t)=>{o(e,"_suggestions",s=>typeof s=="string"||typeof s=="number",t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&n("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{i as v};
-//# sourceMappingURL=suggestions-198125b7-9_QiO9sG.js.map
+//# sourceMappingURL=suggestions-BfRFzmYR-DXyXEZlm.js.map

package/dist/assets/suggestions-BfRFzmYR-DXyXEZlm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-BfRFzmYR-DXyXEZlm.js","sources":["../../../../components/dist/esm/suggestions-BfRFzmYR.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { I as watchJsonArrayString, u as a11yHint } from './progress-DvHYRA46.js';\n\nconst validateSuggestions = (component, value) => {\n    watchJsonArrayString(component, '_suggestions', (item) => typeof item === 'string' || typeof item === 'number', value, undefined, {\n        hooks: {\n            afterPatch: (value) => {\n                if (Array.isArray(value) && value.length) {\n                    a11yHint('Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.');\n                }\n            },\n        },\n    });\n};\n\nexport { validateSuggestions as v };\n//# sourceMappingURL=suggestions-BfRFzmYR.js.map\n\n//# sourceMappingURL=suggestions-BfRFzmYR.js.map"],"names":["validateSuggestions","component","value","watchJsonArrayString","item","a11yHint"],"mappings":"gDAAA;AAAA;AAAA,GAKK,MAACA,EAAsB,CAACC,EAAWC,IAAU,CAC9CC,EAAqBF,EAAW,eAAiBG,GAAS,OAAOA,GAAS,UAAY,OAAOA,GAAS,SAAUF,EAAO,OAAW,CAC9H,MAAO,CACH,WAAaA,GAAU,CACf,MAAM,QAAQA,CAAK,GAAKA,EAAM,QAC9BG,EAAS,0HAA0H,CAE1I,CACJ,CACT,CAAK,CACL"}

package/dist/assets/{table-settings-c12356ed-BpVoWKbK.js → table-settings-BtONOLMh-BaYXvIu9.js}

@@ -1,4 +1,4 @@
-import{aa as i,w as s,s as r,p as c,X as l,o as y}from"./index-DYeYkBGH.js";/*!
+import{ac as i,w as s,s as c,p as r,W as l,o as y}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const d=(a,t)=>{s(a,"_on",e=>typeof e=="object"&&e!==null,new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),t)},p=(a,t)=>{s(a,"_on",e=>typeof e=="object"&&e!==null,new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),t)},S=(a,t,e)=>{i(t,()=>{y(t,()=>{typeof t>"u"&&(t=[]);try{t=c(t)}catch{}Array.isArray(t)&&t.every(n=>typeof n=="object"&&n!==null)&&r(a,"_data",t,e)})})},T=(a,t,e)=>{i(t,()=>{y(t,()=>{typeof t>"u"&&(t=[]);try{t=c(t)}catch{}Array.isArray(t)&&t.every(n=>typeof n=="object"&&n!==null)&&r(a,"_dataFoot",t,e)})})},j=(a,t)=>{const e=()=>{try{return c(t)}catch{return}},n=o=>o&&l(o)&&typeof o.label=="function"&&(!o.selectedKeys||Array.isArray(o.selectedKeys)),b=typeof t=="string"?e():t;n(b)&&r(a,"_selection",t)},g=(a,t)=>{s(a,"_tableSettings",e=>typeof e=="object"&&e!==null,new Set(["TableSettings"]),t)};export{T as a,j as b,p as c,g as d,d as e,S as v};
-//# sourceMappingURL=table-settings-c12356ed-BpVoWKbK.js.map
+ */const d=(a,t)=>{s(a,"_on",e=>typeof e=="object"&&e!==null,new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),t)},p=(a,t)=>{s(a,"_on",e=>typeof e=="object"&&e!==null,new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),t)},S=(a,t,e)=>{i(t,()=>{y(t,()=>{typeof t>"u"&&(t=[]);try{t=r(t)}catch{}Array.isArray(t)&&t.every(n=>typeof n=="object"&&n!==null)&&c(a,"_data",t,e)})})},T=(a,t,e)=>{i(t,()=>{y(t,()=>{typeof t>"u"&&(t=[]);try{t=r(t)}catch{}Array.isArray(t)&&t.every(n=>typeof n=="object"&&n!==null)&&c(a,"_dataFoot",t,e)})})},j=(a,t)=>{const e=()=>{try{return r(t)}catch{return}},n=o=>o&&l(o)&&typeof o.label=="function"&&(!o.selectedKeys||Array.isArray(o.selectedKeys)),b=typeof t=="string"?e():t;n(b)&&c(a,"_selection",t)},g=(a,t)=>{s(a,"_tableSettings",e=>typeof e=="object"&&e!==null,new Set(["TableSettings"]),t)};export{T as a,j as b,p as c,g as d,d as e,S as v};
+//# sourceMappingURL=table-settings-BtONOLMh-BaYXvIu9.js.map

package/dist/assets/table-settings-BtONOLMh-BaYXvIu9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-settings-BtONOLMh-BaYXvIu9.js","sources":["../../../../components/dist/esm/table-settings-BtONOLMh.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, P as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState, H as isObject } from './progress-DvHYRA46.js';\n\nconst validateTableCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['TableCallbacksPropType {Events.onSort, Events.onSelectionChange}']), value);\n};\nconst validateTableStatefulCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['TableStatefulCallbacksPropType {Events.onSelectionChange}']), value);\n};\n\nconst validateTableData = (component, value, setStateHooks) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            if (typeof value === 'undefined') {\n                value = [];\n            }\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            if (Array.isArray(value) && value.every((data) => typeof data === 'object' && data !== null)) {\n                setState(component, '_data', value, setStateHooks);\n            }\n        });\n    });\n};\n\nconst validateTableDataFoot = (component, value, setStateHooks) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            if (typeof value === 'undefined') {\n                value = [];\n            }\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            if (Array.isArray(value) && value.every((data) => typeof data === 'object' && data !== null)) {\n                setState(component, '_dataFoot', value, setStateHooks);\n            }\n        });\n    });\n};\n\nconst validateTableSelection = (component, value) => {\n    const parseSerializedValue = () => {\n        try {\n            return parseJson(value);\n        }\n        catch (e) {\n            return undefined;\n        }\n    };\n    const validateObject = (value) => {\n        return value && isObject(value) && typeof value.label === 'function' && (!value.selectedKeys || Array.isArray(value.selectedKeys));\n    };\n    const objectValue = typeof value === 'string' ? parseSerializedValue() : value;\n    if (validateObject(objectValue)) {\n        setState(component, '_selection', value);\n    }\n};\n\nconst validateTableSettings = (component, value) => {\n    watchValidator(component, `_tableSettings`, (value) => typeof value === 'object' && value !== null, new Set(['TableSettings']), value);\n};\n\nexport { validateTableDataFoot as a, validateTableSelection as b, validateTableStatefulCallbacks as c, validateTableSettings as d, validateTableCallbacks as e, validateTableData as v };\n//# sourceMappingURL=table-settings-BtONOLMh.js.map\n\n//# sourceMappingURL=table-settings-BtONOLMh.js.map"],"names":["validateTableCallbacks","component","value","watchValidator","validateTableStatefulCallbacks","validateTableData","setStateHooks","emptyStringByArrayHandler","objectObjectHandler","parseJson","data","setState","validateTableDataFoot","validateTableSelection","parseSerializedValue","validateObject","isObject","objectValue","validateTableSettings"],"mappings":"4EAAA;AAAA;AAAA,GAKK,MAACA,EAAyB,CAACC,EAAWC,IAAU,CACjDC,EAAeF,EAAW,MAAQC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,kEAAkE,CAAC,EAAGA,CAAK,CACjL,EACME,EAAiC,CAACH,EAAWC,IAAU,CACzDC,EAAeF,EAAW,MAAQC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,2DAA2D,CAAC,EAAGA,CAAK,CAC1K,EAEMG,EAAoB,CAACJ,EAAWC,EAAOI,IAAkB,CAC3DC,EAA0BL,EAAO,IAAM,CACnCM,EAAoBN,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAE,GAEd,GAAI,CACAA,EAAQO,EAAUP,CAAK,CACvC,MACsB,CACtB,CACgB,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOQ,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASV,EAAW,QAASC,EAAOI,CAAa,CAEjE,CAAS,CACT,CAAK,CACL,EAEMM,EAAwB,CAACX,EAAWC,EAAOI,IAAkB,CAC/DC,EAA0BL,EAAO,IAAM,CACnCM,EAAoBN,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAE,GAEd,GAAI,CACAA,EAAQO,EAAUP,CAAK,CACvC,MACsB,CACtB,CACgB,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOQ,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASV,EAAW,YAAaC,EAAOI,CAAa,CAErE,CAAS,CACT,CAAK,CACL,EAEMO,EAAyB,CAACZ,EAAWC,IAAU,CACjD,MAAMY,EAAuB,IAAM,CAC/B,GAAI,CACA,OAAOL,EAAUP,CAAK,CAClC,MACkB,CACN,MACZ,CACK,EACKa,EAAkBb,GACbA,GAASc,EAASd,CAAK,GAAK,OAAOA,EAAM,OAAU,aAAe,CAACA,EAAM,cAAgB,MAAM,QAAQA,EAAM,YAAY,GAE9He,EAAc,OAAOf,GAAU,SAAWY,EAAsB,EAAGZ,EACrEa,EAAeE,CAAW,GAC1BN,EAASV,EAAW,aAAcC,CAAK,CAE/C,EAEMgB,EAAwB,CAACjB,EAAWC,IAAU,CAChDC,EAAeF,EAAW,iBAAmBC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,eAAe,CAAC,EAAGA,CAAK,CACzI"}

package/dist/assets/{test-component.entry-Dh0VaZ6g.js → test-component.entry-Cp8_m3cv.js}

@@ -1,4 +1,4 @@
-import{r as s}from"./index-DYeYkBGH.js";/*!
+import{r as s}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const e=class{constructor(t){s(this,t)}};export{e as test_component};
-//# sourceMappingURL=test-component.entry-Dh0VaZ6g.js.map
+//# sourceMappingURL=test-component.entry-Cp8_m3cv.js.map

package/dist/assets/test-component.entry-Cp8_m3cv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-component.entry-Cp8_m3cv.js","sources":["../../../../components/dist/esm/test-component.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance } from './index-BhaeJ-uM.js';\nimport './progress-DvHYRA46.js';\n\nconst TestComponent = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n};\n\nexport { TestComponent as test_component };\n//# sourceMappingURL=test-component.entry.js.map\n\n//# sourceMappingURL=test-component.entry.js.map"],"names":["TestComponent","hostRef","registerInstance"],"mappings":"wCAAA;AAAA;AAAA,GAMK,MAACA,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CACtC,CACA"}

package/dist/assets/tooltip-align-5cqqmpu7-BPcIsh4c.js

@@ -0,0 +1,4 @@
+import{a as o}from"./align-tkanisJ7-pF0lTZGz.js";import"./index-yJ8X--q8.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const n=(t,i)=>{o(t,"_tooltipAlign",i)};export{n as v};
+//# sourceMappingURL=tooltip-align-5cqqmpu7-BPcIsh4c.js.map

package/dist/assets/tooltip-align-5cqqmpu7-BPcIsh4c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-align-5cqqmpu7-BPcIsh4c.js","sources":["../../../../components/dist/esm/tooltip-align-5cqqmpu7.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { a as validateAlignment } from './align-tkanisJ7.js';\nimport './progress-DvHYRA46.js';\n\nconst validateTooltipAlign = (component, value) => {\n    validateAlignment(component, '_tooltipAlign', value);\n};\n\nexport { validateTooltipAlign as v };\n//# sourceMappingURL=tooltip-align-5cqqmpu7.js.map\n\n//# sourceMappingURL=tooltip-align-5cqqmpu7.js.map"],"names":["validateTooltipAlign","component","value","validateAlignment"],"mappings":"6EAAA;AAAA;AAAA,GAMK,MAACA,EAAuB,CAACC,EAAWC,IAAU,CAC/CC,EAAkBF,EAAW,gBAAiBC,CAAK,CACvD"}

package/dist/assets/{unique-nav-labels-e20db0b7-Ceg8edmB.js → unique-nav-labels-gGjh_FbY-BsaBzFiG.js}

@@ -1,4 +1,4 @@
-import{L as t}from"./index-DYeYkBGH.js";/*!
+import{L as t}from"./index-yJ8X--q8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const a=new Set;function o(e){a.has(e)?t.warn(`There already is a nav element with the label "${e}"`):a.add(e)}function s(e){a.delete(e)}export{o as a,s as r};
-//# sourceMappingURL=unique-nav-labels-e20db0b7-Ceg8edmB.js.map
+//# sourceMappingURL=unique-nav-labels-gGjh_FbY-BsaBzFiG.js.map

package/dist/assets/unique-nav-labels-gGjh_FbY-BsaBzFiG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unique-nav-labels-gGjh_FbY-BsaBzFiG.js","sources":["../../../../components/dist/esm/unique-nav-labels-gGjh_FbY.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { L as Log } from './progress-DvHYRA46.js';\n\nconst UNIQUE_LABELS = new Set();\nfunction addNavLabel(ariaLabel) {\n    if (UNIQUE_LABELS.has(ariaLabel)) {\n        Log.warn(`There already is a nav element with the label \"${ariaLabel}\"`);\n    }\n    else {\n        UNIQUE_LABELS.add(ariaLabel);\n    }\n}\nfunction removeNavLabel(ariaLabel) {\n    UNIQUE_LABELS.delete(ariaLabel);\n}\n\nexport { addNavLabel as a, removeNavLabel as r };\n//# sourceMappingURL=unique-nav-labels-gGjh_FbY.js.map\n\n//# sourceMappingURL=unique-nav-labels-gGjh_FbY.js.map"],"names":["UNIQUE_LABELS","addNavLabel","ariaLabel","Log","removeNavLabel"],"mappings":"wCAAA;AAAA;AAAA,GAKA,MAAMA,EAAgB,IAAI,IAC1B,SAASC,EAAYC,EAAW,CACxBF,EAAc,IAAIE,CAAS,EAC3BC,EAAI,KAAK,kDAAkDD,CAAS,GAAG,EAGvEF,EAAc,IAAIE,CAAS,CAEnC,CACA,SAASE,EAAeF,EAAW,CAC/BF,EAAc,OAAOE,CAAS,CAClC"}

package/dist/assets/validation-BL4fIKiW-D2Nohzr6.js

@@ -0,0 +1,4 @@
+import{a2 as r,a3 as i}from"./index-yJ8X--q8.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const h=(s,a,e)=>{r(a,"_links",t=>typeof t=="object"&&(typeof t._href=="string"||typeof t._label=="string"),e),i(s,a.state._links.length)};export{h as w};
+//# sourceMappingURL=validation-BL4fIKiW-D2Nohzr6.js.map

package/dist/assets/validation-BL4fIKiW-D2Nohzr6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-BL4fIKiW-D2Nohzr6.js","sources":["../../../../components/dist/esm/validation-BL4fIKiW.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { I as watchJsonArrayString, J as uiUxHintMillerscheZahl } from './progress-DvHYRA46.js';\n\nconst watchNavLinks = (className, component, value) => {\n    watchJsonArrayString(component, '_links', (link) => typeof link === 'object' && (typeof link._href === 'string' || typeof link._label === 'string'), value);\n    uiUxHintMillerscheZahl(className, component.state._links.length);\n};\n\nexport { watchNavLinks as w };\n//# sourceMappingURL=validation-BL4fIKiW.js.map\n\n//# sourceMappingURL=validation-BL4fIKiW.js.map"],"names":["watchNavLinks","className","component","value","watchJsonArrayString","link","uiUxHintMillerscheZahl"],"mappings":"iDAAA;AAAA;AAAA,GAKK,MAACA,EAAgB,CAACC,EAAWC,EAAWC,IAAU,CACnDC,EAAqBF,EAAW,SAAWG,GAAS,OAAOA,GAAS,WAAa,OAAOA,EAAK,OAAU,UAAY,OAAOA,EAAK,QAAW,UAAWF,CAAK,EAC1JG,EAAuBL,EAAWC,EAAU,MAAM,OAAO,MAAM,CACnE"}

package/dist/assets/{validation-152ea092-D1YY3OUK.js → validation-C2b7CFWx-BgTAXxIP.js}

@@ -1,4 +1,4 @@
-import{w as o}from"./index-DYeYkBGH.js";import{h as r}from"./label-bf9966d0-BLshEcVQ.js";/*!
+import{w as o}from"./index-yJ8X--q8.js";import{h as r}from"./label-D3d1qqIG-BD7RiEyC.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const l=(t,a)=>{o(t,"_level",e=>typeof e=="number"&&r.includes(e),new Set([`Number {${r.join(", ")}`]),a,{defaultValue:1,required:!0})};export{l as w};
-//# sourceMappingURL=validation-152ea092-D1YY3OUK.js.map
+//# sourceMappingURL=validation-C2b7CFWx-BgTAXxIP.js.map

package/dist/assets/validation-C2b7CFWx-BgTAXxIP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-C2b7CFWx-BgTAXxIP.js","sources":["../../../../components/dist/esm/validation-C2b7CFWx.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './progress-DvHYRA46.js';\nimport { h as headingLevelOptions } from './label-D3d1qqIG.js';\n\nconst watchHeadingLevel = (component, value) => {\n    watchValidator(component, '_level', (value) => {\n        return typeof value === 'number' && headingLevelOptions.includes(value);\n    }, new Set([`Number {${headingLevelOptions.join(', ')}`]), value, {\n        defaultValue: 1,\n        required: true,\n    });\n};\n\nexport { watchHeadingLevel as w };\n//# sourceMappingURL=validation-C2b7CFWx.js.map\n\n//# sourceMappingURL=validation-C2b7CFWx.js.map"],"names":["watchHeadingLevel","component","value","watchValidator","headingLevelOptions"],"mappings":"yFAAA;AAAA;AAAA,GAMK,MAACA,EAAoB,CAACC,EAAWC,IAAU,CAC5CC,EAAeF,EAAW,SAAWC,GAC1B,OAAOA,GAAU,UAAYE,EAAoB,SAASF,CAAK,EACvE,IAAI,IAAI,CAAC,WAAWE,EAAoB,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGF,EAAO,CAC9D,aAAc,EACd,SAAU,EAClB,CAAK,CACL"}

package/dist/index.html

@@ -20,8 +20,8 @@
 		<link rel="stylesheet" href="/main.css" />
 		<meta name="robots" content="noindex" />
 		<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />
-		<script type="module" crossorigin src="/assets/index-DYeYkBGH.js"></script>
-		<link rel="stylesheet" crossorigin href="/assets/index-8ZaCQpJ8.css">
+		<script type="module" crossorigin src="/assets/index-yJ8X--q8.js"></script>
+		<link rel="stylesheet" crossorigin href="/assets/index-DsZS5rr4.css">
 	</head>
 	<body>
 		<div id="app"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/sample-react",
-  "version": "3.0.2-4633c75bfe6e8436d102c316ead90b0a2b4974ef.0",
+  "version": "3.0.2-4d9d73e6b2febbdb23cf92ad1926eb0ccb66d12c.0",
   "description": "This app contains samples for the KoliBri/Public UI",
   "license": "EUPL-1.2",
   "repository": {
@@ -10,7 +10,7 @@
   "dependencies": {
     "@leanup/stack": "1.3.54",
     "@playwright/test": "1.53.0",
-    "@stencil/core": "4.20.0",
+    "@stencil/core": "4.36.0",
     "@types/node": "24.0.1",
     "@types/react": "18.3.4",
     "@types/react-dom": "18.3.7",
@@ -44,9 +44,9 @@
     "vite": "6.3.5",
     "world_countries_lists": "3.1.0",
     "yup": "1.6.1",
-    "@public-ui/components": "3.0.2-4633c75bfe6e8436d102c316ead90b0a2b4974ef.0",
-    "@public-ui/themes": "3.0.2-4633c75bfe6e8436d102c316ead90b0a2b4974ef.0",
-    "@public-ui/react": "3.0.2-4633c75bfe6e8436d102c316ead90b0a2b4974ef.0"
+    "@public-ui/components": "3.0.2-4d9d73e6b2febbdb23cf92ad1926eb0ccb66d12c.0",
+    "@public-ui/themes": "3.0.2-4d9d73e6b2febbdb23cf92ad1926eb0ccb66d12c.0",
+    "@public-ui/react": "3.0.2-4d9d73e6b2febbdb23cf92ad1926eb0ccb66d12c.0"
   },
   "files": [
     "dist",

package/src/App.tsx

@@ -4,7 +4,6 @@ import { useLocation } from 'react-router';
 import { Navigate, Route, Routes, useSearchParams } from 'react-router-dom';
 
 import PackageJson from '@public-ui/components/package.json';
-import { KolBadge } from '@public-ui/react';
 
 import { BackPage } from './components/BackPage';
 import { Sidebar } from './components/Sidebar';
@@ -12,7 +11,7 @@ import { useSetCurrentLocation } from './hooks/useSetCurrentLocation';
 import { HideMenusContext } from './shares/HideMenusContext';
 import { ROUTES } from './shares/routes';
 import { getTheme, getThemeName, setStorage, setTheme } from './shares/store';
-import { THEMES, THEME_OPTIONS, isDraftTheme } from './shares/theme';
+import { THEMES, THEME_OPTIONS } from './shares/theme';
 
 import type { Route as MyRoute, Routes as MyRoutes } from './shares/types';
 
@@ -137,7 +136,6 @@ export const App: FC = () => {
 				)}
 
 				<main className="flex flex-col items-stretch p-4" id="route-container">
-					{!hideMenus && isDraftTheme(theme) && <KolBadge className="block mb-3" _label="In progress" _color="#db5461" />}
 					<Routes>
 						{ROUTE_TREE}
 						<Route path="*" element={<Navigate to={ROUTE_LIST[0]} replace />} />

package/src/components/FormWrap.tsx

@@ -2,25 +2,27 @@ import React from 'react';
 
 import { KolButton, KolForm } from '@public-ui/react';
 
-export const FormWrap = <P,>({ RefComponent: Component, ...props }: { RefComponent: any } & Partial<P>) => {
+export const FormWrap = <P,>({ RefComponent: Component, showButtons = true, ...props }: { RefComponent: any; showButtons?: boolean } & Partial<P>) => {
 	return (
 		<KolForm className="w-full">
 			<div className="grid gap-4">
 				<Component {...props} />
-				<div className="flex gap-4">
-					<KolButton _label="Submit" _icons="codicon codicon-arrow-right" _type="submit" _variant="primary" />
-					<KolButton
-						_label="Bunte Icons"
-						_icons={{
-							left: { icon: 'codicon codicon-heart-filled', style: { color: '#cc006e' } },
-							right: { icon: 'codicon codicon-squirrel', style: { color: '#b41b1b' } },
-						}}
-						_type="submit"
-						_variant="secondary"
-					/>
-					<KolButton _label="Reset" _type="reset" _variant="tertiary" />
-					<KolButton _label="Help" _variant="ghost" />
-				</div>
+				{showButtons && (
+					<div className="flex gap-4">
+						<KolButton _label="Submit" _icons="codicon codicon-arrow-right" _type="submit" _variant="primary" />
+						<KolButton
+							_label="Bunte Icons"
+							_icons={{
+								left: { icon: 'codicon codicon-heart-filled', style: { color: '#cc006e' } },
+								right: { icon: 'codicon codicon-squirrel', style: { color: '#b41b1b' } },
+							}}
+							_type="submit"
+							_variant="secondary"
+						/>
+						<KolButton _label="Reset" _type="reset" _variant="tertiary" />
+						<KolButton _label="Help" _variant="ghost" />
+					</div>
+				)}
 			</div>
 		</KolForm>
 	);

package/src/components/Sidebar.tsx

@@ -53,7 +53,7 @@ export const Sidebar: FC<Props> = ({ version, theme, routes, routeList, sample,
 	const formatSampleAsLabel = () => sample.replace(/\//g, ' ');
 
 	const handleThemeSelectChange = (_event: Event, value: unknown) => {
-		onThemeChange((value as [string])[0]);
+		onThemeChange(value as string);
 	};
 
 	const handlePreviousClick = () => {
@@ -76,7 +76,7 @@ export const Sidebar: FC<Props> = ({ version, theme, routes, routeList, sample,
 					<KolVersion _label={version}></KolVersion>
 				</div>
 				<BuildInformation buildDate={buildDate} commitHash={commitHash} />
-				<KolSelect _label="Theme" _options={THEME_OPTIONS} _on={{ onChange: handleThemeSelectChange }} _value={[theme]} class="mt"></KolSelect>
+				<KolSelect _label="Theme" _options={THEME_OPTIONS} _on={{ onChange: handleThemeSelectChange }} _value={theme} class="mt"></KolSelect>
 				<KolHeading _label="Components" _level={2} className="block mt"></KolHeading>
 				<div className="flex flex-justify-between flex-items-center mt">
 					<KolButton _icons="codicon codicon-arrow-left" _hideLabel _label="Previous component" _on={{ onClick: handlePreviousClick }} />

package/src/components/combobox/basic.tsx

@@ -1,21 +1,16 @@
 import type { FC } from 'react';
-import { useContext } from 'react';
 import React from 'react';
 import { FormWrap } from '../FormWrap';
 import { ComboboxVariants } from './partials/variants';
 import { SampleDescription } from '../SampleDescription';
-import { KolBadge } from '@public-ui/react';
-import { HideMenusContext } from '../../shares/HideMenusContext';
 export const ComboboxBasic: FC = () => {
-	const hideMenus = useContext(HideMenusContext);
 	return (
 		<>
 			<SampleDescription>
 				<p>KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions.</p>
 			</SampleDescription>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 
-			<FormWrap RefComponent={ComboboxVariants} />
+			<FormWrap RefComponent={ComboboxVariants} showButtons={false} />
 		</>
 	);
 };

package/src/components/drawer/basic.tsx

@@ -1,10 +1,9 @@
 import type { FC } from 'react';
-import React, { useRef, useState, useContext, useEffect } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { useSearchParams } from 'react-router-dom';
 
-import { HideMenusContext } from '../../shares/HideMenusContext';
 import type { AlignPropType } from '@public-ui/components';
-import { KolDrawer, KolButton, KolBadge, KolInputCheckbox } from '@public-ui/react';
+import { KolDrawer, KolButton, KolInputCheckbox } from '@public-ui/react';
 import { SampleDescription } from '../SampleDescription';
 
 import { DrawerRadioAlign } from './partials/align';
@@ -12,7 +11,6 @@ export const DrawerBasic: FC = () => {
 	const [searchParams] = useSearchParams();
 	const defaultAlign = searchParams.get('align') as AlignPropType;
 	const defaultCloser = searchParams.get('closer') === 'true';
-	const hideMenus = useContext(HideMenusContext);
 	const drawerElement = useRef<HTMLKolDrawerElement>(null);
 
 	const [align, setAlign] = useState<AlignPropType>(defaultAlign || 'left');
@@ -25,7 +23,6 @@ export const DrawerBasic: FC = () => {
 	}, [defaultAlign]);
 	return (
 		<>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 			<SampleDescription>
 				<p>KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments.</p>
 			</SampleDescription>

package/src/components/drawer/controlled.tsx

@@ -1,10 +1,9 @@
 import type { FC } from 'react';
-import React, { useState, useContext } from 'react';
+import React, { useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
 
-import { HideMenusContext } from '../../shares/HideMenusContext';
 import type { AlignPropType } from '@public-ui/components';
-import { KolDrawer, KolButton, KolBadge } from '@public-ui/react';
+import { KolDrawer, KolButton } from '@public-ui/react';
 import { SampleDescription } from '../SampleDescription';
 
 import { DrawerRadioAlign } from './partials/align';
@@ -12,12 +11,10 @@ import { DrawerRadioAlign } from './partials/align';
 export const DrawerControlled: FC = () => {
 	const [searchParams] = useSearchParams();
 	const defaultAlign = searchParams.get('align') as AlignPropType;
-	const hideMenus = useContext(HideMenusContext);
 	const [open, setOpen] = useState(false);
 	const [align, setAlign] = useState<AlignPropType>(defaultAlign || 'left');
 	return (
 		<div>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 			<SampleDescription>
 				<p>
 					This sample shows the KolDrawer controlled by the property <code>_open</code> instead of methods.

package/src/components/input-checkbox/basic.tsx

@@ -11,6 +11,6 @@ export const InputCheckboxBasic: FC = () => (
 			<p>KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputCheckboxVariants} />
+		<FormWrap RefComponent={InputCheckboxVariants} showButtons={false} />
 	</>
 );

package/src/components/input-checkbox/button.tsx

@@ -12,6 +12,6 @@ export const InputCheckboxButton: FC = () => (
 			<p>This sample shows KolInputCheckbox in the variant &quot;button&quot;.</p>
 		</SampleDescription>
 
-		<FormWrap<Components.KolInputCheckbox> RefComponent={InputCheckboxVariants} _variant="button" />
+		<FormWrap<Components.KolInputCheckbox> RefComponent={InputCheckboxVariants} _variant="button" showButtons={false} />
 	</>
 );

package/src/components/input-checkbox/switch.tsx

@@ -10,6 +10,6 @@ export const InputCheckboxSwitch: FC = () => (
 			<p>This sample shows KolInputCheckbox in the variant &quot;switch&quot;.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputCheckboxVariants} _variant="switch" />
+		<FormWrap RefComponent={InputCheckboxVariants} _variant="switch" showButtons={false} />
 	</>
 );

package/src/components/input-color/basic.tsx

@@ -11,6 +11,6 @@ export const InputColorBasic: FC = () => (
 			<p>KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputColorVariants} />
+		<FormWrap RefComponent={InputColorVariants} showButtons={false} />
 	</>
 );

package/src/components/input-date/basic.tsx

@@ -11,6 +11,6 @@ export const InputDateBasic: FC = () => (
 			<p>KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputDateVariants} />
+		<FormWrap RefComponent={InputDateVariants} showButtons={false} />
 	</>
 );

package/src/components/input-email/basic.tsx

@@ -11,6 +11,6 @@ export const InputEmailBasic: FC = () => (
 			<p>KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputEmailVariants} />
+		<FormWrap RefComponent={InputEmailVariants} showButtons={false} />
 	</>
 );

package/src/components/input-file/basic.tsx

@@ -11,6 +11,6 @@ export const InputFileBasic: FC = () => (
 			<p>KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputFileVariants} />
+		<FormWrap RefComponent={InputFileVariants} showButtons={false} />
 	</>
 );

package/src/components/input-number/basic.tsx

@@ -14,6 +14,6 @@ export const InputNumberBasic: FC = () => (
 				emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation.
 			</p>
 		</SampleDescription>
-		<FormWrap RefComponent={InputNumberVariants} />
+		<FormWrap RefComponent={InputNumberVariants} showButtons={false} />
 	</>
 );

package/src/components/input-password/basic.tsx

@@ -11,6 +11,6 @@ export const InputPasswordBasic: FC = () => (
 			<p>KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputPasswordVariants} />
+		<FormWrap RefComponent={InputPasswordVariants} showButtons={false} />
 	</>
 );

package/src/components/input-radio/basic.tsx

@@ -11,6 +11,6 @@ export const InputRadioBasic: FC = () => (
 			<p>KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputRadioVariants} />
+		<FormWrap RefComponent={InputRadioVariants} showButtons={false} />
 	</>
 );

package/src/components/input-range/basic.tsx

@@ -14,6 +14,6 @@ export const InputRangeBasic: FC = () => (
 			</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputRangeVariants} />
+		<FormWrap RefComponent={InputRangeVariants} showButtons={false} />
 	</>
 );

package/src/components/input-text/basic.tsx

@@ -11,6 +11,6 @@ export const InputTextBasic: FC = () => (
 			<p>KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputTextVariants} />
+		<FormWrap RefComponent={InputTextVariants} showButtons={false} />
 	</>
 );

package/src/components/input-text/partials/cases.tsx

@@ -42,7 +42,7 @@ export const InputTextCases = forwardRef<HTMLKolInputTextElement, Components.Kol
 			<KolInputText {...props} _placeholder="Placeholder" _msg={{ _type: 'error', _description: ERROR_MSG }} _touched _type="url" _label="URL (url)" />
 			<KolInputText {...props} _placeholder="Placeholder" _type="tel" _label="Telephone (tel)" _msg={{ _type: 'warning', _description: 'Small warning' }} />
 			<KolInputText {...props} _placeholder="Placeholder" _type="tel" _label="Telephone (tel)" _msg={{ _type: 'success', _description: 'Success message' }} />
-			<KolInputText {...props} _placeholder="Placeholder" _label="With counter" _hasCounter _maxLength={10} _value="Lorem Ipsum" />
+			<KolInputText {...props} _placeholder="Placeholder" _label="With counter" _maxLength={10} _value="Lorem Ipsum" />
 			<KolInputText {...props} _placeholder="Placeholder" _readOnly _label="First name (text, readonly)" />
 			<KolInputText {...props} _value="Value" _readOnly _label="First name (text, readonly)" />
 			<KolInputText {...props} _placeholder="Placeholder" _disabled _label="First name (text, disabled)" />

package/src/components/input-text/text-formatter.tsx

@@ -115,7 +115,7 @@ export function InputTextFormatterDemo() {
 														return <KolInputText _label="Currency" _type={type} _value={value} _on={{ onBlur, onChange, onFocus }} />;
 													}}
 													displayType="input"
-													value={typeof field.value === 'number' ? Number(field.value).toFixed(2) : undefined}
+													value={typeof field.value === 'number' ? field.value.toFixed(2) : undefined}
 													onBlur={() => {
 														void form.setFieldTouched('currency', true);
 													}}

package/src/components/popover-button/basic.tsx

@@ -1,12 +1,10 @@
 import type { FC } from 'react';
-import React, { useContext } from 'react';
+import React from 'react';
 import { SampleDescription } from '../SampleDescription';
-import { KolBadge, KolPopoverButton, KolToolbar, KolHeading } from '@public-ui/react';
+import { KolPopoverButton, KolToolbar, KolHeading } from '@public-ui/react';
 import { useToasterService } from '../../hooks/useToasterService';
-import { HideMenusContext } from '../../shares/HideMenusContext';
 
 export const PopoverButtonBasic: FC = () => {
-	const hideMenus = useContext(HideMenusContext);
 	const { dummyClickEventHandler } = useToasterService();
 
 	const dummyEventHandler = {
@@ -39,7 +37,6 @@ export const PopoverButtonBasic: FC = () => {
 					right, bottom, left) using the <code>_popoverAlign</code> prop.
 				</p>
 			</SampleDescription>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 
 			<div className="flex flex-col gap-4">
 				<KolHeading _label="Vertical toolbar with action buttons" _level={2}></KolHeading>

package/src/components/select/basic.tsx

@@ -11,6 +11,6 @@ export const SelectBasic: FC = () => (
 			<p>KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={SelectVariants} />
+		<FormWrap RefComponent={SelectVariants} showButtons={false} />
 	</>
 );

package/src/components/select/partials/cases.tsx

@@ -76,7 +76,7 @@ export const SelectCases = forwardRef<HTMLKolSelectElement, Components.KolSelect
 			/>
 			<KolSelect {...props} _options={SALUTATION_OPTIONS} _label="With access key" _accessKey="c" />
 			<KolSelect {...props} _options={SALUTATION_OPTIONS} _label="With short key" _shortKey="s" />
-			<KolSelect {...props} _options={groupedOptionsArray} _label="With grouped by first letter" _value={['Albanien']} />
+			<KolSelect {...props} _options={groupedOptionsArray} _label="With grouped by first letter" _value="Albanien" />
 			<KolSelect {...props} _options={groupedOptionsArray} _label="With grouped by first letter (multiple)" _multiple _value={['Albanien']} />
 		</div>
 	);