@public-ui/sample-react 4.0.0-alpha.7 → 4.0.0-alpha.8

package/dist/assets/{max-length-behavior-nTw1Zuyf-Cgf2vlBP.js → max-length-behavior-N5Lbz6E--C5Jl_JrL.js}

@@ -1,2 +1,2 @@
-import{m as o,w as n,a6 as s}from"./index-z-9Q5FY7.js";const i=(t,e,a)=>{o(t,"_hasCounter",e,a)},c=(t,e,a={})=>{s(t,"_maxLength",e,Object.assign({min:0},a))},r=["hard","soft"],g=(t,e)=>{n(t,"_maxLengthBehavior",a=>typeof a=="string"&&r.includes(a),new Set(["String {hard, soft}"]),e)};export{i as a,c as b,g as v};
-//# sourceMappingURL=max-length-behavior-nTw1Zuyf-Cgf2vlBP.js.map
+import{m as o,w as n,a5 as s}from"./index-DJ2YXaqI.js";const i=(t,e,a)=>{o(t,"_hasCounter",e,a)},c=(t,e,a={})=>{s(t,"_maxLength",e,Object.assign({min:0},a))},r=["hard","soft"],g=(t,e)=>{n(t,"_maxLengthBehavior",a=>typeof a=="string"&&r.includes(a),new Set(["String {hard, soft}"]),e)};export{i as a,c as b,g as v};
+//# sourceMappingURL=max-length-behavior-N5Lbz6E--C5Jl_JrL.js.map

package/dist/assets/{max-length-behavior-nTw1Zuyf-Cgf2vlBP.js.map → max-length-behavior-N5Lbz6E--C5Jl_JrL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"max-length-behavior-nTw1Zuyf-Cgf2vlBP.js","sources":["../../../../components/dist/esm/max-length-behavior-nTw1Zuyf.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean, N as watchNumber, w as watchValidator } from './common-Dd0zJQbD.js';\n\nconst validateHasCounter = (component, value, options) => {\n    watchBoolean(component, '_hasCounter', value, options);\n};\n\nconst validateMaxLength = (component, value, options = {}) => {\n    watchNumber(component, '_maxLength', value, Object.assign({ min: 0 }, 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, validateMaxLength as b, validateMaxLengthBehavior as v };\n//# sourceMappingURL=max-length-behavior-nTw1Zuyf.js.map\n\n//# sourceMappingURL=max-length-behavior-nTw1Zuyf.js.map"],"names":["validateHasCounter","component","value","options","watchBoolean","validateMaxLength","watchNumber","maxLengthBehaviorPropTypeOptions","validateMaxLengthBehavior","watchValidator"],"mappings":"uDAKK,MAACA,EAAqB,CAACC,EAAWC,EAAOC,IAAY,CACtDC,EAAaH,EAAW,cAAeC,EAAOC,CAAO,CACzD,EAEME,EAAoB,CAACJ,EAAWC,EAAOC,EAAU,CAAA,IAAO,CAC1DG,EAAYL,EAAW,aAAcC,EAAO,OAAO,OAAO,CAAE,IAAK,GAAKC,CAAO,CAAC,CAClF,EAEMI,EAAmC,CAAC,OAAQ,MAAM,EAClDC,EAA4B,CAACP,EAAWC,IAAU,CACpDO,EAAeR,EAAW,qBAAuBC,GAAU,OAAOA,GAAU,UAAYK,EAAiC,SAASL,CAAK,EAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAGA,CAAK,CACrL"}
+{"version":3,"file":"max-length-behavior-N5Lbz6E--C5Jl_JrL.js","sources":["../../../../components/dist/esm/max-length-behavior-N5Lbz6E-.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean, M as watchNumber, w as watchValidator } from './common-L1K0yh1S.js';\n\nconst validateHasCounter = (component, value, options) => {\n    watchBoolean(component, '_hasCounter', value, options);\n};\n\nconst validateMaxLength = (component, value, options = {}) => {\n    watchNumber(component, '_maxLength', value, Object.assign({ min: 0 }, 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, validateMaxLength as b, validateMaxLengthBehavior as v };\n//# sourceMappingURL=max-length-behavior-N5Lbz6E-.js.map\n\n//# sourceMappingURL=max-length-behavior-N5Lbz6E-.js.map"],"names":["validateHasCounter","component","value","options","watchBoolean","validateMaxLength","watchNumber","maxLengthBehaviorPropTypeOptions","validateMaxLengthBehavior","watchValidator"],"mappings":"uDAKK,MAACA,EAAqB,CAACC,EAAWC,EAAOC,IAAY,CACtDC,EAAaH,EAAW,cAAeC,EAAOC,CAAO,CACzD,EAEME,EAAoB,CAACJ,EAAWC,EAAOC,EAAU,CAAA,IAAO,CAC1DG,EAAYL,EAAW,aAAcC,EAAO,OAAO,OAAO,CAAE,IAAK,GAAKC,CAAO,CAAC,CAClF,EAEMI,EAAmC,CAAC,OAAQ,MAAM,EAClDC,EAA4B,CAACP,EAAWC,IAAU,CACpDO,EAAeR,EAAW,qBAAuBC,GAAU,OAAOA,GAAU,UAAYK,EAAiC,SAASL,CAAK,EAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAGA,CAAK,CACrL"}

package/dist/assets/multiple-D1puaB9F-D48tLaTz.js

@@ -0,0 +1,2 @@
+import{m as o}from"./index-DJ2YXaqI.js";const i=(t,a,l)=>{o(t,"_multiple",a,l)};export{i as v};
+//# sourceMappingURL=multiple-D1puaB9F-D48tLaTz.js.map

package/dist/assets/multiple-D1puaB9F-D48tLaTz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-D1puaB9F-D48tLaTz.js","sources":["../../../../components/dist/esm/multiple-D1puaB9F.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-L1K0yh1S.js';\n\nconst validateMultiple = (component, value, options) => {\n    watchBoolean(component, '_multiple', value, options);\n};\n\nexport { validateMultiple as v };\n//# sourceMappingURL=multiple-D1puaB9F.js.map\n\n//# sourceMappingURL=multiple-D1puaB9F.js.map"],"names":["validateMultiple","component","value","options","watchBoolean"],"mappings":"wCAKK,MAACA,EAAmB,CAACC,EAAWC,EAAOC,IAAY,CACpDC,EAAaH,EAAW,YAAaC,EAAOC,CAAO,CACvD"}

