@public-ui/sample-react 3.0.4-rc.0 → 3.0.4-rc.2

package/dist/assets/{max-length-behavior-BJuqKbOX-D1Vh8Nrn.js → max-length-behavior-DCUK2Rvw-CFJMr88j.js}

@@ -1,4 +1,4 @@
-import{m as o,w as n,a7 as s}from"./index-DoiVX6kR.js";/*!
+import{m as o,w as n,a6 as s}from"./index-C2KkeAad.js";/*!
  * KoliBri - The accessible HTML-Standard
  */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-BJuqKbOX-D1Vh8Nrn.js.map
+//# sourceMappingURL=max-length-behavior-DCUK2Rvw-CFJMr88j.js.map

package/dist/assets/{max-length-behavior-BJuqKbOX-D1Vh8Nrn.js.map → max-length-behavior-DCUK2Rvw-CFJMr88j.js.map}

@@ -1 +1 @@
-{"version":3,"file":"max-length-behavior-BJuqKbOX-D1Vh8Nrn.js","sources":["../../../../components/dist/esm/max-length-behavior-BJuqKbOX.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean, N as watchNumber, w as watchValidator } from './common-7RW_NFNf.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-BJuqKbOX.js.map\n\n//# sourceMappingURL=max-length-behavior-BJuqKbOX.js.map"],"names":["validateHasCounter","component","value","options","watchBoolean","validateMaxLength","watchNumber","maxLengthBehaviorPropTypeOptions","validateMaxLengthBehavior","watchValidator"],"mappings":"uDAAA;AAAA;AAAA,GAKK,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-DCUK2Rvw-CFJMr88j.js","sources":["../../../../components/dist/esm/max-length-behavior-DCUK2Rvw.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean, N as watchNumber, w as watchValidator } from './common-zXZUsQ7l.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-DCUK2Rvw.js.map\n\n//# sourceMappingURL=max-length-behavior-DCUK2Rvw.js.map"],"names":["validateHasCounter","component","value","options","watchBoolean","validateMaxLength","watchNumber","maxLengthBehaviorPropTypeOptions","validateMaxLengthBehavior","watchValidator"],"mappings":"uDAAA;AAAA;AAAA,GAKK,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-DAViTLG--DsbLaA3k.js → multiple-D4hUZQZi-BFKZhO2I.js}

@@ -1,4 +1,4 @@
-import{m as o}from"./index-DoiVX6kR.js";/*!
+import{m as o}from"./index-C2KkeAad.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const i=(t,a,l)=>{o(t,"_multiple",a,l)};export{i as v};
-//# sourceMappingURL=multiple-DAViTLG--DsbLaA3k.js.map
+//# sourceMappingURL=multiple-D4hUZQZi-BFKZhO2I.js.map

package/dist/assets/multiple-D4hUZQZi-BFKZhO2I.js.map

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

package/dist/assets/{open-k4WSPWPA-BAlUeYaO.js → open-DDc2yKMt-BxOgmkiy.js}

@@ -1,4 +1,4 @@
-import{m as t}from"./index-DoiVX6kR.js";/*!
+import{m as t}from"./index-C2KkeAad.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=(o,a,e)=>{t(o,"_open",a,e)};export{p as v};
-//# sourceMappingURL=open-k4WSPWPA-BAlUeYaO.js.map
+//# sourceMappingURL=open-DDc2yKMt-BxOgmkiy.js.map

package/dist/assets/open-DDc2yKMt-BxOgmkiy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-DDc2yKMt-BxOgmkiy.js","sources":["../../../../components/dist/esm/open-DDc2yKMt.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-zXZUsQ7l.js';\n\nconst validateOpen = (component, value, options) => {\n    watchBoolean(component, '_open', value, options);\n};\n\nexport { validateOpen as v };\n//# sourceMappingURL=open-DDc2yKMt.js.map\n\n//# sourceMappingURL=open-DDc2yKMt.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-BV4mvHIC-BXGx970s.js → orientation-DdsLYtB3-DTZV_Jlb.js}

@@ -1,4 +1,4 @@
-import{w as a}from"./index-DoiVX6kR.js";/*!
+import{w as a}from"./index-C2KkeAad.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-BV4mvHIC-BXGx970s.js.map
+//# sourceMappingURL=orientation-DdsLYtB3-DTZV_Jlb.js.map

package/dist/assets/{orientation-BV4mvHIC-BXGx970s.js.map → orientation-DdsLYtB3-DTZV_Jlb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"orientation-BV4mvHIC-BXGx970s.js","sources":["../../../../components/dist/esm/orientation-BV4mvHIC.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-7RW_NFNf.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-BV4mvHIC.js.map\n\n//# sourceMappingURL=orientation-BV4mvHIC.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"}
+{"version":3,"file":"orientation-DdsLYtB3-DTZV_Jlb.js","sources":["../../../../components/dist/esm/orientation-DdsLYtB3.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-zXZUsQ7l.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-DdsLYtB3.js.map\n\n//# sourceMappingURL=orientation-DdsLYtB3.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/{placeholder-ikSHqukt-Fv6BdBDD.js → placeholder-CKKvVrmb-BbETFWk-.js}

@@ -1,4 +1,4 @@
-import{n as r}from"./index-DoiVX6kR.js";/*!
+import{n as r}from"./index-C2KkeAad.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const l=(a,e,o={})=>{r(a,"_placeholder",e,o)};export{l as v};
-//# sourceMappingURL=placeholder-ikSHqukt-Fv6BdBDD.js.map
+//# sourceMappingURL=placeholder-CKKvVrmb-BbETFWk-.js.map

package/dist/assets/{placeholder-ikSHqukt-Fv6BdBDD.js.map → placeholder-CKKvVrmb-BbETFWk-.js.map}

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

package/dist/assets/read-only-D2aPahKx-BXIc3L_0.js

@@ -0,0 +1,4 @@
+import{m as e}from"./index-C2KkeAad.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const l=(a,o)=>{e(a,"_readOnly",o)};export{l as v};
+//# sourceMappingURL=read-only-D2aPahKx-BXIc3L_0.js.map

package/dist/assets/read-only-D2aPahKx-BXIc3L_0.js.map

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

package/dist/assets/required-DZ-b_DWV-lThREOJi.js

@@ -0,0 +1,4 @@
+import{m as o}from"./index-C2KkeAad.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const t=(e,a)=>{o(e,"_required",a)};export{t as v};
+//# sourceMappingURL=required-DZ-b_DWV-lThREOJi.js.map

package/dist/assets/required-DZ-b_DWV-lThREOJi.js.map

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

package/dist/assets/reuse-CX4AQDkS-Cyh-fyjG.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */const e=t=>t==="",o=(t,s)=>t||s||"";export{o as b,e as s};
+//# sourceMappingURL=reuse-CX4AQDkS-Cyh-fyjG.js.map

package/dist/assets/reuse-CX4AQDkS-Cyh-fyjG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reuse-CX4AQDkS-Cyh-fyjG.js","sources":["../../../../components/dist/esm/reuse-CX4AQDkS.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nconst showExpertSlot = (label) => label === '';\nconst buildBadgeTextString = (accessKey, shortKey) => {\n    return accessKey || shortKey || '';\n};\n\nexport { buildBadgeTextString as b, showExpertSlot as s };\n//# sourceMappingURL=reuse-CX4AQDkS.js.map\n\n//# sourceMappingURL=reuse-CX4AQDkS.js.map"],"names":["showExpertSlot","label","buildBadgeTextString","accessKey","shortKey"],"mappings":"AAAA;AAAA;AAAA,GAGK,MAACA,EAAkBC,GAAUA,IAAU,GACtCC,EAAuB,CAACC,EAAWC,IAC9BD,GAAaC,GAAY"}

package/dist/assets/{rows-CRXE6nJb--XG2Z-jB.js → rows-DZqgM5RX-Db46GeBi.js}

@@ -1,4 +1,4 @@
-import{a7 as r}from"./index-DoiVX6kR.js";/*!
+import{a6 as r}from"./index-C2KkeAad.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const t=(a,o)=>{r(a,"_rows",o,{min:1})};export{t as v};
-//# sourceMappingURL=rows-CRXE6nJb--XG2Z-jB.js.map
+//# sourceMappingURL=rows-DZqgM5RX-Db46GeBi.js.map

package/dist/assets/rows-DZqgM5RX-Db46GeBi.js.map

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

package/dist/assets/{show-C_i9p0dk-eI6yT_P3.js → show-D0rlMMpf-D6iqXSpr.js}

@@ -1,4 +1,4 @@
-import{m as s}from"./index-DoiVX6kR.js";/*!
+import{m as s}from"./index-C2KkeAad.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const h=(o,a,t)=>{s(o,"_show",a,t)};export{h as v};
-//# sourceMappingURL=show-C_i9p0dk-eI6yT_P3.js.map
+//# sourceMappingURL=show-D0rlMMpf-D6iqXSpr.js.map

package/dist/assets/show-D0rlMMpf-D6iqXSpr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-D0rlMMpf-D6iqXSpr.js","sources":["../../../../components/dist/esm/show-D0rlMMpf.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-zXZUsQ7l.js';\n\nconst validateShow = (component, value, hooks) => {\n    watchBoolean(component, '_show', value, hooks);\n};\n\nexport { validateShow as v };\n//# sourceMappingURL=show-D0rlMMpf.js.map\n\n//# sourceMappingURL=show-D0rlMMpf.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-BwdT9MHK-BTf2XUMQ.js → spell-check-Chr2J8Ox-MHPwe0CR.js}

@@ -1,4 +1,4 @@
-import{m as l}from"./index-DoiVX6kR.js";/*!
+import{m as l}from"./index-C2KkeAad.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const t=(e,a)=>{l(e,"_spellCheck",a,{defaultValue:void 0})};export{t as v};
-//# sourceMappingURL=spell-check-BwdT9MHK-BTf2XUMQ.js.map
+//# sourceMappingURL=spell-check-Chr2J8Ox-MHPwe0CR.js.map

package/dist/assets/{spell-check-BwdT9MHK-BTf2XUMQ.js.map → spell-check-Chr2J8Ox-MHPwe0CR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spell-check-BwdT9MHK-BTf2XUMQ.js","sources":["../../../../components/dist/esm/spell-check-BwdT9MHK.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-7RW_NFNf.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-BwdT9MHK.js.map\n\n//# sourceMappingURL=spell-check-BwdT9MHK.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"}
+{"version":3,"file":"spell-check-Chr2J8Ox-MHPwe0CR.js","sources":["../../../../components/dist/esm/spell-check-Chr2J8Ox.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-zXZUsQ7l.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-Chr2J8Ox.js.map\n\n//# sourceMappingURL=spell-check-Chr2J8Ox.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-BAQRZsDz-BYFBlX8y.js → suggestions-dPkxw3RQ-mKxhgLNM.js}

@@ -1,4 +1,4 @@
-import{a1 as o,A as n}from"./index-DoiVX6kR.js";/*!
+import{a0 as o,A as n}from"./index-C2KkeAad.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-BAQRZsDz-BYFBlX8y.js.map
+//# sourceMappingURL=suggestions-dPkxw3RQ-mKxhgLNM.js.map

package/dist/assets/{suggestions-BAQRZsDz-BYFBlX8y.js.map → suggestions-dPkxw3RQ-mKxhgLNM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestions-BAQRZsDz-BYFBlX8y.js","sources":["../../../../components/dist/esm/suggestions-BAQRZsDz.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { H as watchJsonArrayString, t as a11yHint } from './common-7RW_NFNf.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-BAQRZsDz.js.map\n\n//# sourceMappingURL=suggestions-BAQRZsDz.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"}
+{"version":3,"file":"suggestions-dPkxw3RQ-mKxhgLNM.js","sources":["../../../../components/dist/esm/suggestions-dPkxw3RQ.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { H as watchJsonArrayString, t as a11yHint } from './common-zXZUsQ7l.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-dPkxw3RQ.js.map\n\n//# sourceMappingURL=suggestions-dPkxw3RQ.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,CAE3I,CACZ,CACA,CAAK,CACL"}

package/dist/assets/{table-settings-CC1LSsqS-D2-WPX8F.js → table-settings-CF9uiyi4-COqjp1yZ.js}

@@ -1,4 +1,4 @@
-import{ab as i,w as s,s as r,p as c,V as l,o as b}from"./index-DoiVX6kR.js";/*!
+import{aa as i,w as s,s as r,p as c,U as l,o as y}from"./index-C2KkeAad.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,()=>{b(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,()=>{b(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)),y=typeof t=="string"?e():t;n(y)&&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-CC1LSsqS-D2-WPX8F.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=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-CF9uiyi4-COqjp1yZ.js.map

package/dist/assets/{table-settings-CC1LSsqS-D2-WPX8F.js.map → table-settings-CF9uiyi4-COqjp1yZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-settings-CC1LSsqS-D2-WPX8F.js","sources":["../../../../components/dist/esm/table-settings-CC1LSsqS.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState, G as isObject } from './common-7RW_NFNf.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-CC1LSsqS.js.map\n\n//# sourceMappingURL=table-settings-CC1LSsqS.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"}
+{"version":3,"file":"table-settings-CF9uiyi4-COqjp1yZ.js","sources":["../../../../components/dist/esm/table-settings-CF9uiyi4.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState, G as isObject } from './common-zXZUsQ7l.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-CF9uiyi4.js.map\n\n//# sourceMappingURL=table-settings-CF9uiyi4.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,CAAA,GAEZ,GAAI,CACAA,EAAQO,EAAUP,CAAK,CAC3B,MACU,CACV,CACI,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOQ,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASV,EAAW,QAASC,EAAOI,CAAa,CAEzD,CAAC,CACL,CAAC,CACL,EAEMM,EAAwB,CAACX,EAAWC,EAAOI,IAAkB,CAC/DC,EAA0BL,EAAO,IAAM,CACnCM,EAAoBN,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAA,GAEZ,GAAI,CACAA,EAAQO,EAAUP,CAAK,CAC3B,MACU,CACV,CACI,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOQ,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASV,EAAW,YAAaC,EAAOI,CAAa,CAE7D,CAAC,CACL,CAAC,CACL,EAEMO,EAAyB,CAACZ,EAAWC,IAAU,CACjD,MAAMY,EAAuB,IAAM,CAC/B,GAAI,CACA,OAAOL,EAAUP,CAAK,CAC1B,MACU,CACN,MACJ,CACJ,EACMa,EAAkBb,GACbA,GAASc,EAASd,CAAK,GAAK,OAAOA,EAAM,OAAU,aAAe,CAACA,EAAM,cAAgB,MAAM,QAAQA,EAAM,YAAY,GAE9He,EAAc,OAAOf,GAAU,SAAWY,EAAoB,EAAKZ,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-BViJTATn.js → test-component.entry-azdlgQMD.js}

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

package/dist/assets/{test-component.entry-BViJTATn.js.map → test-component.entry-azdlgQMD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"test-component.entry-BViJTATn.js","sources":["../../../../components/dist/esm/test-component.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance } from './index-CuRbHMox.js';\nimport './common-7RW_NFNf.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"}
+{"version":3,"file":"test-component.entry-azdlgQMD.js","sources":["../../../../components/dist/esm/test-component.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance } from './index-DeYD98_2.js';\nimport './common-zXZUsQ7l.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,CAClC,CACJ"}

package/dist/assets/tooltip-align-CmSyNCv5-fjKbZUM-.js

@@ -0,0 +1,4 @@
+import{a as o}from"./align-BU6S1qiO-F13IqNVN.js";import"./index-C2KkeAad.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const n=(t,i)=>{o(t,"_tooltipAlign",i)};export{n as v};
+//# sourceMappingURL=tooltip-align-CmSyNCv5-fjKbZUM-.js.map

package/dist/assets/tooltip-align-CmSyNCv5-fjKbZUM-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-align-CmSyNCv5-fjKbZUM-.js","sources":["../../../../components/dist/esm/tooltip-align-CmSyNCv5.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { a as validateAlignment } from './align-BU6S1qiO.js';\nimport './common-zXZUsQ7l.js';\n\nconst validateTooltipAlign = (component, value) => {\n    validateAlignment(component, '_tooltipAlign', value);\n};\n\nexport { validateTooltipAlign as v };\n//# sourceMappingURL=tooltip-align-CmSyNCv5.js.map\n\n//# sourceMappingURL=tooltip-align-CmSyNCv5.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-PqHnrOFf-BeymYe4a.js → unique-nav-labels-Bm9ZvlTf-C_s-ysiW.js}

@@ -1,4 +1,4 @@
-import{L as t}from"./index-DoiVX6kR.js";/*!
+import{L as t}from"./index-C2KkeAad.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-PqHnrOFf-BeymYe4a.js.map
+//# sourceMappingURL=unique-nav-labels-Bm9ZvlTf-C_s-ysiW.js.map

package/dist/assets/{unique-nav-labels-PqHnrOFf-BeymYe4a.js.map → unique-nav-labels-Bm9ZvlTf-C_s-ysiW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"unique-nav-labels-PqHnrOFf-BeymYe4a.js","sources":["../../../../components/dist/esm/unique-nav-labels-PqHnrOFf.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { L as Log } from './common-7RW_NFNf.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-PqHnrOFf.js.map\n\n//# sourceMappingURL=unique-nav-labels-PqHnrOFf.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"}
+{"version":3,"file":"unique-nav-labels-Bm9ZvlTf-C_s-ysiW.js","sources":["../../../../components/dist/esm/unique-nav-labels-Bm9ZvlTf.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { L as Log } from './common-zXZUsQ7l.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-Bm9ZvlTf.js.map\n\n//# sourceMappingURL=unique-nav-labels-Bm9ZvlTf.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-CcPLmr0Q-GFaH8oU4.js → validation-CW-5L0A7-DDaejQom.js}

@@ -1,4 +1,4 @@
-import{w as i}from"./index-DoiVX6kR.js";import{h as r}from"./label-DAfXJvJZ-BBJeZ6XX.js";/*!
+import{w as i}from"./index-C2KkeAad.js";import{h as r}from"./label-DGzuU0HV-B8OwdBqX.js";/*!
  * KoliBri - The accessible HTML-Standard
  */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-CcPLmr0Q-GFaH8oU4.js.map
+//# sourceMappingURL=validation-CW-5L0A7-DDaejQom.js.map

package/dist/assets/{validation-CcPLmr0Q-GFaH8oU4.js.map → validation-CW-5L0A7-DDaejQom.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-CcPLmr0Q-GFaH8oU4.js","sources":["../../../../components/dist/esm/validation-CcPLmr0Q.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-7RW_NFNf.js';\nimport { h as headingLevelOptions } from './label-DAfXJvJZ.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-CcPLmr0Q.js.map\n\n//# sourceMappingURL=validation-CcPLmr0Q.js.map"],"names":["validateLevel","component","value","watchValidator","headingLevelOptions","watchHeadingLevel"],"mappings":"yFAAA;AAAA;AAAA,GAMA,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-CW-5L0A7-DDaejQom.js","sources":["../../../../components/dist/esm/validation-CW-5L0A7.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './common-zXZUsQ7l.js';\nimport { h as headingLevelOptions } from './label-DGzuU0HV.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-CW-5L0A7.js.map\n\n//# sourceMappingURL=validation-CW-5L0A7.js.map"],"names":["validateLevel","component","value","watchValidator","headingLevelOptions","watchHeadingLevel"],"mappings":"yFAAA;AAAA;AAAA,GAMA,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-DhcHxkL2-BWp0oYyd.js → validation-oaGI9Wed-DwrWZgKF.js}

@@ -1,4 +1,4 @@
-import{a1 as r,a2 as i}from"./index-DoiVX6kR.js";/*!
+import{a0 as r,a1 as i}from"./index-C2KkeAad.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-DhcHxkL2-BWp0oYyd.js.map
+//# sourceMappingURL=validation-oaGI9Wed-DwrWZgKF.js.map

package/dist/assets/{validation-DhcHxkL2-BWp0oYyd.js.map → validation-oaGI9Wed-DwrWZgKF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-DhcHxkL2-BWp0oYyd.js","sources":["../../../../components/dist/esm/validation-DhcHxkL2.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { H as watchJsonArrayString, I as uiUxHintMillerscheZahl } from './common-7RW_NFNf.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-DhcHxkL2.js.map\n\n//# sourceMappingURL=validation-DhcHxkL2.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"}
+{"version":3,"file":"validation-oaGI9Wed-DwrWZgKF.js","sources":["../../../../components/dist/esm/validation-oaGI9Wed.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { H as watchJsonArrayString, I as uiUxHintMillerscheZahl } from './common-zXZUsQ7l.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-oaGI9Wed.js.map\n\n//# sourceMappingURL=validation-oaGI9Wed.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/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-DoiVX6kR.js"></script>
-		<link rel="stylesheet" crossorigin href="/assets/index-CbhGA6J1.css">
+		<script type="module" crossorigin src="/assets/index-C2KkeAad.js"></script>
+		<link rel="stylesheet" crossorigin href="/assets/index-D3y4o-X5.css">
 	</head>
 	<body>
 		<div id="app"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/sample-react",
-  "version": "3.0.4-rc.0",
+  "version": "3.0.4-rc.2",
   "description": "This app contains samples for the KoliBri/Public UI",
   "license": "EUPL-1.2",
   "repository": {
@@ -8,42 +8,45 @@
     "url": "https://github.com/public-ui/kolibri"
   },
   "dependencies": {
+    "@hookform/resolvers": "5.2.1",
     "@leanup/stack": "1.3.54",
-    "@playwright/test": "1.53.0",
-    "@stencil/core": "4.36.0",
-    "@types/node": "24.0.1",
-    "@types/react": "19.1.9",
+    "@playwright/test": "1.55.0",
+    "@stencil/core": "4.36.3",
+    "@types/node": "24.3.0",
+    "@types/react": "19.1.10",
     "@types/react-dom": "19.1.7",
-    "@typescript-eslint/eslint-plugin": "8.34.0",
-    "@typescript-eslint/parser": "8.34.0",
-    "@unocss/preset-mini": "66.2.3",
-    "@unocss/vite": "66.2.3",
-    "@vitejs/plugin-react-swc": "3.10.2",
+    "@typescript-eslint/eslint-plugin": "8.40.0",
+    "@typescript-eslint/parser": "8.40.0",
+    "@unocss/preset-mini": "66.4.2",
+    "@unocss/vite": "66.4.2",
+    "@vitejs/plugin-react-swc": "4.0.1",
     "adopted-style-sheets": "1.1.9-rc.20",
-    "cpy-cli": "5.0.0",
+    "cpy-cli": "6.0.0",
     "eslint": "8.57.1",
     "eslint-plugin-html": "8.1.3",
     "eslint-plugin-json": "3.1.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-react": "7.37.5",
     "formik": "2.4.6",
-    "knip": "5.61.0",
+    "knip": "5.63.0",
     "npm-run-all2": "8.0.4",
-    "prettier": "3.5.3",
+    "prettier": "3.6.2",
     "react": "19.1.1",
     "react-dom": "19.1.1",
+    "react-hook-form": "7.62.0",
     "react-number-format": "5.4.4",
-    "react-router": "7.8.0",
-    "react-router-dom": "7.8.0",
-    "stylelint": "16.20.0",
+    "react-router": "7.8.1",
+    "react-router-dom": "7.8.1",
+    "stylelint": "16.23.1",
     "tslib": "2.8.1",
-    "typescript": "5.8.3",
-    "vite": "6.3.5",
-    "world_countries_lists": "3.1.0",
-    "yup": "1.6.1",
-    "@public-ui/react-v19": "3.0.4-rc.0",
-    "@public-ui/components": "3.0.4-rc.0",
-    "@public-ui/themes": "3.0.4-rc.0"
+    "typescript": "5.9.2",
+    "vite": "7.1.3",
+    "world_countries_lists": "3.2.0",
+    "yup": "1.7.0",
+    "zod": "4.0.17",
+    "@public-ui/react-v19": "3.0.4-rc.2",
+    "@public-ui/themes": "3.0.4-rc.2",
+    "@public-ui/components": "3.0.4-rc.2"
   },
   "files": [
     "dist",

package/src/components/drawer/routes.ts

@@ -1,10 +1,12 @@
 import { Routes } from '../../shares/types';
 import { DrawerBasic } from './basic';
 import { DrawerControlled } from './controlled';
+import { DrawerScrolled } from './scrolled';
 
 export const DRAWER_ROUTES: Routes = {
 	drawer: {
 		basic: DrawerBasic,
 		controlled: DrawerControlled,
+		scrolled: DrawerScrolled,
 	},
 };

package/src/components/drawer/scrolled.tsx

@@ -0,0 +1,133 @@
+// DrawerScrolled Class
+
+import type { AlignPropType } from '@public-ui/components';
+import { KolButton, KolDrawer, KolInputCheckbox } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React, { useRef, useState } from 'react';
+import { SampleDescription } from '../SampleDescription';
+import { DrawerRadioAlign } from './partials/align';
+
+export const DrawerScrolled: FC = () => {
+	const drawerElement = useRef<HTMLKolDrawerElement>(null);
+	const [align, setAlign] = useState<AlignPropType>('bottom');
+	const [useOverflowHandling, setUseOverflowHandling] = useState(true);
+
+	return (
+		<>
+			<SampleDescription>
+				<p>
+					This sample demonstrates how KolDrawer handles content that exceeds the drawer dimensions and shows the correct way to handle overflow. Use the
+					&#34;Enable Overflow Handling&#34; toggle to see the difference between problematic behavior (content exceeding drawer bounds) and the proper solution
+					(overflow handling within the slot content).
+				</p>
+			</SampleDescription>
+
+			<div className="flex flex-col gap-4 mb-4">
+				<DrawerRadioAlign value={align} onChange={(_, value) => setAlign(value as AlignPropType)} />
+				<KolInputCheckbox
+					_label="Enable Overflow Handling (Recommended)"
+					_checked={useOverflowHandling}
+					_on={{ onChange: (_, value) => setUseOverflowHandling(!!value) }}
+				/>
+			</div>
+			<div className="flex flex-wrap gap-4">
+				<KolDrawer ref={drawerElement} _label="Scrollable Drawer" _align={align}>
+					{useOverflowHandling ? (
+						// ✅ Correct approach: Outer container with fixed dimensions and overflow handling
+						<div
+							style={{
+								width: align === 'left' || align === 'right' ? '90vw' : undefined,
+								height: align === 'top' || align === 'bottom' ? '90vh' : undefined,
+								overflow: 'auto',
+								padding: '0',
+								border: '1px solid #999',
+							}}
+						>
+							<div
+								style={{
+									width: align === 'left' || align === 'right' ? '150vw' : undefined,
+									height: align === 'top' || align === 'bottom' ? '150vh' : undefined,
+									background:
+										'linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)',
+									backgroundSize: '20px 20px',
+									backgroundPosition: '0 0, 0 10px, 10px -10px, -10px 0px',
+									border: '2px dashed #ccc',
+									padding: '20px',
+									display: 'flex',
+									flexDirection: 'column',
+									gap: '20px',
+								}}
+							>
+								<p>✅ Content with proper overflow handling - scrollable within drawer bounds</p>
+								<div>
+									<h3>Large Content Area (Scrollable)</h3>
+									<p>
+										Container: {align === 'left' || align === 'right' ? '400px wide' : '90vw wide'} ×{' '}
+										{align === 'top' || align === 'bottom' ? '90vh high' : '400px high'}
+									</p>
+									<p>
+										Content: {align === 'left' || align === 'right' ? '150vw wide' : '400px wide'} ×{' '}
+										{align === 'top' || align === 'bottom' ? '150vh high' : '400px high'}
+									</p>
+									<p>
+										<strong>Overflow Handling:</strong> Enabled - Container has fixed size with overflow: auto
+									</p>
+									<p>
+										Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
+										diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
+										dolor sit amet.
+									</p>
+									<p>
+										With overflow handling enabled, this content scrolls properly within the drawer container. You can scroll horizontally/vertically to see all
+										content.
+									</p>
+									<div style={{ marginTop: 'auto', paddingTop: '40px' }}>
+										<KolButton _label="Close drawer" _on={{ onClick: () => drawerElement.current?.close() }} />
+									</div>
+								</div>
+							</div>
+						</div>
+					) : (
+						// ❌ Problematic approach: Content directly exceeds drawer bounds
+						<div
+							style={{
+								width: align === 'left' || align === 'right' ? '150vw' : '400px',
+								height: align === 'top' || align === 'bottom' ? '150vh' : '400px',
+								background:
+									'linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)',
+								backgroundSize: '20px 20px',
+								backgroundPosition: '0 0, 0 10px, 10px -10px, -10px 0px',
+								border: '2px dashed #ccc',
+								padding: '20px',
+								display: 'flex',
+								flexDirection: 'column',
+								gap: '20px',
+							}}
+						>
+							<p>❌ Content exceeding drawer bounds - problematic behavior</p>
+							<div>
+								<h3>Large Content Area</h3>
+								<p>Width: {align === 'left' || align === 'right' ? '150vw (exceeds drawer width)' : '400px'}</p>
+								<p>Height: {align === 'top' || align === 'bottom' ? '150vh (exceeds drawer height)' : '400px'}</p>
+								<p>
+									<strong>Overflow Handling:</strong> Disabled - Content extends beyond drawer boundaries
+								</p>
+								<p>
+									Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
+									diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
+									dolor sit amet.
+								</p>
+								<p>Without overflow handling, this content may extend beyond the drawer boundaries, causing layout issues.</p>
+								<div style={{ marginTop: 'auto', paddingTop: '40px' }}>
+									<KolButton _label="Close drawer" _on={{ onClick: () => drawerElement.current?.close() }} />
+								</div>
+							</div>
+						</div>
+					)}
+				</KolDrawer>
+
+				<KolButton _label="Open scrollable drawer" _on={{ onClick: () => drawerElement.current?.open() }} />
+			</div>
+		</>
+	);
+};