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

package/dist/assets/{kol-version.entry-qduZMLv0.js.map → kol-version.entry-Bmwy7nNf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-version.entry-qduZMLv0.js","sources":["../../../../components/dist/esm/kol-version.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-2f6c3929.js';\nimport './index-ebe5a881.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { r as KolBadgeTag } from './component-names-553d8bfa.js';\nimport { v as validateLabel } from './label-bf9966d0.js';\nimport './i18n-45224cc3.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\";\nconst KolVersionDefaultStyle0 = defaultStyleCss;\n\nconst KolVersion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n        this.state = {\n            _label: '0.0.0-alpha.0',\n        };\n    }\n    render() {\n        return (h(Host, { key: '504d576bcb558a37e573c76a5ba0a4a74e7c0bb4', class: \"kol-version\" }, h(KolBadgeTag, { key: 'cad1661faee70f01e77c1b2ef9f02fce548f7c70', _color: \"#bec5c9\", _icons: {\n                left: { icon: 'codicon codicon-versions', label: translate('kol-version') },\n            }, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolVersion.style = {\n    default: KolVersionDefaultStyle0\n};\n\nexport { KolVersion as kol_version };\n\n//# sourceMappingURL=kol-version.entry.js.map"],"names":["defaultStyleCss","KolVersionDefaultStyle0","KolVersion","hostRef","registerInstance","h","Host","KolBadgeTag","translate","value","validateLabel"],"mappings":"+JAAA;AAAA;AAAA,GAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA0BD,EAE1BE,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,eACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAa,EAAID,EAAEE,EAAa,CAAE,IAAK,2CAA4C,OAAQ,UAAW,OAAQ,CAChL,KAAM,CAAE,KAAM,2BAA4B,MAAOC,EAAU,aAAa,CAAG,CAC9E,EAAE,OAAQ,KAAK,MAAM,MAAQ,CAAA,CAAC,CAC3C,CACI,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAP,EAAW,MAAQ,CACf,QAASD,CACb"}
+{"version":3,"file":"kol-version.entry-Bmwy7nNf.js","sources":["../../../../components/dist/esm/kol-version.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-b4e1ceff.js';\nimport './index-ebe5a881.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { q as KolBadgeTag } from './component-names-0657b355.js';\nimport { v as validateLabel } from './label-bf9966d0.js';\nimport './i18n-45224cc3.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\";\nconst KolVersionDefaultStyle0 = defaultStyleCss;\n\nconst KolVersion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n        this.state = {\n            _label: '0.0.0-alpha.0',\n        };\n    }\n    render() {\n        return (h(Host, { key: '3304cd937945785a92d3cf9a25cd70065f2ac5dd', class: \"kol-version\" }, h(KolBadgeTag, { key: '155a2fbdb3ce12a1800b62745a2f9683585c9794', _color: \"#bec5c9\", _icons: {\n                left: { icon: 'codicon codicon-versions', label: translate('kol-version') },\n            }, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolVersion.style = {\n    default: KolVersionDefaultStyle0\n};\n\nexport { KolVersion as kol_version };\n\n//# sourceMappingURL=kol-version.entry.js.map"],"names":["defaultStyleCss","KolVersionDefaultStyle0","KolVersion","hostRef","registerInstance","h","Host","KolBadgeTag","translate","value","validateLabel"],"mappings":"+JAAA;AAAA;AAAA,GAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA0BD,EAE1BE,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,eACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAa,EAAID,EAAEE,EAAa,CAAE,IAAK,2CAA4C,OAAQ,UAAW,OAAQ,CAChL,KAAM,CAAE,KAAM,2BAA4B,MAAOC,EAAU,aAAa,CAAG,CAC9E,EAAE,OAAQ,KAAK,MAAM,MAAQ,CAAA,CAAC,CAC3C,CACI,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAP,EAAW,MAAQ,CACf,QAASD,CACb"}

package/dist/assets/{label-bf9966d0-B_OCTGrW.js → label-bf9966d0-DD73qKA1.js}

@@ -1,4 +1,4 @@
-import{w as l,A as c,M as h}from"./index-BUj5OwnR.js";/*!
+import{w as l,A as c,J as h}from"./index-DJuKoE9z.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=[0,1,2,3,4,5,6],f=/[a-zA-Z0-9äöüÄÖÜß]/g,d=/^\d+$/;function b(t){var a;return typeof t=="string"&&((a=t.match(f))===null||a===void 0?void 0:a.length)||0}function g(t,a=1){return b(t)>=a}function u(t){return d.test(t)}function v(t){var a;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,i,r)=>{var o,s;typeof((o=t.hooks)===null||o===void 0?void 0:o.afterPatch)=="function"&&((s=t.hooks)===null||s===void 0||s.afterPatch(e,n,i,r)),typeof e=="string"&&g(e,3)===!1&&u(e)===!1&&c(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),typeof e=="string"&&e.length>80&&h("A heading or label should not be longer than 80 characters.")},beforePatch:(a=t.hooks)===null||a===void 0?void 0:a.beforePatch}})}const A=new Set(["string"]),L=(t,a,e={})=>{l(t,"_label",n=>typeof n=="string",A,a,v(e))},y=L;export{y as a,g as b,u as c,p as h,L as v};
-//# sourceMappingURL=label-bf9966d0-B_OCTGrW.js.map
+//# sourceMappingURL=label-bf9966d0-DD73qKA1.js.map

package/dist/assets/{label-bf9966d0-B_OCTGrW.js.map → label-bf9966d0-DD73qKA1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-bf9966d0-B_OCTGrW.js","sources":["../../../../components/dist/esm/label-bf9966d0.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, c as a11yHint, u as uiUxHint } from './index-ebe5a881.js';\n\nconst headingLevelOptions = [0, 1, 2, 3, 4, 5, 6];\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\nconst ONLY_NUMBERS = /^\\d+$/;\nfunction countReadableChars(str) {\n    var _a;\n    return typeof str === 'string' ? ((_a = str.match(READABLE_CHARS)) === null || _a === void 0 ? void 0 : _a.length) || 0 : 0;\n}\nfunction hasEnoughReadableChars(str, min = 1) {\n    return countReadableChars(str) >= min;\n}\nfunction containsOnlyNumbers(str) {\n    return ONLY_NUMBERS.test(str);\n}\nfunction getValidationOptions(options) {\n    var _a;\n    return Object.assign(Object.assign({}, options), { hooks: {\n            afterPatch: (value, state, component, key) => {\n                var _a, _b;\n                if (typeof ((_a = options.hooks) === null || _a === void 0 ? void 0 : _a.afterPatch) === 'function') {\n                    (_b = options.hooks) === null || _b === void 0 ? void 0 : _b.afterPatch(value, state, component, key);\n                }\n                if (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n                    a11yHint(`The heading or label (\"${value}\") is not accessible. A label should consist of at least three readable characters.`);\n                }\n                if (typeof value === 'string' && value.length > 80) {\n                    uiUxHint(`A heading or label should not be longer than 80 characters.`);\n                }\n            },\n            beforePatch: (_a = options.hooks) === null || _a === void 0 ? void 0 : _a.beforePatch,\n        } });\n}\nconst LABEL_VALUES = new Set(['string']);\nconst validateLabel = (component, value, options = {}) => {\n    watchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\nconst validateLabelWithExpertSlot = validateLabel;\n\nexport { validateLabelWithExpertSlot as a, hasEnoughReadableChars as b, containsOnlyNumbers as c, headingLevelOptions as h, validateLabel as v };\n\n//# sourceMappingURL=label-bf9966d0.js.map"],"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","hasEnoughReadableChars","min","containsOnlyNumbers","getValidationOptions","options","value","state","component","key","_b","a11yHint","uiUxHint","LABEL_VALUES","validateLabel","watchValidator","validateLabelWithExpertSlot"],"mappings":"sDAAA;AAAA;AAAA,GAKK,MAACA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC1CC,EAAiB,sBACjBC,EAAe,QACrB,SAASC,EAAmBC,EAAK,CAC7B,IAAIC,EACJ,OAAO,OAAOD,GAAQ,YAAaC,EAAKD,EAAI,MAAMH,CAAc,KAAO,MAAQI,IAAO,OAAS,OAASA,EAAG,SAAW,CAC1H,CACA,SAASC,EAAuBF,EAAKG,EAAM,EAAG,CAC1C,OAAOJ,EAAmBC,CAAG,GAAKG,CACtC,CACA,SAASC,EAAoBJ,EAAK,CAC9B,OAAOF,EAAa,KAAKE,CAAG,CAChC,CACA,SAASK,EAAqBC,EAAS,CACnC,IAAIL,EACJ,OAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIK,CAAO,EAAG,CAAE,MAAO,CAClD,WAAY,CAACC,EAAOC,EAAOC,EAAWC,IAAQ,CAC1C,IAAIT,EAAIU,EACJ,QAASV,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,aAAgB,cACpFU,EAAKL,EAAQ,SAAW,MAAQK,IAAO,QAAkBA,EAAG,WAAWJ,EAAOC,EAAOC,EAAWC,CAAG,GAEpG,OAAOH,GAAU,UAAYL,EAAuBK,EAAO,CAAC,IAAM,IAASH,EAAoBG,CAAK,IAAM,IAC1GK,EAAS,0BAA0BL,CAAK,qFAAqF,EAE7H,OAAOA,GAAU,UAAYA,EAAM,OAAS,IAC5CM,EAAS,6DAA6D,CAE7E,EACD,aAAcZ,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,WACtF,EAAW,CACX,CACA,MAAMa,EAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,EACjCC,EAAgB,CAACN,EAAWF,EAAOD,EAAU,CAAA,IAAO,CACtDU,EAAeP,EAAW,SAAWF,GAAU,OAAOA,GAAU,SAAUO,EAAcP,EAAOF,EAAqBC,CAAO,CAAC,CAChI,EACMW,EAA8BF"}
+{"version":3,"file":"label-bf9966d0-DD73qKA1.js","sources":["../../../../components/dist/esm/label-bf9966d0.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, c as a11yHint, u as uiUxHint } from './index-ebe5a881.js';\n\nconst headingLevelOptions = [0, 1, 2, 3, 4, 5, 6];\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\nconst ONLY_NUMBERS = /^\\d+$/;\nfunction countReadableChars(str) {\n    var _a;\n    return typeof str === 'string' ? ((_a = str.match(READABLE_CHARS)) === null || _a === void 0 ? void 0 : _a.length) || 0 : 0;\n}\nfunction hasEnoughReadableChars(str, min = 1) {\n    return countReadableChars(str) >= min;\n}\nfunction containsOnlyNumbers(str) {\n    return ONLY_NUMBERS.test(str);\n}\nfunction getValidationOptions(options) {\n    var _a;\n    return Object.assign(Object.assign({}, options), { hooks: {\n            afterPatch: (value, state, component, key) => {\n                var _a, _b;\n                if (typeof ((_a = options.hooks) === null || _a === void 0 ? void 0 : _a.afterPatch) === 'function') {\n                    (_b = options.hooks) === null || _b === void 0 ? void 0 : _b.afterPatch(value, state, component, key);\n                }\n                if (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n                    a11yHint(`The heading or label (\"${value}\") is not accessible. A label should consist of at least three readable characters.`);\n                }\n                if (typeof value === 'string' && value.length > 80) {\n                    uiUxHint(`A heading or label should not be longer than 80 characters.`);\n                }\n            },\n            beforePatch: (_a = options.hooks) === null || _a === void 0 ? void 0 : _a.beforePatch,\n        } });\n}\nconst LABEL_VALUES = new Set(['string']);\nconst validateLabel = (component, value, options = {}) => {\n    watchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\nconst validateLabelWithExpertSlot = validateLabel;\n\nexport { validateLabelWithExpertSlot as a, hasEnoughReadableChars as b, containsOnlyNumbers as c, headingLevelOptions as h, validateLabel as v };\n\n//# sourceMappingURL=label-bf9966d0.js.map"],"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","hasEnoughReadableChars","min","containsOnlyNumbers","getValidationOptions","options","value","state","component","key","_b","a11yHint","uiUxHint","LABEL_VALUES","validateLabel","watchValidator","validateLabelWithExpertSlot"],"mappings":"sDAAA;AAAA;AAAA,GAKK,MAACA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC1CC,EAAiB,sBACjBC,EAAe,QACrB,SAASC,EAAmBC,EAAK,CAC7B,IAAIC,EACJ,OAAO,OAAOD,GAAQ,YAAaC,EAAKD,EAAI,MAAMH,CAAc,KAAO,MAAQI,IAAO,OAAS,OAASA,EAAG,SAAW,CAC1H,CACA,SAASC,EAAuBF,EAAKG,EAAM,EAAG,CAC1C,OAAOJ,EAAmBC,CAAG,GAAKG,CACtC,CACA,SAASC,EAAoBJ,EAAK,CAC9B,OAAOF,EAAa,KAAKE,CAAG,CAChC,CACA,SAASK,EAAqBC,EAAS,CACnC,IAAIL,EACJ,OAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIK,CAAO,EAAG,CAAE,MAAO,CAClD,WAAY,CAACC,EAAOC,EAAOC,EAAWC,IAAQ,CAC1C,IAAIT,EAAIU,EACJ,QAASV,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,aAAgB,cACpFU,EAAKL,EAAQ,SAAW,MAAQK,IAAO,QAAkBA,EAAG,WAAWJ,EAAOC,EAAOC,EAAWC,CAAG,GAEpG,OAAOH,GAAU,UAAYL,EAAuBK,EAAO,CAAC,IAAM,IAASH,EAAoBG,CAAK,IAAM,IAC1GK,EAAS,0BAA0BL,CAAK,qFAAqF,EAE7H,OAAOA,GAAU,UAAYA,EAAM,OAAS,IAC5CM,EAAS,6DAA6D,CAE7E,EACD,aAAcZ,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,WACtF,EAAW,CACX,CACA,MAAMa,EAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,EACjCC,EAAgB,CAACN,EAAWF,EAAOD,EAAU,CAAA,IAAO,CACtDU,EAAeP,EAAW,SAAWF,GAAU,OAAOA,GAAU,SAAUO,EAAcP,EAAOF,EAAqBC,CAAO,CAAC,CAChI,EACMW,EAA8BF"}

package/dist/assets/{link-variant-47605ebe-DviHqnjq.js → link-variant-47605ebe-PxSpBXmQ.js}

@@ -1,4 +1,4 @@
-import{n as s,m as l,w as i}from"./index-BUj5OwnR.js";/*!
+import{n as s,m as l,w as i}from"./index-DJuKoE9z.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const o=["button","link","tab","treeitem"],p=(t,n)=>{i(t,"_role",a=>typeof a=="string"&&o.includes(a),new Set([`KoliBriAlternativeButtonLinkRole {${o.join(", ")}`]),n)},d=(t,n)=>{s(t,"_ariaDescription",n)},u=(t,n)=>{l(t,"_ariaExpanded",n)},e=["primary","secondary","normal","tertiary","danger","ghost","custom"],V=(t,n)=>{i(t,"_buttonVariant",a=>typeof a=="string"&&e.includes(a),new Set([`KoliBriButtonVariant {${e.join(", ")}`]),n,{defaultValue:"normal"})},r=["inline","standalone"],y=(t,n)=>{i(t,"_linkVariant",a=>typeof a=="string"&&r.includes(a),new Set([`KoliBriLinkVariant {${r.join(", ")}`]),n)};export{u as a,y as b,p as c,V as d,d as v};
-//# sourceMappingURL=link-variant-47605ebe-DviHqnjq.js.map
+//# sourceMappingURL=link-variant-47605ebe-PxSpBXmQ.js.map

package/dist/assets/{link-variant-47605ebe-DviHqnjq.js.map → link-variant-47605ebe-PxSpBXmQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"link-variant-47605ebe-DviHqnjq.js","sources":["../../../../components/dist/esm/link-variant-47605ebe.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, B as watchString, i as watchBoolean } from './index-ebe5a881.js';\n\nconst alternativeButtonLinkRolePropTypeOptions = ['button', 'link', 'tab', 'treeitem'];\nconst validateAlternativeButtonLinkRole = (component, value) => {\n    watchValidator(component, `_role`, (value) => typeof value === 'string' && alternativeButtonLinkRolePropTypeOptions.includes(value), new Set([`KoliBriAlternativeButtonLinkRole {${alternativeButtonLinkRolePropTypeOptions.join(', ')}`]), value);\n};\n\nconst validateAriaDescription = (component, value) => {\n    watchString(component, '_ariaDescription', value);\n};\n\nconst validateAriaExpanded = (component, value) => {\n    watchBoolean(component, '_ariaExpanded', value);\n};\n\nconst buttonVariantPropTypeOptions = ['primary', 'secondary', 'normal', 'tertiary', 'danger', 'ghost', 'custom'];\nconst validateButtonVariant = (component, value) => {\n    watchValidator(component, `_buttonVariant`, (value) => typeof value === 'string' && buttonVariantPropTypeOptions.includes(value), new Set([`KoliBriButtonVariant {${buttonVariantPropTypeOptions.join(', ')}`]), value, {\n        defaultValue: 'normal',\n    });\n};\n\nconst linkVariantPropTypeOptions = ['inline', 'standalone'];\nconst validateLinkVariant = (component, value) => {\n    watchValidator(component, `_linkVariant`, (value) => typeof value === 'string' && linkVariantPropTypeOptions.includes(value), new Set([`KoliBriLinkVariant {${linkVariantPropTypeOptions.join(', ')}`]), value);\n};\n\nexport { validateAriaExpanded as a, validateLinkVariant as b, validateAlternativeButtonLinkRole as c, validateButtonVariant as d, validateAriaDescription as v };\n\n//# sourceMappingURL=link-variant-47605ebe.js.map"],"names":["alternativeButtonLinkRolePropTypeOptions","validateAlternativeButtonLinkRole","component","value","watchValidator","validateAriaDescription","watchString","validateAriaExpanded","watchBoolean","buttonVariantPropTypeOptions","validateButtonVariant","linkVariantPropTypeOptions","validateLinkVariant"],"mappings":"sDAAA;AAAA;AAAA,GAKA,MAAMA,EAA2C,CAAC,SAAU,OAAQ,MAAO,UAAU,EAC/EC,EAAoC,CAACC,EAAWC,IAAU,CAC5DC,EAAeF,EAAW,QAAUC,GAAU,OAAOA,GAAU,UAAYH,EAAyC,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,qCAAqCH,EAAyC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,CAAK,CACrP,EAEME,EAA0B,CAACH,EAAWC,IAAU,CAClDG,EAAYJ,EAAW,mBAAoBC,CAAK,CACpD,EAEMI,EAAuB,CAACL,EAAWC,IAAU,CAC/CK,EAAaN,EAAW,gBAAiBC,CAAK,CAClD,EAEMM,EAA+B,CAAC,UAAW,YAAa,SAAU,WAAY,SAAU,QAAS,QAAQ,EACzGC,EAAwB,CAACR,EAAWC,IAAU,CAChDC,EAAeF,EAAW,iBAAmBC,GAAU,OAAOA,GAAU,UAAYM,EAA6B,SAASN,CAAK,EAAG,IAAI,IAAI,CAAC,yBAAyBM,EAA6B,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGN,EAAO,CACpN,aAAc,QACtB,CAAK,CACL,EAEMQ,EAA6B,CAAC,SAAU,YAAY,EACpDC,EAAsB,CAACV,EAAWC,IAAU,CAC9CC,EAAeF,EAAW,eAAiBC,GAAU,OAAOA,GAAU,UAAYQ,EAA2B,SAASR,CAAK,EAAG,IAAI,IAAI,CAAC,uBAAuBQ,EAA2B,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGR,CAAK,CAClN"}
+{"version":3,"file":"link-variant-47605ebe-PxSpBXmQ.js","sources":["../../../../components/dist/esm/link-variant-47605ebe.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, B as watchString, i as watchBoolean } from './index-ebe5a881.js';\n\nconst alternativeButtonLinkRolePropTypeOptions = ['button', 'link', 'tab', 'treeitem'];\nconst validateAlternativeButtonLinkRole = (component, value) => {\n    watchValidator(component, `_role`, (value) => typeof value === 'string' && alternativeButtonLinkRolePropTypeOptions.includes(value), new Set([`KoliBriAlternativeButtonLinkRole {${alternativeButtonLinkRolePropTypeOptions.join(', ')}`]), value);\n};\n\nconst validateAriaDescription = (component, value) => {\n    watchString(component, '_ariaDescription', value);\n};\n\nconst validateAriaExpanded = (component, value) => {\n    watchBoolean(component, '_ariaExpanded', value);\n};\n\nconst buttonVariantPropTypeOptions = ['primary', 'secondary', 'normal', 'tertiary', 'danger', 'ghost', 'custom'];\nconst validateButtonVariant = (component, value) => {\n    watchValidator(component, `_buttonVariant`, (value) => typeof value === 'string' && buttonVariantPropTypeOptions.includes(value), new Set([`KoliBriButtonVariant {${buttonVariantPropTypeOptions.join(', ')}`]), value, {\n        defaultValue: 'normal',\n    });\n};\n\nconst linkVariantPropTypeOptions = ['inline', 'standalone'];\nconst validateLinkVariant = (component, value) => {\n    watchValidator(component, `_linkVariant`, (value) => typeof value === 'string' && linkVariantPropTypeOptions.includes(value), new Set([`KoliBriLinkVariant {${linkVariantPropTypeOptions.join(', ')}`]), value);\n};\n\nexport { validateAriaExpanded as a, validateLinkVariant as b, validateAlternativeButtonLinkRole as c, validateButtonVariant as d, validateAriaDescription as v };\n\n//# sourceMappingURL=link-variant-47605ebe.js.map"],"names":["alternativeButtonLinkRolePropTypeOptions","validateAlternativeButtonLinkRole","component","value","watchValidator","validateAriaDescription","watchString","validateAriaExpanded","watchBoolean","buttonVariantPropTypeOptions","validateButtonVariant","linkVariantPropTypeOptions","validateLinkVariant"],"mappings":"sDAAA;AAAA;AAAA,GAKA,MAAMA,EAA2C,CAAC,SAAU,OAAQ,MAAO,UAAU,EAC/EC,EAAoC,CAACC,EAAWC,IAAU,CAC5DC,EAAeF,EAAW,QAAUC,GAAU,OAAOA,GAAU,UAAYH,EAAyC,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,qCAAqCH,EAAyC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,CAAK,CACrP,EAEME,EAA0B,CAACH,EAAWC,IAAU,CAClDG,EAAYJ,EAAW,mBAAoBC,CAAK,CACpD,EAEMI,EAAuB,CAACL,EAAWC,IAAU,CAC/CK,EAAaN,EAAW,gBAAiBC,CAAK,CAClD,EAEMM,EAA+B,CAAC,UAAW,YAAa,SAAU,WAAY,SAAU,QAAS,QAAQ,EACzGC,EAAwB,CAACR,EAAWC,IAAU,CAChDC,EAAeF,EAAW,iBAAmBC,GAAU,OAAOA,GAAU,UAAYM,EAA6B,SAASN,CAAK,EAAG,IAAI,IAAI,CAAC,yBAAyBM,EAA6B,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGN,EAAO,CACpN,aAAc,QACtB,CAAK,CACL,EAEMQ,EAA6B,CAAC,SAAU,YAAY,EACpDC,EAAsB,CAACV,EAAWC,IAAU,CAC9CC,EAAeF,EAAW,eAAiBC,GAAU,OAAOA,GAAU,UAAYQ,EAA2B,SAASR,CAAK,EAAG,IAAI,IAAI,CAAC,uBAAuBQ,EAA2B,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGR,CAAK,CAClN"}

package/dist/assets/{open-385de2c9-DqFwH8u4.js → open-385de2c9-7GmulFFi.js}

@@ -1,4 +1,4 @@
-import{m as t}from"./index-BUj5OwnR.js";/*!
+import{m as t}from"./index-DJuKoE9z.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=(o,a,e)=>{t(o,"_open",a,e)};export{p as v};
-//# sourceMappingURL=open-385de2c9-DqFwH8u4.js.map
+//# sourceMappingURL=open-385de2c9-7GmulFFi.js.map

package/dist/assets/{open-385de2c9-DqFwH8u4.js.map → open-385de2c9-7GmulFFi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"open-385de2c9-DqFwH8u4.js","sources":["../../../../components/dist/esm/open-385de2c9.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { i as watchBoolean } from './index-ebe5a881.js';\n\nconst validateOpen = (component, value, options) => {\n    watchBoolean(component, '_open', value, options);\n};\n\nexport { validateOpen as v };\n\n//# sourceMappingURL=open-385de2c9.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"}
+{"version":3,"file":"open-385de2c9-7GmulFFi.js","sources":["../../../../components/dist/esm/open-385de2c9.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { i as watchBoolean } from './index-ebe5a881.js';\n\nconst validateOpen = (component, value, options) => {\n    watchBoolean(component, '_open', value, options);\n};\n\nexport { validateOpen as v };\n\n//# sourceMappingURL=open-385de2c9.js.map"],"names":["validateOpen","component","value","options","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAY,CAChDC,EAAaH,EAAW,QAASC,EAAOC,CAAO,CACnD"}

package/dist/assets/{orientation-409d844a-BZbEPtFy.js → orientation-409d844a-DT8eQwMZ.js}

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

package/dist/assets/{orientation-409d844a-BZbEPtFy.js.map → orientation-409d844a-DT8eQwMZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"orientation-409d844a-BZbEPtFy.js","sources":["../../../../components/dist/esm/orientation-409d844a.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './index-ebe5a881.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\n//# sourceMappingURL=orientation-409d844a.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-409d844a-DT8eQwMZ.js","sources":["../../../../components/dist/esm/orientation-409d844a.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator } from './index-ebe5a881.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\n//# sourceMappingURL=orientation-409d844a.js.map"],"names":["orientationPropTypeOptions","validateOrientation","component","value","defaultValue","watchValidator"],"mappings":"wCAAA;AAAA;AAAA,GAKA,MAAMA,EAA6B,CAAC,aAAc,UAAU,EACtDC,EAAsB,CAACC,EAAWC,EAAOC,EAAe,eAAiB,CAC3EC,EAAeH,EAAW,eAAiBC,GAAU,OAAOA,GAAU,UAAYH,EAA2B,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,uBAAuBH,EAA2B,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,EAAO,CAC5M,aAAAC,CACR,CAAK,CACL"}

package/dist/assets/{rows-225b4f43-xKHsAvmE.js → rows-225b4f43-B3LLvvyQ.js}

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

package/dist/assets/{rows-225b4f43-xKHsAvmE.js.map → rows-225b4f43-B3LLvvyQ.js.map}

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

package/dist/assets/{show-fabfe6d7-D3h9UTR5.js → show-fabfe6d7-C_hc4jF0.js}

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

package/dist/assets/{show-fabfe6d7-D3h9UTR5.js.map → show-fabfe6d7-C_hc4jF0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"show-fabfe6d7-D3h9UTR5.js","sources":["../../../../components/dist/esm/show-fabfe6d7.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { i as watchBoolean } from './index-ebe5a881.js';\n\nconst validateShow = (component, value, hooks) => {\n    watchBoolean(component, '_show', value, hooks);\n};\n\nexport { validateShow as v };\n\n//# sourceMappingURL=show-fabfe6d7.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"}
+{"version":3,"file":"show-fabfe6d7-C_hc4jF0.js","sources":["../../../../components/dist/esm/show-fabfe6d7.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { i as watchBoolean } from './index-ebe5a881.js';\n\nconst validateShow = (component, value, hooks) => {\n    watchBoolean(component, '_show', value, hooks);\n};\n\nexport { validateShow as v };\n\n//# sourceMappingURL=show-fabfe6d7.js.map"],"names":["validateShow","component","value","hooks","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAU,CAC9CC,EAAaH,EAAW,QAASC,EAAOC,CAAK,CACjD"}

package/dist/assets/{spell-check-5559a801-B-dY2M9e.js → spell-check-5559a801-fmENIQJ-.js}

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

package/dist/assets/{spell-check-5559a801-B-dY2M9e.js.map → spell-check-5559a801-fmENIQJ-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spell-check-5559a801-B-dY2M9e.js","sources":["../../../../components/dist/esm/spell-check-5559a801.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { i as watchBoolean } from './index-ebe5a881.js';\n\nconst validateSpellCheck = (component, value) => {\n    watchBoolean(component, '_spellCheck', value, {\n        defaultValue: undefined,\n    });\n};\n\nexport { validateSpellCheck as v };\n\n//# sourceMappingURL=spell-check-5559a801.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-5559a801-fmENIQJ-.js","sources":["../../../../components/dist/esm/spell-check-5559a801.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { i as watchBoolean } from './index-ebe5a881.js';\n\nconst validateSpellCheck = (component, value) => {\n    watchBoolean(component, '_spellCheck', value, {\n        defaultValue: undefined,\n    });\n};\n\nexport { validateSpellCheck as v };\n\n//# sourceMappingURL=spell-check-5559a801.js.map"],"names":["validateSpellCheck","component","value","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAqB,CAACC,EAAWC,IAAU,CAC7CC,EAAaF,EAAW,cAAeC,EAAO,CAC1C,aAAc,MACtB,CAAK,CACL"}

package/dist/assets/{suggestions-198125b7-DlH0HP1C.js → suggestions-198125b7-Yj_gvJUm.js}

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

package/dist/assets/{suggestions-198125b7-DlH0HP1C.js.map → suggestions-198125b7-Yj_gvJUm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestions-198125b7-DlH0HP1C.js","sources":["../../../../components/dist/esm/suggestions-198125b7.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { z as watchJsonArrayString, c as a11yHint } from './index-ebe5a881.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\n//# sourceMappingURL=suggestions-198125b7.js.map"],"names":["validateSuggestions","component","value","watchJsonArrayString","item","a11yHint"],"mappings":"+CAAA;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-198125b7-Yj_gvJUm.js","sources":["../../../../components/dist/esm/suggestions-198125b7.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { z as watchJsonArrayString, c as a11yHint } from './index-ebe5a881.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\n//# sourceMappingURL=suggestions-198125b7.js.map"],"names":["validateSuggestions","component","value","watchJsonArrayString","item","a11yHint"],"mappings":"+CAAA;AAAA;AAAA,GAKK,MAACA,EAAsB,CAACC,EAAWC,IAAU,CAC9CC,EAAqBF,EAAW,eAAiBG,GAAS,OAAOA,GAAS,UAAY,OAAOA,GAAS,SAAUF,EAAO,OAAW,CAC9H,MAAO,CACH,WAAaA,GAAU,CACf,MAAM,QAAQA,CAAK,GAAKA,EAAM,QAC9BG,EAAS,0HAA0H,CAE1I,CACJ,CACT,CAAK,CACL"}

package/dist/assets/{table-settings-c12356ed-BY5oW_jU.js → table-settings-c12356ed-BHyeXXNQ.js}

@@ -1,4 +1,4 @@
-import{ab as i,w as s,s as r,p as c,Z as l,o as b}from"./index-BUj5OwnR.js";/*!
+import{aa as i,w as s,s as r,p as c,X as l,o as y}from"./index-DJuKoE9z.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-c12356ed-BY5oW_jU.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-c12356ed-BHyeXXNQ.js.map

package/dist/assets/{table-settings-c12356ed-BY5oW_jU.js.map → table-settings-c12356ed-BHyeXXNQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-settings-c12356ed-BY5oW_jU.js","sources":["../../../../components/dist/esm/table-settings-c12356ed.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, M as emptyStringByArrayHandler, o as objectObjectHandler, k as parseJson, l as setState, x as isObject } from './index-ebe5a881.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\n//# sourceMappingURL=table-settings-c12356ed.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-c12356ed-BHyeXXNQ.js","sources":["../../../../components/dist/esm/table-settings-c12356ed.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, M as emptyStringByArrayHandler, o as objectObjectHandler, k as parseJson, l as setState, x as isObject } from './index-ebe5a881.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\n//# sourceMappingURL=table-settings-c12356ed.js.map"],"names":["validateTableCallbacks","component","value","watchValidator","validateTableStatefulCallbacks","validateTableData","setStateHooks","emptyStringByArrayHandler","objectObjectHandler","parseJson","data","setState","validateTableDataFoot","validateTableSelection","parseSerializedValue","validateObject","isObject","objectValue","validateTableSettings"],"mappings":"4EAAA;AAAA;AAAA,GAKK,MAACA,EAAyB,CAACC,EAAWC,IAAU,CACjDC,EAAeF,EAAW,MAAQC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,kEAAkE,CAAC,EAAGA,CAAK,CACjL,EACME,EAAiC,CAACH,EAAWC,IAAU,CACzDC,EAAeF,EAAW,MAAQC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,2DAA2D,CAAC,EAAGA,CAAK,CAC1K,EAEMG,EAAoB,CAACJ,EAAWC,EAAOI,IAAkB,CAC3DC,EAA0BL,EAAO,IAAM,CACnCM,EAAoBN,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAE,GAEd,GAAI,CACAA,EAAQO,EAAUP,CAAK,CACvC,MACsB,CACtB,CACgB,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOQ,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASV,EAAW,QAASC,EAAOI,CAAa,CAEjE,CAAS,CACT,CAAK,CACL,EAEMM,EAAwB,CAACX,EAAWC,EAAOI,IAAkB,CAC/DC,EAA0BL,EAAO,IAAM,CACnCM,EAAoBN,EAAO,IAAM,CACzB,OAAOA,EAAU,MACjBA,EAAQ,CAAE,GAEd,GAAI,CACAA,EAAQO,EAAUP,CAAK,CACvC,MACsB,CACtB,CACgB,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAOQ,GAAS,OAAOA,GAAS,UAAYA,IAAS,IAAI,GACvFC,EAASV,EAAW,YAAaC,EAAOI,CAAa,CAErE,CAAS,CACT,CAAK,CACL,EAEMO,EAAyB,CAACZ,EAAWC,IAAU,CACjD,MAAMY,EAAuB,IAAM,CAC/B,GAAI,CACA,OAAOL,EAAUP,CAAK,CAClC,MACkB,CACN,MACZ,CACK,EACKa,EAAkBb,GACbA,GAASc,EAASd,CAAK,GAAK,OAAOA,EAAM,OAAU,aAAe,CAACA,EAAM,cAAgB,MAAM,QAAQA,EAAM,YAAY,GAE9He,EAAc,OAAOf,GAAU,SAAWY,EAAsB,EAAGZ,EACrEa,EAAeE,CAAW,GAC1BN,EAASV,EAAW,aAAcC,CAAK,CAE/C,EAEMgB,EAAwB,CAACjB,EAAWC,IAAU,CAChDC,EAAeF,EAAW,iBAAmBC,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,eAAe,CAAC,EAAGA,CAAK,CACzI"}

package/dist/assets/{test-component.entry-BNY5nOms.js → test-component.entry-CYIX8nWv.js}

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

package/dist/assets/{test-component.entry-BNY5nOms.js.map → test-component.entry-CYIX8nWv.js.map}

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

package/dist/assets/tooltip-align-465a8590-C2y-R0tO.js

@@ -0,0 +1,4 @@
+import{a as o}from"./align-d2572387-OiZHYhqc.js";import"./index-DJuKoE9z.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const n=(t,i)=>{o(t,"_tooltipAlign",i)};export{n as v};
+//# sourceMappingURL=tooltip-align-465a8590-C2y-R0tO.js.map

package/dist/assets/{tooltip-align-465a8590-BxJJiN5O.js.map → tooltip-align-465a8590-C2y-R0tO.js.map}

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

package/dist/assets/{unique-nav-labels-e20db0b7-CO5sUoVY.js → unique-nav-labels-e20db0b7-Dtnj6kT5.js}

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

package/dist/assets/{unique-nav-labels-e20db0b7-CO5sUoVY.js.map → unique-nav-labels-e20db0b7-Dtnj6kT5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"unique-nav-labels-e20db0b7-CO5sUoVY.js","sources":["../../../../components/dist/esm/unique-nav-labels-e20db0b7.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { L as Log } from './index-ebe5a881.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\n//# sourceMappingURL=unique-nav-labels-e20db0b7.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-e20db0b7-Dtnj6kT5.js","sources":["../../../../components/dist/esm/unique-nav-labels-e20db0b7.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { L as Log } from './index-ebe5a881.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\n//# sourceMappingURL=unique-nav-labels-e20db0b7.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-152ea092-BUCpoyC2.js → validation-152ea092-7u_NqxDn.js}

@@ -1,4 +1,4 @@
-import{w as o}from"./index-BUj5OwnR.js";import{h as r}from"./label-bf9966d0-B_OCTGrW.js";/*!
+import{w as o}from"./index-DJuKoE9z.js";import{h as r}from"./label-bf9966d0-DD73qKA1.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const l=(t,a)=>{o(t,"_level",e=>typeof e=="number"&&r.includes(e),new Set([`Number {${r.join(", ")}`]),a,{defaultValue:1,required:!0})};export{l as w};
-//# sourceMappingURL=validation-152ea092-BUCpoyC2.js.map
+//# sourceMappingURL=validation-152ea092-7u_NqxDn.js.map

package/dist/assets/{validation-152ea092-BUCpoyC2.js.map → validation-152ea092-7u_NqxDn.js.map}

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

package/dist/assets/{validation-9d549145-BMGgHSP3.js → validation-9d549145-BBYWZ5RD.js}

@@ -1,4 +1,4 @@
-import{I as r,_ as i}from"./index-BUj5OwnR.js";/*!
+import{Y as r,Z as i}from"./index-DJuKoE9z.js";/*!
  * KoliBri - The accessible HTML-Standard
  */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-9d549145-BMGgHSP3.js.map
+//# sourceMappingURL=validation-9d549145-BBYWZ5RD.js.map

package/dist/assets/{validation-9d549145-BMGgHSP3.js.map → validation-9d549145-BBYWZ5RD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-9d549145-BMGgHSP3.js","sources":["../../../../components/dist/esm/validation-9d549145.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { z as watchJsonArrayString, A as uiUxHintMillerscheZahl } from './index-ebe5a881.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\n//# sourceMappingURL=validation-9d549145.js.map"],"names":["watchNavLinks","className","component","value","watchJsonArrayString","link","uiUxHintMillerscheZahl"],"mappings":"+CAAA;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-9d549145-BBYWZ5RD.js","sources":["../../../../components/dist/esm/validation-9d549145.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { z as watchJsonArrayString, A as uiUxHintMillerscheZahl } from './index-ebe5a881.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\n//# sourceMappingURL=validation-9d549145.js.map"],"names":["watchNavLinks","className","component","value","watchJsonArrayString","link","uiUxHintMillerscheZahl"],"mappings":"+CAAA;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-BUj5OwnR.js"></script>
-		<link rel="stylesheet" crossorigin href="/assets/index-B9gfbckw.css">
+		<script type="module" crossorigin src="/assets/index-DJuKoE9z.js"></script>
+		<link rel="stylesheet" crossorigin href="/assets/index-8ZaCQpJ8.css">
 	</head>
 	<body>
 		<div id="app"></div>

package/index.html

@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en-US" dir="ltr">
+	<head>
+		<title>Code-Samples | KoliBri – Public UI</title>
+		<meta charset="UTF-8" />
+		<meta name="description" content="Webapp demonstrating KolBri-components with React." />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="shortcut icon" type="image/x-icon" href="/assets/kolibri.ico" />
+		<!-- We include all the important fonts in the index.html here so that they are available for the theme tests. -->
+		<link rel="stylesheet" href="/assets/bundes/style.css" />
+		<link rel="stylesheet" href="/assets/codicons/codicon.css" />
+		<link rel="stylesheet" href="/assets/fontawesome-free/css/all.min.css" />
+		<link rel="stylesheet" href="/assets/icofont/icofont.min.css" />
+		<link rel="stylesheet" href="/assets/kreon/style.css" />
+		<link rel="stylesheet" href="/assets/noto-sans/noto-sans.css" />
+		<link rel="stylesheet" href="/assets/material-icons/iconfont/material-icons.css" />
+		<link rel="stylesheet" href="/assets/material-symbols/index.css" />
+		<link rel="stylesheet" href="/assets/roboto/roboto.css" />
+		<link rel="stylesheet" href="/assets/tabler-icons/tabler-icons.css" />
+		<link rel="stylesheet" href="/main.css" />
+		<meta name="robots" content="noindex" />
+		<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />
+	</head>
+	<body>
+		<div id="app"></div>
+		<script type="module" src="/src/main.ts"></script>
+		<noscript>This website requires JavaScript.</noscript>
+	</body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/sample-react",
-  "version": "3.0.2-rc.0",
+  "version": "3.0.2-rc.2",
   "description": "This app contains samples for the KoliBri/Public UI",
   "license": "EUPL-1.2",
   "repository": {
@@ -44,14 +44,15 @@
     "vite": "6.3.5",
     "world_countries_lists": "3.1.0",
     "yup": "1.6.1",
-    "@public-ui/components": "3.0.2-rc.0",
-    "@public-ui/react": "3.0.2-rc.0",
-    "@public-ui/themes": "3.0.2-rc.0"
+    "@public-ui/components": "3.0.2-rc.2",
+    "@public-ui/react": "3.0.2-rc.2",
+    "@public-ui/themes": "3.0.2-rc.2"
   },
   "files": [
     "dist",
     "public",
     "src",
+    "index.html",
     "tsconfig.json",
     "unocss.config.ts",
     "vite.config.ts"

package/src/App.tsx

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

package/src/components/FormWrap.tsx

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

package/src/components/Sidebar.tsx

@@ -76,7 +76,7 @@ export const Sidebar: FC<Props> = ({ version, theme, routes, routeList, sample,
 					<KolVersion _label={version}></KolVersion>
 				</div>
 				<BuildInformation buildDate={buildDate} commitHash={commitHash} />
-				<KolSelect _label="Theme" _options={THEME_OPTIONS} _on={{ onChange: handleThemeSelectChange }} _value={[theme]} class="mt"></KolSelect>
+				<KolSelect _label="Theme" _options={THEME_OPTIONS} _on={{ onChange: handleThemeSelectChange }} _value={theme} class="mt"></KolSelect>
 				<KolHeading _label="Components" _level={2} className="block mt"></KolHeading>
 				<div className="flex flex-justify-between flex-items-center mt">
 					<KolButton _icons="codicon codicon-arrow-left" _hideLabel _label="Previous component" _on={{ onClick: handlePreviousClick }} />

package/src/components/combobox/basic.tsx

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

package/src/components/drawer/basic.tsx

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

package/src/components/drawer/controlled.tsx

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

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

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

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

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

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

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