package/dist/assets/open-BFQWty8w-DHwQk8CU.js

@@ -0,0 +1,2 @@
+import{m as t}from"./index-DJ2YXaqI.js";const p=(o,a,e)=>{t(o,"_open",a,e)};export{p as v};
+//# sourceMappingURL=open-BFQWty8w-DHwQk8CU.js.map

package/dist/assets/open-BFQWty8w-DHwQk8CU.js.map

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

package/dist/assets/{orientation-eCMt8CD1-Cmz-Wxk0.js → orientation-B0ErOlUK-D4bfhJ9M.js}

@@ -1,2 +1,2 @@
-import{w as a}from"./index-z-9Q5FY7.js";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-eCMt8CD1-Cmz-Wxk0.js.map
+import{w as a}from"./index-DJ2YXaqI.js";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-B0ErOlUK-D4bfhJ9M.js.map

package/dist/assets/{orientation-eCMt8CD1-Cmz-Wxk0.js.map → orientation-B0ErOlUK-D4bfhJ9M.js.map}

@@ -1 +1 @@
-{"version":3,"file":"orientation-eCMt8CD1-Cmz-Wxk0.js","sources":["../../../../components/dist/esm/orientation-eCMt8CD1.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-Dd0zJQbD.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-eCMt8CD1.js.map\n\n//# sourceMappingURL=orientation-eCMt8CD1.js.map"],"names":["orientationPropTypeOptions","validateOrientation","component","value","defaultValue","watchValidator"],"mappings":"wCAKA,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"}
+{"version":3,"file":"orientation-B0ErOlUK-D4bfhJ9M.js","sources":["../../../../components/dist/esm/orientation-B0ErOlUK.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-L1K0yh1S.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-B0ErOlUK.js.map\n\n//# sourceMappingURL=orientation-B0ErOlUK.js.map"],"names":["orientationPropTypeOptions","validateOrientation","component","value","defaultValue","watchValidator"],"mappings":"wCAKA,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/placeholder-DrgXYoah-D2TOBIDz.js

@@ -0,0 +1,2 @@
+import{n as r}from"./index-DJ2YXaqI.js";const l=(a,e,o={})=>{r(a,"_placeholder",e,o)};export{l as v};
+//# sourceMappingURL=placeholder-DrgXYoah-D2TOBIDz.js.map

package/dist/assets/{placeholder-BVhy3BzI-CGWxPlOb.js.map → placeholder-DrgXYoah-D2TOBIDz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"placeholder-BVhy3BzI-CGWxPlOb.js","sources":["../../../../components/dist/esm/placeholder-BVhy3BzI.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { e as watchString } from './common-Dd0zJQbD.js';\n\nconst validatePlaceholder = (component, value, options = {}) => {\n    watchString(component, '_placeholder', value, options);\n};\n\nexport { validatePlaceholder as v };\n//# sourceMappingURL=placeholder-BVhy3BzI.js.map\n\n//# sourceMappingURL=placeholder-BVhy3BzI.js.map"],"names":["validatePlaceholder","component","value","options","watchString"],"mappings":"wCAKK,MAACA,EAAsB,CAACC,EAAWC,EAAOC,EAAU,CAAA,IAAO,CAC5DC,EAAYH,EAAW,eAAgBC,EAAOC,CAAO,CACzD"}
+{"version":3,"file":"placeholder-DrgXYoah-D2TOBIDz.js","sources":["../../../../components/dist/esm/placeholder-DrgXYoah.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { e as watchString } from './common-L1K0yh1S.js';\n\nconst validatePlaceholder = (component, value, options = {}) => {\n    watchString(component, '_placeholder', value, options);\n};\n\nexport { validatePlaceholder as v };\n//# sourceMappingURL=placeholder-DrgXYoah.js.map\n\n//# sourceMappingURL=placeholder-DrgXYoah.js.map"],"names":["validatePlaceholder","component","value","options","watchString"],"mappings":"wCAKK,MAACA,EAAsB,CAACC,EAAWC,EAAOC,EAAU,CAAA,IAAO,CAC5DC,EAAYH,EAAW,eAAgBC,EAAOC,CAAO,CACzD"}

package/dist/assets/read-only-Bp291veM-Jze3l9Iv.js

@@ -0,0 +1,2 @@
+import{m as e}from"./index-DJ2YXaqI.js";const l=(a,o)=>{e(a,"_readOnly",o)};export{l as v};
+//# sourceMappingURL=read-only-Bp291veM-Jze3l9Iv.js.map

package/dist/assets/read-only-Bp291veM-Jze3l9Iv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-only-Bp291veM-Jze3l9Iv.js","sources":["../../../../components/dist/esm/read-only-Bp291veM.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-L1K0yh1S.js';\n\nconst validateReadOnly = (component, value) => {\n    watchBoolean(component, '_readOnly', value);\n};\n\nexport { validateReadOnly as v };\n//# sourceMappingURL=read-only-Bp291veM.js.map\n\n//# sourceMappingURL=read-only-Bp291veM.js.map"],"names":["validateReadOnly","component","value","watchBoolean"],"mappings":"wCAKK,MAACA,EAAmB,CAACC,EAAWC,IAAU,CAC3CC,EAAaF,EAAW,YAAaC,CAAK,CAC9C"}

package/dist/assets/required-7L0ytoMT-lkTV148E.js

@@ -0,0 +1,2 @@
+import{m as o}from"./index-DJ2YXaqI.js";const t=(e,a)=>{o(e,"_required",a)};export{t as v};
+//# sourceMappingURL=required-7L0ytoMT-lkTV148E.js.map

package/dist/assets/required-7L0ytoMT-lkTV148E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"required-7L0ytoMT-lkTV148E.js","sources":["../../../../components/dist/esm/required-7L0ytoMT.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-L1K0yh1S.js';\n\nconst validateRequired = (component, value) => {\n    watchBoolean(component, '_required', value);\n};\n\nexport { validateRequired as v };\n//# sourceMappingURL=required-7L0ytoMT.js.map\n\n//# sourceMappingURL=required-7L0ytoMT.js.map"],"names":["validateRequired","component","value","watchBoolean"],"mappings":"wCAKK,MAACA,EAAmB,CAACC,EAAWC,IAAU,CAC3CC,EAAaF,EAAW,YAAaC,CAAK,CAC9C"}

package/dist/assets/rows-C8piLIWD-BQFZX3Hc.js

@@ -0,0 +1,2 @@
+import{a5 as r}from"./index-DJ2YXaqI.js";const t=(a,o)=>{r(a,"_rows",o,{min:1})};export{t as v};
+//# sourceMappingURL=rows-C8piLIWD-BQFZX3Hc.js.map

package/dist/assets/rows-C8piLIWD-BQFZX3Hc.js.map

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

package/dist/assets/show-ChfALFZd-BUzOPpkW.js

@@ -0,0 +1,2 @@
+import{m as s}from"./index-DJ2YXaqI.js";const h=(o,a,t)=>{s(o,"_show",a,t)};export{h as v};
+//# sourceMappingURL=show-ChfALFZd-BUzOPpkW.js.map

package/dist/assets/show-ChfALFZd-BUzOPpkW.js.map

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

package/dist/assets/spell-check-DrU5XI1o-C6cNtrJr.js

@@ -0,0 +1,2 @@
+import{m as l}from"./index-DJ2YXaqI.js";const t=(e,a)=>{l(e,"_spellCheck",a,{defaultValue:void 0})};export{t as v};
+//# sourceMappingURL=spell-check-DrU5XI1o-C6cNtrJr.js.map

package/dist/assets/{spell-check-B9ot-4t--D4g0vi5m.js.map → spell-check-DrU5XI1o-C6cNtrJr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spell-check-B9ot-4t--D4g0vi5m.js","sources":["../../../../components/dist/esm/spell-check-B9ot-4t-.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-Dd0zJQbD.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-B9ot-4t-.js.map\n\n//# sourceMappingURL=spell-check-B9ot-4t-.js.map"],"names":["validateSpellCheck","component","value","watchBoolean"],"mappings":"wCAKK,MAACA,EAAqB,CAACC,EAAWC,IAAU,CAC7CC,EAAaF,EAAW,cAAeC,EAAO,CAC1C,aAAc,MACtB,CAAK,CACL"}
+{"version":3,"file":"spell-check-DrU5XI1o-C6cNtrJr.js","sources":["../../../../components/dist/esm/spell-check-DrU5XI1o.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-L1K0yh1S.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-DrU5XI1o.js.map\n\n//# sourceMappingURL=spell-check-DrU5XI1o.js.map"],"names":["validateSpellCheck","component","value","watchBoolean"],"mappings":"wCAKK,MAACA,EAAqB,CAACC,EAAWC,IAAU,CAC7CC,EAAaF,EAAW,cAAeC,EAAO,CAC1C,aAAc,MACtB,CAAK,CACL"}

package/dist/assets/suggestions-Bufr76At-COUw9mQq.js

@@ -0,0 +1,2 @@
+import{$ as o,z as n}from"./index-DJ2YXaqI.js";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-Bufr76At-COUw9mQq.js.map

package/dist/assets/{suggestions-B-jLvT4L-uahI3_TA.js.map → suggestions-Bufr76At-COUw9mQq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestions-B-jLvT4L-uahI3_TA.js","sources":["../../../../components/dist/esm/suggestions-B-jLvT4L.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { H as watchJsonArrayString, q as a11yHint } from './common-Dd0zJQbD.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-B-jLvT4L.js.map\n\n//# sourceMappingURL=suggestions-B-jLvT4L.js.map"],"names":["validateSuggestions","component","value","watchJsonArrayString","item","a11yHint"],"mappings":"gDAKK,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,CAE3I,CACZ,CACA,CAAK,CACL"}
+{"version":3,"file":"suggestions-Bufr76At-COUw9mQq.js","sources":["../../../../components/dist/esm/suggestions-Bufr76At.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { G as watchJsonArrayString, m as a11yHint } from './common-L1K0yh1S.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-Bufr76At.js.map\n\n//# sourceMappingURL=suggestions-Bufr76At.js.map"],"names":["validateSuggestions","component","value","watchJsonArrayString","item","a11yHint"],"mappings":"+CAKK,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,CAE3I,CACZ,CACA,CAAK,CACL"}

package/dist/assets/{table-settings-DxLvhwRE-DPkpRuV6.js → table-settings-BYcS3vAt-DJ3T7khQ.js}

@@ -1,2 +1,2 @@
-import{m as b,aa as i,w as o,s as c,p as r,Y as f,o as l}from"./index-z-9Q5FY7.js";const p=(a,t)=>{b(a,"_hasSettingsMenu",t)},S=(a,t)=>{o(a,"_on",e=>typeof e=="object"&&e!==null,new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),t)},T=(a,t)=>{o(a,"_on",e=>typeof e=="object"&&e!==null,new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),t)},j=(a,t,e)=>{i(t,()=>{l(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)})})},g=(a,t,e)=>{i(t,()=>{l(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)})})},h=(a,t)=>{const e=()=>{try{return r(t)}catch{return}},n=s=>s&&f(s)&&typeof s.label=="function"&&(!s.selectedKeys||Array.isArray(s.selectedKeys)),y=typeof t=="string"?e():t;n(y)&&c(a,"_selection",t)},A=(a,t)=>{o(a,"_tableSettings",e=>typeof e=="object"&&e!==null,new Set(["TableSettings"]),t)};export{g as a,p as b,h as c,T as d,A as e,S as f,j as v};
-//# sourceMappingURL=table-settings-DxLvhwRE-DPkpRuV6.js.map
+import{m as b,aa as i,w as o,s as c,p as r,X as f,o as l}from"./index-DJ2YXaqI.js";const p=(a,t)=>{b(a,"_hasSettingsMenu",t)},S=(a,t)=>{o(a,"_on",e=>typeof e=="object"&&e!==null,new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),t)},T=(a,t)=>{o(a,"_on",e=>typeof e=="object"&&e!==null,new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),t)},j=(a,t,e)=>{i(t,()=>{l(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)})})},g=(a,t,e)=>{i(t,()=>{l(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)})})},h=(a,t)=>{const e=()=>{try{return r(t)}catch{return}},n=s=>s&&f(s)&&typeof s.label=="function"&&(!s.selectedKeys||Array.isArray(s.selectedKeys)),y=typeof t=="string"?e():t;n(y)&&c(a,"_selection",t)},A=(a,t)=>{o(a,"_tableSettings",e=>typeof e=="object"&&e!==null,new Set(["TableSettings"]),t)};export{g as a,p as b,h as c,T as d,A as e,S as f,j as v};
+//# sourceMappingURL=table-settings-BYcS3vAt-DJ3T7khQ.js.map

package/dist/assets/{table-settings-DxLvhwRE-DPkpRuV6.js.map → table-settings-BYcS3vAt-DJ3T7khQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-settings-DxLvhwRE-DPkpRuV6.js","sources":["../../../../components/dist/esm/table-settings-DxLvhwRE.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean, w as watchValidator, O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState, G as isObject } from './common-Dd0zJQbD.js';\n\nconst validateHasSettingsMenu = (component, value) => {\n    watchBoolean(component, '_hasSettingsMenu', value);\n};\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, validateHasSettingsMenu as b, validateTableSelection as c, validateTableStatefulCallbacks as d, validateTableSettings as e, validateTableCallbacks as f, validateTableData as v };\n//# sourceMappingURL=table-settings-DxLvhwRE.js.map\n\n//# sourceMappingURL=table-settings-DxLvhwRE.js.map"],"names":["validateHasSettingsMenu","component","value","watchBoolean","validateTableCallbacks","watchValidator","validateTableStatefulCallbacks","validateTableData","setStateHooks","emptyStringByArrayHandler","objectObjectHandler","parseJson","data","setState","validateTableDataFoot","validateTableSelection","parseSerializedValue","validateObject","isObject","objectValue","validateTableSettings"],"mappings":"mFAKK,MAACA,EAA0B,CAACC,EAAWC,IAAU,CAClDC,EAAaF,EAAW,mBAAoBC,CAAK,CACrD,EAEME,EAAyB,CAACH,EAAWC,IAAU,CACjDG,EAAeJ,EAAW,MAAQC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,kEAAkE,CAAC,EAAGA,CAAK,CACjL,EACMI,EAAiC,CAACL,EAAWC,IAAU,CACzDG,EAAeJ,EAAW,MAAQC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,2DAA2D,CAAC,EAAGA,CAAK,CAC1K,EAEMK,EAAoB,CAACN,EAAWC,EAAOM,IAAkB,CAC3DC,EAA0BP,EAAO,IAAM,CACnCQ,EAAoBR,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAA,GAEZ,GAAI,CACAA,EAAQS,EAAUT,CAAK,CAC3B,MACU,CACV,CACI,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOU,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASZ,EAAW,QAASC,EAAOM,CAAa,CAEzD,CAAC,CACL,CAAC,CACL,EAEMM,EAAwB,CAACb,EAAWC,EAAOM,IAAkB,CAC/DC,EAA0BP,EAAO,IAAM,CACnCQ,EAAoBR,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAA,GAEZ,GAAI,CACAA,EAAQS,EAAUT,CAAK,CAC3B,MACU,CACV,CACI,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOU,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASZ,EAAW,YAAaC,EAAOM,CAAa,CAE7D,CAAC,CACL,CAAC,CACL,EAEMO,EAAyB,CAACd,EAAWC,IAAU,CACjD,MAAMc,EAAuB,IAAM,CAC/B,GAAI,CACA,OAAOL,EAAUT,CAAK,CAC1B,MACU,CACN,MACJ,CACJ,EACMe,EAAkBf,GACbA,GAASgB,EAAShB,CAAK,GAAK,OAAOA,EAAM,OAAU,aAAe,CAACA,EAAM,cAAgB,MAAM,QAAQA,EAAM,YAAY,GAE9HiB,EAAc,OAAOjB,GAAU,SAAWc,EAAoB,EAAKd,EACrEe,EAAeE,CAAW,GAC1BN,EAASZ,EAAW,aAAcC,CAAK,CAE/C,EAEMkB,EAAwB,CAACnB,EAAWC,IAAU,CAChDG,EAAeJ,EAAW,iBAAmBC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,eAAe,CAAC,EAAGA,CAAK,CACzI"}
+{"version":3,"file":"table-settings-BYcS3vAt-DJ3T7khQ.js","sources":["../../../../components/dist/esm/table-settings-BYcS3vAt.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean, w as watchValidator, O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState, F as isObject } from './common-L1K0yh1S.js';\n\nconst validateHasSettingsMenu = (component, value) => {\n    watchBoolean(component, '_hasSettingsMenu', value);\n};\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, validateHasSettingsMenu as b, validateTableSelection as c, validateTableStatefulCallbacks as d, validateTableSettings as e, validateTableCallbacks as f, validateTableData as v };\n//# sourceMappingURL=table-settings-BYcS3vAt.js.map\n\n//# sourceMappingURL=table-settings-BYcS3vAt.js.map"],"names":["validateHasSettingsMenu","component","value","watchBoolean","validateTableCallbacks","watchValidator","validateTableStatefulCallbacks","validateTableData","setStateHooks","emptyStringByArrayHandler","objectObjectHandler","parseJson","data","setState","validateTableDataFoot","validateTableSelection","parseSerializedValue","validateObject","isObject","objectValue","validateTableSettings"],"mappings":"mFAKK,MAACA,EAA0B,CAACC,EAAWC,IAAU,CAClDC,EAAaF,EAAW,mBAAoBC,CAAK,CACrD,EAEME,EAAyB,CAACH,EAAWC,IAAU,CACjDG,EAAeJ,EAAW,MAAQC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,kEAAkE,CAAC,EAAGA,CAAK,CACjL,EACMI,EAAiC,CAACL,EAAWC,IAAU,CACzDG,EAAeJ,EAAW,MAAQC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,2DAA2D,CAAC,EAAGA,CAAK,CAC1K,EAEMK,EAAoB,CAACN,EAAWC,EAAOM,IAAkB,CAC3DC,EAA0BP,EAAO,IAAM,CACnCQ,EAAoBR,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAA,GAEZ,GAAI,CACAA,EAAQS,EAAUT,CAAK,CAC3B,MACU,CACV,CACI,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOU,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASZ,EAAW,QAASC,EAAOM,CAAa,CAEzD,CAAC,CACL,CAAC,CACL,EAEMM,EAAwB,CAACb,EAAWC,EAAOM,IAAkB,CAC/DC,EAA0BP,EAAO,IAAM,CACnCQ,EAAoBR,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAA,GAEZ,GAAI,CACAA,EAAQS,EAAUT,CAAK,CAC3B,MACU,CACV,CACI,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOU,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASZ,EAAW,YAAaC,EAAOM,CAAa,CAE7D,CAAC,CACL,CAAC,CACL,EAEMO,EAAyB,CAACd,EAAWC,IAAU,CACjD,MAAMc,EAAuB,IAAM,CAC/B,GAAI,CACA,OAAOL,EAAUT,CAAK,CAC1B,MACU,CACN,MACJ,CACJ,EACMe,EAAkBf,GACbA,GAASgB,EAAShB,CAAK,GAAK,OAAOA,EAAM,OAAU,aAAe,CAACA,EAAM,cAAgB,MAAM,QAAQA,EAAM,YAAY,GAE9HiB,EAAc,OAAOjB,GAAU,SAAWc,EAAoB,EAAKd,EACrEe,EAAeE,CAAW,GAC1BN,EAASZ,EAAW,aAAcC,CAAK,CAE/C,EAEMkB,EAAwB,CAACnB,EAAWC,IAAU,CAChDG,EAAeJ,EAAW,iBAAmBC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,eAAe,CAAC,EAAGA,CAAK,CACzI"}

package/dist/assets/test-component.entry-DHwXHk2P.js

@@ -0,0 +1,2 @@
+import{r as s}from"./index-DJ2YXaqI.js";const e=class{constructor(t){s(this,t)}};export{e as test_component};
+//# sourceMappingURL=test-component.entry-DHwXHk2P.js.map

package/dist/assets/{test-component.entry-B4H-SYnm.js.map → test-component.entry-DHwXHk2P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"test-component.entry-B4H-SYnm.js","sources":["../../../../components/dist/esm/test-component.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance } from './index-BtD7uFmA.js';\nimport './common-Dd0zJQbD.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"],"names":["TestComponent","hostRef","registerInstance"],"mappings":"wCAMK,MAACA,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACJ"}
+{"version":3,"file":"test-component.entry-DHwXHk2P.js","sources":["../../../../components/dist/esm/test-component.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance } from './index-DywmWsSE.js';\nimport './common-L1K0yh1S.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"],"names":["TestComponent","hostRef","registerInstance"],"mappings":"wCAMK,MAACA,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACJ"}

package/dist/assets/tooltip-align-DEw_M6Is-CkdxNPCI.js

@@ -0,0 +1,2 @@
+import{a as o}from"./align-Bcqvz5vw-HqaGjc3O.js";import"./index-DJ2YXaqI.js";const n=(t,i)=>{o(t,"_tooltipAlign",i)};export{n as v};
+//# sourceMappingURL=tooltip-align-DEw_M6Is-CkdxNPCI.js.map

package/dist/assets/tooltip-align-DEw_M6Is-CkdxNPCI.js.map

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

package/dist/assets/{unique-nav-labels-CrfmPC99-CjJT8D59.js → unique-nav-labels-C-bt2E8D-CZJM6u2R.js}

@@ -1,2 +1,2 @@
-import{L as t}from"./index-z-9Q5FY7.js";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-CrfmPC99-CjJT8D59.js.map
+import{L as t}from"./index-DJ2YXaqI.js";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-C-bt2E8D-CZJM6u2R.js.map

package/dist/assets/{unique-nav-labels-CrfmPC99-CjJT8D59.js.map → unique-nav-labels-C-bt2E8D-CZJM6u2R.js.map}

@@ -1 +1 @@
-{"version":3,"file":"unique-nav-labels-CrfmPC99-CjJT8D59.js","sources":["../../../../components/dist/esm/unique-nav-labels-CrfmPC99.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { L as Log } from './common-Dd0zJQbD.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-CrfmPC99.js.map\n\n//# sourceMappingURL=unique-nav-labels-CrfmPC99.js.map"],"names":["UNIQUE_LABELS","addNavLabel","ariaLabel","Log","removeNavLabel"],"mappings":"wCAKA,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"}
+{"version":3,"file":"unique-nav-labels-C-bt2E8D-CZJM6u2R.js","sources":["../../../../components/dist/esm/unique-nav-labels-C-bt2E8D.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { L as Log } from './common-L1K0yh1S.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-C-bt2E8D.js.map\n\n//# sourceMappingURL=unique-nav-labels-C-bt2E8D.js.map"],"names":["UNIQUE_LABELS","addNavLabel","ariaLabel","Log","removeNavLabel"],"mappings":"wCAKA,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-BVeaxeev-D7K0fPJu.js

@@ -0,0 +1,2 @@
+import{w as i}from"./index-DJ2YXaqI.js";import{h as r}from"./label-ohY9ajP0-DBUigadk.js";const o=(e,t)=>{i(e,"_level",a=>typeof a=="number"&&r.includes(a),new Set(r.map(String)),t,{defaultValue:1,required:!0})},d=(e,t)=>{o(e,t)};export{d as w};
+//# sourceMappingURL=validation-BVeaxeev-D7K0fPJu.js.map

package/dist/assets/{validation-aqgnZOL6-DoSUHbqm.js.map → validation-BVeaxeev-D7K0fPJu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-aqgnZOL6-DoSUHbqm.js","sources":["../../../../components/dist/esm/validation-aqgnZOL6.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-Dd0zJQbD.js';\nimport { h as headingLevelOptions } from './label-Dnmzb2S_.js';\n\nconst validateLevel = (component, value) => {\n    watchValidator(component, '_level', (value) => typeof value === 'number' && headingLevelOptions.includes(value), new Set(headingLevelOptions.map(String)), value, {\n        defaultValue: 1,\n        required: true,\n    });\n};\n\nconst watchHeadingLevel = (component, value) => {\n    validateLevel(component, value);\n};\n\nexport { watchHeadingLevel as w };\n//# sourceMappingURL=validation-aqgnZOL6.js.map\n\n//# sourceMappingURL=validation-aqgnZOL6.js.map"],"names":["validateLevel","component","value","watchValidator","headingLevelOptions","watchHeadingLevel"],"mappings":"yFAMA,MAAMA,EAAgB,CAACC,EAAWC,IAAU,CACxCC,EAAeF,EAAW,SAAWC,GAAU,OAAOA,GAAU,UAAYE,EAAoB,SAASF,CAAK,EAAG,IAAI,IAAIE,EAAoB,IAAI,MAAM,CAAC,EAAGF,EAAO,CAC9J,aAAc,EACd,SAAU,EAClB,CAAK,CACL,EAEMG,EAAoB,CAACJ,EAAWC,IAAU,CAC5CF,EAAcC,EAAWC,CAAK,CAClC"}
+{"version":3,"file":"validation-BVeaxeev-D7K0fPJu.js","sources":["../../../../components/dist/esm/validation-BVeaxeev.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-L1K0yh1S.js';\nimport { h as headingLevelOptions } from './label-ohY9ajP0.js';\n\nconst validateLevel = (component, value) => {\n    watchValidator(component, '_level', (value) => typeof value === 'number' && headingLevelOptions.includes(value), new Set(headingLevelOptions.map(String)), value, {\n        defaultValue: 1,\n        required: true,\n    });\n};\n\nconst watchHeadingLevel = (component, value) => {\n    validateLevel(component, value);\n};\n\nexport { watchHeadingLevel as w };\n//# sourceMappingURL=validation-BVeaxeev.js.map\n\n//# sourceMappingURL=validation-BVeaxeev.js.map"],"names":["validateLevel","component","value","watchValidator","headingLevelOptions","watchHeadingLevel"],"mappings":"yFAMA,MAAMA,EAAgB,CAACC,EAAWC,IAAU,CACxCC,EAAeF,EAAW,SAAWC,GAAU,OAAOA,GAAU,UAAYE,EAAoB,SAASF,CAAK,EAAG,IAAI,IAAIE,EAAoB,IAAI,MAAM,CAAC,EAAGF,EAAO,CAC9J,aAAc,EACd,SAAU,EAClB,CAAK,CACL,EAEMG,EAAoB,CAACJ,EAAWC,IAAU,CAC5CF,EAAcC,EAAWC,CAAK,CAClC"}

package/dist/assets/validation-BmqW5reG-cwgNBHkG.js

@@ -0,0 +1,2 @@
+import{$ as r,a0 as i}from"./index-DJ2YXaqI.js";const h=(a,s,e)=>{r(s,"_links",t=>typeof t=="object"&&(typeof t._href=="string"||typeof t._label=="string"),e),i(a,s.state._links.length)};export{h as w};
+//# sourceMappingURL=validation-BmqW5reG-cwgNBHkG.js.map

package/dist/assets/{validation-BfjI5un_-4k_Ce5Rv.js.map → validation-BmqW5reG-cwgNBHkG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-BfjI5un_-4k_Ce5Rv.js","sources":["../../../../components/dist/esm/validation-BfjI5un_.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { H as watchJsonArrayString, I as uiUxHintMillerscheZahl } from './common-Dd0zJQbD.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-BfjI5un_.js.map\n\n//# sourceMappingURL=validation-BfjI5un_.js.map"],"names":["watchNavLinks","className","component","value","watchJsonArrayString","link","uiUxHintMillerscheZahl"],"mappings":"iDAKK,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"}
+{"version":3,"file":"validation-BmqW5reG-cwgNBHkG.js","sources":["../../../../components/dist/esm/validation-BmqW5reG.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { G as watchJsonArrayString, H as uiUxHintMillerscheZahl } from './common-L1K0yh1S.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-BmqW5reG.js.map\n\n//# sourceMappingURL=validation-BmqW5reG.js.map"],"names":["watchNavLinks","className","component","value","watchJsonArrayString","link","uiUxHintMillerscheZahl"],"mappings":"gDAKK,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/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-z-9Q5FY7.js"></script>
-		<link rel="stylesheet" crossorigin href="/assets/index-BWt2lYpR.css">
+		<script type="module" crossorigin src="/assets/index-DJ2YXaqI.js"></script>
+		<link rel="stylesheet" crossorigin href="/assets/index-CteRNYW-.css">
 	</head>
 	<body>
 		<div id="app"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/sample-react",
-  "version": "4.0.0-alpha.7",
+  "version": "4.0.0-alpha.8",
   "description": "This app contains samples for the KoliBri/Public UI",
   "license": "EUPL-1.2",
   "repository": {
@@ -29,24 +29,24 @@
     "eslint-plugin-react": "7.37.5",
     "knip": "5.71.0",
     "npm-run-all2": "8.0.4",
-    "prettier": "3.7.3",
+    "prettier": "3.7.4",
     "prettier-plugin-organize-imports": "4.3.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-hook-form": "7.67.0",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "react-hook-form": "7.68.0",
     "react-number-format": "5.4.4",
-    "react-router": "7.10.0",
-    "react-router-dom": "7.10.0",
+    "react-router": "7.10.1",
+    "react-router-dom": "7.10.1",
     "stylelint": "16.26.1",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
-    "vite": "7.2.6",
+    "vite": "7.2.7",
     "world_countries_lists": "3.3.0",
     "zod": "4.1.13",
-    "@public-ui/components": "4.0.0-alpha.7",
-    "@public-ui/react-v19": "4.0.0-alpha.7",
-    "@public-ui/react-hook-form-adapter": "4.0.0-alpha.7",
-    "@public-ui/themes": "4.0.0-alpha.7"
+    "@public-ui/react-hook-form-adapter": "4.0.0-alpha.8",
+    "@public-ui/themes": "4.0.0-alpha.8",
+    "@public-ui/components": "4.0.0-alpha.8",
+    "@public-ui/react-v19": "4.0.0-alpha.8"
   },
   "files": [
     "dist",

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

@@ -21,7 +21,7 @@ export const ButtonLinkBasic: FC = () => {
 				</p>
 			</SampleDescription>
 			<section className="text-base">
-				<KolHeading _level={2} _label="Button-Link with variant 'inline'" />
+				<KolHeading _level={2} _label="Button-Link with _inline" />
 
 				<p>
 					In this paragraph, a link is inserted that contains no additional attributes. <KolButtonLink _label="Simple Link" /> It is rendered by default as an{' '}
@@ -38,16 +38,18 @@ export const ButtonLinkBasic: FC = () => {
 					Therefore, I go over the entire width of the parent element to create a line break.
 				</p>
 
-				<KolHeading _level={2} _label="Button-Link with variant 'standalone'" />
+				<KolHeading _level={2} _label="Button-Link with _inline={false}" />
+
+				<p>Use the boolean _inline property to render the link inline (default) or standalone.</p>
 
 				<p>
-					<KolButtonLink _label="Disabled ButtonLink" _disabled _variant="standalone" />
+					<KolButtonLink _label="Disabled ButtonLink" _disabled _inline={false} />
 				</p>
 				<p>
-					<KolButtonLink _label="With access key" _accessKey="c" _on={dummyEventHandler} _variant="standalone" />
+					<KolButtonLink _label="With access key" _accessKey="c" _inline={false} _on={dummyEventHandler} />
 				</p>
 				<p>
-					<KolButtonLink _label="Disabled ButtonLink" _shortKey="s" _variant="standalone" />
+					<KolButtonLink _label="Disabled ButtonLink" _inline={false} _shortKey="s" />
 				</p>
 			</section>
 		</>

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

@@ -20,10 +20,10 @@ export const InputNumberCases = forwardRef<HTMLKolInputNumberElement, Components
 				_label="Number input"
 				_icons={{
 					left: {
-						icon: 'codicon codicon-arrow-left',
+						icon: 'codicon codicon-snake',
 					},
 					right: {
-						icon: 'codicon codicon-arrow-right',
+						icon: 'codicon codicon-squirrel',
 					},
 				}}
 			/>
@@ -32,8 +32,8 @@ export const InputNumberCases = forwardRef<HTMLKolInputNumberElement, Components
 			<KolInputNumber {...props} _required _msg={{ _type: 'info', _description: ERROR_MSG }} _touched _value={123} _label="Number input" />
 			<KolInputNumber {...props} _required _msg={{ _type: 'success', _description: ERROR_MSG }} _touched _value={123} _label="Number input" />
 			<KolInputNumber {...props} ref={ref} _accessKey="Z" _max={10} _min={-10} _step={2} _label="Number input (-10 to 10 in steps of 2)" />
-			<KolInputNumber {...props} _readOnly _label="Number input (Readonly)" />
-			<KolInputNumber {...props} _disabled _label="Number input (Disabled)" />
+			<KolInputNumber {...props} _readOnly _value={123} _label="Number input (Readonly)" />
+			<KolInputNumber {...props} _disabled _value={123} _label="Number input (Disabled)" />
 			<KolInputNumber {...props} _label="With access key" _accessKey="c" />
 			<KolInputNumber {...props} _label="With short key" _shortKey="s" />
 		</div>

package/src/components/input-text/access-short-key.tsx

@@ -0,0 +1,19 @@
+import { KolInputText } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
+import { SampleDescription } from '../SampleDescription';
+
+export const InputTextAccessShortKey: FC = () => (
+	<>
+		<SampleDescription>
+			<p>This story demonstrates access keys and short keys for KolInputText. Access keys provide keyboard shortcuts for focusing inputs.</p>
+		</SampleDescription>
+
+		<div className="grid gap-4">
+			<KolInputText _label="With access key (Alt+F)" _value="Press Alt+F to focus" _accessKey="f" />
+			<KolInputText _label="With short key (Alt+N)" _value="Press Alt+N to focus" _shortKey="n" />
+			<KolInputText _label="Access key (Alt+E)" _value="" _placeholder="Email address" _accessKey="e" />
+			<KolInputText _label="Short key (Alt+P)" _value="" _placeholder="Phone number" _shortKey="p" />
+		</div>
+	</>
+);

package/src/components/input-text/background-test.tsx

@@ -0,0 +1,20 @@
+import { KolInputText } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
+import { SampleDescription } from '../SampleDescription';
+
+export const InputTextBackground: FC = () => (
+	<>
+		<SampleDescription>
+			<p>This story showcases the component placed on a colored background.</p>
+		</SampleDescription>
+
+		<div className="grid gap-4 bg-blue-400 p-4 rounded">
+			<strong>Default background:</strong>
+			<KolInputText _label="First name" _value="John Doe" />
+
+			<strong>Unset background:</strong>
+			<KolInputText style={{ backgroundColor: 'unset' }} _label="First name" _value="John Doe" />
+		</div>
+	</>
+);

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

@@ -1,16 +1,21 @@
+import { KolInputText } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';
-
-import { FormWrap } from '../FormWrap';
 import { SampleDescription } from '../SampleDescription';
-import { InputTextVariants } from './partials/variants';
 
 export const InputTextBasic: FC = () => (
 	<>
 		<SampleDescription>
-			<p>KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states.</p>
+			<p>This story showcases the most important InputText variants: default, required, validation error, disabled, read-only, and with icons.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputTextVariants} showButtons={false} />
+		<div className="grid gap-4">
+			<KolInputText _label="Name" _value="Anderson-Clark" />
+			<KolInputText _label="Name" _required _msg={{ _type: 'error', _description: 'Please enter your name' }} _touched />
+			<KolInputText _label="Name" _required _hint="Enter your surname" />
+			<KolInputText _label="Name" _value="Anderson-Clark" _disabled />
+			<KolInputText _label="Name" _readOnly _value="Anderson-Clark" />
+			<KolInputText _label="Name" _icons="codicon codicon-account" _value="Anderson-Clark" />
+		</div>
 	</>
 );

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

@@ -0,0 +1,19 @@
+import { KolInputText } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
+import { SampleDescription } from '../SampleDescription';
+
+export const InputTextDisabled: FC = () => (
+	<>
+		<SampleDescription>
+			<p>This story demonstrates the disabled state of KolInputText. Disabled inputs cannot be edited or focused.</p>
+		</SampleDescription>
+
+		<div className="grid gap-4">
+			<KolInputText _label="Disabled with placeholder" _placeholder="Placeholder text" _disabled />
+			<KolInputText _label="Disabled with value" _value="This field is disabled" _disabled />
+			<KolInputText _label="Disabled with error message" _value="Invalid value" _msg={{ _type: 'error', _description: 'Error message' }} _disabled _touched />
+			<KolInputText _label="Comparison: Enabled" _value="This field is enabled" />
+		</div>
+	</>
+);

package/src/components/input-text/expert-slot.tsx

@@ -1,4 +1,4 @@
-import { KolInputText } from '@public-ui/react-v19';
+import { KolBadge, KolIcon, KolInputText } from '@public-ui/react-v19';
 import * as React from 'react';
 import { SampleDescription } from '../SampleDescription';
 
@@ -6,12 +6,28 @@ export const InputTextExpertSlot = () => {
 	return (
 		<>
 			<SampleDescription>
-				<p>This sample show KolInputText with expert slot.</p>
+				<p>This sample shows KolInputText with expert slot. The expert slot allows for complex custom content beyond simple text inputs.</p>
 			</SampleDescription>
 
-			<KolInputText _label="" _type="text">
-				<span slot="expert">I am more than just a input field</span>
-			</KolInputText>
+			<div className="grid gap-4">
+				<KolInputText _label="" _type="text">
+					<span slot="expert">I am more than just a input field</span>
+				</KolInputText>
+
+				<KolInputText _label="" _type="text" _value="Complex example">
+					<div slot="expert" className="flex items-center gap-2">
+						<KolBadge _label="Premium" _color="#1a73e8" />
+						<KolIcon _icons="codicon codicon-verified-filled" _label="" />
+						<span>Verified account with premium features</span>
+					</div>
+				</KolInputText>
+
+				<KolInputText _label="" _type="text" _placeholder="Enter your email">
+					<div slot="expert" style={{ padding: '0.5rem', backgroundColor: '#f0f0f0', borderRadius: '4px' }}>
+						<strong>Note:</strong> This email will be used for account recovery and notifications.
+					</div>
+				</KolInputText>
+			</div>
 		</>
 	);
 };

package/src/components/input-text/hide-label.tsx

@@ -0,0 +1,48 @@
+import { KolAlert, KolInputText } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
+import { SampleDescription } from '../SampleDescription';
+
+export const InputTextHideLabel: FC = () => (
+	<div className="grid gap-4">
+		<SampleDescription>
+			<p>
+				This story demonstrates the <code>_hideLabel</code> feature for KolInputText. It allows hiding the label visually while keeping it accessible for screen
+				readers.
+			</p>
+		</SampleDescription>
+
+		<section>
+			<KolInputText _hideLabel _label="Search" _placeholder="Search..." _type="search" />
+		</section>
+
+		<section>
+			<KolInputText _hideLabel _label="Email" _placeholder="Enter email" _msg={{ _type: 'error', _description: 'Invalid email format' }} _touched />
+		</section>
+
+		<section>
+			<fieldset className="grid md:grid-cols-2 gap-4">
+				<legend>Street Address</legend>
+				<KolAlert className="col-span-2" _level={0} _type="error">
+					Please complete the address
+				</KolAlert>
+				<KolInputText
+					_hideLabel
+					_hideMsg
+					_label="Street name"
+					_placeholder="Street name"
+					_msg={{ _type: 'error', _description: 'Please complete the address' }}
+					_touched
+				/>
+				<KolInputText
+					_hideLabel
+					_hideMsg
+					_label="House number"
+					_placeholder="Number"
+					_msg={{ _type: 'error', _description: 'Please complete the address' }}
+					_touched
+				/>
+			</fieldset>
+		</section>
+	</div>
+);

package/src/components/input-text/hide-msg.tsx

@@ -1,4 +1,4 @@
-import { KolAlert, KolCard, KolInputText } from '@public-ui/react-v19';
+import { KolAlert, KolInputText } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';
 import { SampleDescription } from '../SampleDescription';
@@ -12,10 +12,10 @@ export const InputTextHideMsg: FC = () => (
 			</p>
 		</SampleDescription>
 
-		<KolCard _label="Normal input field with error" _level={0}>
+		<section>
 			<KolInputText _msg={{ _type: 'error', _description: 'Error message' }} _label="Input with error" _touched />
-		</KolCard>
-		<KolCard _label="Input fields with hidden error" _level={0}>
+		</section>
+		<section>
 			<fieldset className="grid md:grid-cols-2 gap-4">
 				<legend>Combined input field</legend>
 				<KolAlert className="col-span-2" _level={0} _type="error">
@@ -24,6 +24,6 @@ export const InputTextHideMsg: FC = () => (
 				<KolInputText _msg={{ _type: 'error', _description: 'This is a combined error message' }} _hideMsg _label="First input" _touched />
 				<KolInputText _msg={{ _type: 'error', _description: 'This is a combined error message' }} _hideMsg _label="Second input with error" _touched />
 			</fieldset>
-		</KolCard>
+		</section>
 	</div>
 );

package/src/components/input-text/message-types.tsx

@@ -0,0 +1,19 @@
+import { KolInputText } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
+import { SampleDescription } from '../SampleDescription';
+
+export const InputTextMessageTypes: FC = () => (
+	<>
+		<SampleDescription>
+			<p>This story demonstrates all available message types for KolInputText: info, error, warning, and success.</p>
+		</SampleDescription>
+
+		<div className="grid gap-4">
+			<KolInputText _label="Info message" _value="Some value" _msg={{ _type: 'info', _description: 'This is an informational message' }} />
+			<KolInputText _label="Error message" _value="Invalid value" _msg={{ _type: 'error', _description: 'This is an error message' }} _touched />
+			<KolInputText _label="Warning message" _value="Potentially problematic value" _msg={{ _type: 'warning', _description: 'This is a warning message' }} />
+			<KolInputText _label="Success message" _value="Valid value" _msg={{ _type: 'success', _description: 'This is a success message' }} />
+		</div>
+	</>
+);