@public-ui/components 4.1.3-rc.0 → 4.1.4-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.1.3-rc.0",
+  "version": "4.1.4-rc.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -102,24 +102,24 @@
     "@typescript-eslint/eslint-plugin": "8.58.1",
     "@typescript-eslint/parser": "8.58.1",
     "adopted-style-sheets": "1.1.9-rc.21",
-    "autoprefixer": "10.4.27",
+    "autoprefixer": "10.5.0",
     "cross-env": "10.1.0",
-    "cssnano": "7.1.4",
+    "cssnano": "7.1.7",
     "eslint": "9.39.4",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "jest": "29.7.0",
     "jest-cli": "^29.7.0",
     "knip": "5.88.1",
     "mustache": "4.2.0",
-    "postcss": "8.5.9",
+    "postcss": "8.5.10",
     "postcss-sorting": "9.1.0",
-    "prettier": "3.8.1",
+    "prettier": "3.8.3",
     "prettier-plugin-organize-imports": "4.3.0",
     "pug": "3.0.4",
     "rimraf": "6.1.3",
     "stencil-awesome-test": "1.0.6",
-    "stylelint": "17.6.0",
-    "terser": "5.46.1",
+    "stylelint": "17.9.0",
+    "terser": "5.46.2",
     "twig": "1.17.1",
     "typescript": "5.9.3",
     "@public-ui/stylelint-rules": "4.1.2-rc.1"

package/vscode-custom-data.json

@@ -2306,7 +2306,7 @@
       "attributes": [
         {
           "name": "_high",
-          "description": "Defines the upper boundary of the high range."
+          "description": "From this value to the max value is the high range of the meter. Below this value is the middle range."
         },
         {
           "name": "_label",
@@ -2314,19 +2314,19 @@
         },
         {
           "name": "_low",
-          "description": "Defines the lower boundary of the low range."
+          "description": "From this value to the min value is the low range of the meter. Above this value is the middle range."
         },
         {
           "name": "_max",
-          "description": "Defines the maximum value of the element."
+          "description": "Defines the maximum value of the element.\nDefault like native component."
         },
         {
           "name": "_min",
-          "description": "Defines the minimum value of the element."
+          "description": "Defines the minimum value of the element.\nDefault like native component."
         },
         {
           "name": "_optimum",
-          "description": "Defines the optimal value of the element."
+          "description": "Indicates the optimal range of the element.\nIf this lies in the high range, the high range will be optimum, the middle range will be suboptimum and the low range will be critical.\nIf this lies in the low range, the low range will be optimum, the middle range will be suboptimum and the high range will be critical.\nIf this lies in the middle range, both low and high range will be suboptimum and nothing will be critical."
         },
         {
           "name": "_orientation",
@@ -2342,11 +2342,11 @@
         },
         {
           "name": "_unit",
-          "description": "Defines the unit of the step values (not shown)."
+          "description": "Defines the unit of the value."
         },
         {
           "name": "_value",
-          "description": "Defines the value of the element."
+          "description": "Defines the value of the element. Is capped between min and max."
         }
       ]
     },

package/dist/cjs/component-2hVtI04t.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var index=require("./index-DZFPXuTc.js"),component=require("./component-Dw_JXN-Q.js");const TooltipFC=({label:o,badgeText:e,id:t,refFloating:i})=>index.h("div",{class:"kol-tooltip__floating",hidden:0===o.length,ref:i},index.h("div",{class:"kol-tooltip__arrow"}),index.h(component.SpanFC,{class:"kol-tooltip__content",id:t||void 0,badgeText:e,label:o}));exports.TooltipFC=TooltipFC;

package/dist/cjs/unit--BgFwr6T.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var normalizers=require("./normalizers-CLRF8il-.js");const maxProp=normalizers.createPropDefinition("max",100,normalizers.normalizeNumber,r=>r>0),unitProp=normalizers.createPropDefinition("unit","%",normalizers.normalizeString,r=>r.length>0);exports.maxProp=maxProp,exports.unitProp=unitProp;

package/dist/cjs/unit--BgFwr6T.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"unit--BgFwr6T.js","sources":["src/internal/props/max.ts","src/internal/props/unit.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max prop for upper boundary of progress and meter elements\n *\n * Description:\n * The max attribute defines the upper bound of a range. It is used by progress bars and\n * meter elements to indicate the total or maximum achievable value.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a positive number greater than 0\n * - Corresponds to the HTML progress element's max attribute\n * - Maps to aria-valuemax in WAI-ARIA to communicate the upper limit to assistive technologies\n * - Default value is 100 (representing 100%)\n *\n * Accessibility:\n * - Screen readers use aria-valuemax together with aria-valuenow to announce progress status\n * - The relationship between value and max must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-max\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>('max', 100, normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Unit prop for value display formatting\n *\n * Description:\n * Defines the unit of measurement to display alongside a numeric value (e.g., \"%\", \"MB\", \"km/h\").\n * The unit helps users understand the meaning and scale of the displayed value.\n *\n * Usage:\n * - Must be a non-empty string\n * - Default is \"%\" (percentage)\n * - The unit is appended to the displayed value for visual users\n * - Common units: \"%\", \"MB\", \"s\", \"€\", \"kg\"\n *\n * Accessibility:\n * - The unit must be part of the accessible value description for screen reader users\n * - Consider using aria-valuetext to create human-readable descriptions that include the unit\n *   (e.g., aria-valuetext=\"75 percent\" instead of just the number 75)\n * - Units convey meaningful information and must be programmatically determinable\n *   (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuetext\n */\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>('unit', '%', normalizeString, (v) => v.length > 0);\n"],"names":["createPropDefinition","normalizeNumber","normalizeString"],"mappings":";;;;;;;MA0Ba,OAAO,GAAGA,gCAAoB,CAAU,KAAK,EAAE,GAAG,EAAEC,2BAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;MCEjF,QAAQ,GAAGD,gCAAoB,CAAW,MAAM,EAAE,GAAG,EAAEE,2BAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;;;;;"}

package/dist/components/unit.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{c as createPropDefinition,b as normalizeNumber,n as normalizeString}from"./normalizers.js";const maxProp=createPropDefinition("max",100,normalizeNumber,r=>r>0),unitProp=createPropDefinition("unit","%",normalizeString,r=>r.length>0);export{maxProp as m,unitProp as u};

package/dist/components/unit.js.map

@@ -1 +0,0 @@
-{"file":"unit.js","mappings":";;;;;MA0Ba,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;MCEjF,QAAQ,GAAG,oBAAoB,CAAW,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;;;;","names":[],"sources":["src/internal/props/max.ts","src/internal/props/unit.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max prop for upper boundary of progress and meter elements\n *\n * Description:\n * The max attribute defines the upper bound of a range. It is used by progress bars and\n * meter elements to indicate the total or maximum achievable value.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a positive number greater than 0\n * - Corresponds to the HTML progress element's max attribute\n * - Maps to aria-valuemax in WAI-ARIA to communicate the upper limit to assistive technologies\n * - Default value is 100 (representing 100%)\n *\n * Accessibility:\n * - Screen readers use aria-valuemax together with aria-valuenow to announce progress status\n * - The relationship between value and max must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-max\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>('max', 100, normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Unit prop for value display formatting\n *\n * Description:\n * Defines the unit of measurement to display alongside a numeric value (e.g., \"%\", \"MB\", \"km/h\").\n * The unit helps users understand the meaning and scale of the displayed value.\n *\n * Usage:\n * - Must be a non-empty string\n * - Default is \"%\" (percentage)\n * - The unit is appended to the displayed value for visual users\n * - Common units: \"%\", \"MB\", \"s\", \"€\", \"kg\"\n *\n * Accessibility:\n * - The unit must be part of the accessible value description for screen reader users\n * - Consider using aria-valuetext to create human-readable descriptions that include the unit\n *   (e.g., aria-valuetext=\"75 percent\" instead of just the number 75)\n * - Units convey meaningful information and must be programmatically determinable\n *   (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuetext\n */\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>('unit', '%', normalizeString, (v) => v.length > 0);\n"],"version":3}

package/dist/esm/component-BuKLzvT-.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h}from"./index-BPXQXcL3.js";import{S as SpanFC}from"./component-DTQnqyNP.js";const TooltipFC=({label:o,badgeText:t,id:l,refFloating:i})=>h("div",{class:"kol-tooltip__floating",hidden:0===o.length,ref:i},h("div",{class:"kol-tooltip__arrow"}),h(SpanFC,{class:"kol-tooltip__content",id:l||void 0,badgeText:t,label:o}));export{TooltipFC as T};

package/dist/esm/component-DKGDVS8Y.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as __rest}from"./tslib.es6-CxX45GIN.js";import{h}from"./index-BPXQXcL3.js";import{b as bem}from"./bem-registry-Bux_TllX.js";import{c as clsx}from"./clsx-COFh-Vc8.js";const iconBem=bem.forBlock("kol-icon"),BEM_CLASS_ICON=iconBem(),BEM_CLASS_ICON__ICON=iconBem("icon"),IconFC=s=>{var{class:o,icons:i,label:e}=s,c=__rest(s,["class","icons","label"]);const r=(null==e?void 0:e.length)>0;return h("i",Object.assign({},c,{"aria-hidden":r?void 0:"true","aria-label":r?e:void 0,class:clsx(BEM_CLASS_ICON,BEM_CLASS_ICON__ICON,i,o),role:r?"img":"presentation"}))};export{IconFC as I};

package/dist/esm/controller-CdZ_303a.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h}from"./index-BPXQXcL3.js";import{b as bem}from"./bem-registry-Bux_TllX.js";import"./common-BqV6Zb30.js";import{l as labelProp}from"./label-BEOW9ltS.js";import"./variant-quote-CHD0qMkY.js";import{B as BaseController}from"./base-controller-CXhqh4cR.js";const clickButtonBem=bem.forBlock("kol-click-button"),BEM_CLASS_CLICK_BUTTON=clickButtonBem(),BEM_CLASS_CLICK_BUTTON__LABEL=clickButtonBem("label"),ClickButtonFC=({label:t,handleClick:o,refButton:l})=>h("button",{class:BEM_CLASS_CLICK_BUTTON,ref:l,onClick:o,onKeyDown:t=>t.preventDefault()},h("span",{class:BEM_CLASS_CLICK_BUTTON__LABEL},t)),clickButtonPropsConfig={required:[labelProp]};class ClickButtonController extends BaseController{constructor(t){super(t,clickButtonPropsConfig),this.handleClick=()=>{console.log(this,this.buttonRef,"button clicked")},this.setButtonRef=t=>{this.buttonRef=t}}componentWillLoad(t){const{label:o}=t;this.watchLabel(o)}watchLabel(t){labelProp.apply(t,t=>{this.setRenderProp("label",t)})}focus(){var t;null===(t=this.buttonRef)||void 0===t||t.focus()}}export{ClickButtonFC as C,ClickButtonController as a};

package/dist/esm/unit-eRQuaHYy.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{c as createPropDefinition,d as normalizeNumber,n as normalizeString}from"./normalizers-DnkJhVYZ.js";const maxProp=createPropDefinition("max",100,normalizeNumber,r=>r>0),unitProp=createPropDefinition("unit","%",normalizeString,r=>r.length>0);export{maxProp as m,unitProp as u};

package/dist/esm/unit-eRQuaHYy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"unit-eRQuaHYy.js","sources":["src/internal/props/max.ts","src/internal/props/unit.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max prop for upper boundary of progress and meter elements\n *\n * Description:\n * The max attribute defines the upper bound of a range. It is used by progress bars and\n * meter elements to indicate the total or maximum achievable value.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a positive number greater than 0\n * - Corresponds to the HTML progress element's max attribute\n * - Maps to aria-valuemax in WAI-ARIA to communicate the upper limit to assistive technologies\n * - Default value is 100 (representing 100%)\n *\n * Accessibility:\n * - Screen readers use aria-valuemax together with aria-valuenow to announce progress status\n * - The relationship between value and max must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-max\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>('max', 100, normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Unit prop for value display formatting\n *\n * Description:\n * Defines the unit of measurement to display alongside a numeric value (e.g., \"%\", \"MB\", \"km/h\").\n * The unit helps users understand the meaning and scale of the displayed value.\n *\n * Usage:\n * - Must be a non-empty string\n * - Default is \"%\" (percentage)\n * - The unit is appended to the displayed value for visual users\n * - Common units: \"%\", \"MB\", \"s\", \"€\", \"kg\"\n *\n * Accessibility:\n * - The unit must be part of the accessible value description for screen reader users\n * - Consider using aria-valuetext to create human-readable descriptions that include the unit\n *   (e.g., aria-valuetext=\"75 percent\" instead of just the number 75)\n * - Units convey meaningful information and must be programmatically determinable\n *   (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuetext\n */\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>('unit', '%', normalizeString, (v) => v.length > 0);\n"],"names":[],"mappings":";;;;;MA0Ba,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;MCEjF,QAAQ,GAAG,oBAAoB,CAAW,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;;;;"}

package/dist/kolibri/Alert-CaYSw0lZ.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as o}from"./tslib.es6-CxX45GIN.js";import{h as e,F as l}from"./index-BPXQXcL3.js";import{c as t}from"./clsx-COFh-Vc8.js";import{b as n}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-BVaUp6qp.js";import{b as s}from"./bem-registry-Bux_TllX.js";import{I as i}from"./component-DKGDVS8Y.js";import{K as r}from"./Heading-DtQoca7x.js";const c=s.forBlock("kol-alert"),d=c("icon"),u={error:{label:a("kol-error"),icon:"kolicon-alert-error"},info:{label:a("kol-info"),icon:"kolicon-alert-info"},warning:{label:a("kol-warning"),icon:"kolicon-alert-warning"},success:{label:a("kol-success"),icon:"kolicon-alert-success"},default:{label:a("kol-message"),icon:"kolicon-alert-info"}},f=({type:o="default"})=>{const a=u[o||"default"];return e(l,null,e("span",{class:"visually-hidden"},a.label),e(i,{class:d,label:"",icons:a.icon}))},m=s.forBlock("kol-alert"),p=m("closer"),v=m("content"),b=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const e=navigator.userActivation;if(((null==e?void 0:e.isActive)||(null==e?void 0:e.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(e){}},k=(l,s)=>{const{class:i={},alert:c=!1,hasCloser:d=!1,label:u,level:k=0,type:g="default",variant:h="msg",onAlertTimeout:y,onCloserClick:_}=l,j=o(l,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]),C=a("kol-close-alert");c&&(b(),setTimeout(()=>{null==y||y()},1e4));const x=m({hasCloser:!!d,[`type-${g}`]:!0,[`variant-${h}`]:!0}),A=m("heading",{[`h${k}`]:!0}),B=Object.assign({class:t(i,x)},j);return e("div",Object.assign({role:c?"alert":void 0},B,{"data-testid":"alert"}),e("div",{class:"kol-alert__container"},e(f,{label:u,type:g}),e("div",{class:"kol-alert__container-content"},u&&e(r,{class:A,level:k,id:"heading"},u),"msg"===h&&e("span",{class:v,"aria-describedby":u?"heading":void 0},s)),d&&e(n,{class:p+" kol-close-button","data-testid":"alert-close-button",_ariaDescription:(null==u?void 0:u.trim())||"",_hideLabel:!0,_icons:{left:{icon:"kolicon-cross"}},_label:C,_on:{onClick:_},_tooltipAlign:"left"})),"card"===h&&e("div",{class:v,"aria-describedby":u?"heading":void 0},s))};export{k as K};

package/dist/kolibri/FieldControlStateWrapper-BDVPrvLV.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as o}from"./tslib.es6-CxX45GIN.js";import{h as l,F as e}from"./index-BPXQXcL3.js";import{B as t}from"./variant-quote-CHD0qMkY.js";import{T as i}from"./component-BuKLzvT-.js";import{T as n}from"./controller-BhIDd4zH.js";import"./common-BqV6Zb30.js";import{b as s,s as r}from"./component-DTQnqyNP.js";import{K as a,b as d,g as c,i as f}from"./FormFieldStateWrapper-DWZlXBXQ.js";import{c as b}from"./clsx-COFh-Vc8.js";const p=new Map,u=l=>{const e=p.get(l);if(e)return e;const o=new n(t.stateLess);return o.componentWillLoad({label:""}),p.set(l,o),o},m=l=>{const e=p.get(l);e&&(e.destroy(),p.delete(l))},h=(e,t)=>{var{class:s}=e,i=o(e,["class"]);return l("div",Object.assign({class:b("kol-field-control__input",s)},i),t)},v=(t,n)=>{const{class:p,id:g,disabled:_,label:y,hideLabel:j,labelAlign:v,renderNoTooltip:B,hint:k,renderNoHint:C,accessKey:K,shortKey:L,msg:T,touched:q,required:P,readonly:O,tooltipAlign:x,tooltipFloatingRef:A,fieldControlInputProps:F,fieldControlLabelProps:N,fieldControlTooltipProps:w,fieldControlHintProps:H}=t,I=o(t,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),X=!C,D=!B,$=r(y),Q=D&&!$&&j,R=s(K,L),W=Q?u(g):void 0;W?(W.watchAlign(x),W.watchBadgeText(R||""),W.watchId(`${g}-label`),W.watchLabel(y)):m(g);const z=null==F?void 0:F.ref,E=[l(e,null,l(h,Object.assign({},F,{ref:l=>{null==z||z(l),W&&l&&(W.initContext(l),W.syncListeners(void 0,l,!0))}}),n),Q&&l("div",{class:b("kol-form-field__tooltip",null==w?void 0:w.class)},l(i,{badgeText:R||"",label:y,align:x,id:`${g}-label`,refFloating:null!=A?A:l=>{null==W||W.setTooltipElementRef(l)}}))),l(a,Object.assign({},N||{},{id:g,baseClassName:"kol-field-control",class:b(null==N?void 0:N.class,{"kol-field-control__label--visually-hidden":Boolean(j)}),hasExpertSlot:$,label:y,accessKey:K,shortKey:L}))];"left"===v&&E.reverse();const M={"kol-field-control--disabled":Boolean(_),"kol-field-control--required":Boolean(P),"kol-field-control--touched":Boolean(q),"kol-field-control--hide-label":Boolean(j),"kol-field-control--read-only":Boolean(O),[`kol-field-control--${c(T)}`]:Boolean(f(T,q)),[`kol-field-control--label-align-${v}`]:Boolean(v)};return l("div",Object.assign({class:b("kol-field-control",M,p)},I),E,X&&l(d,Object.assign({},H||{},{baseClassName:"kol-field-control",id:g,hint:k})))};function g(l){const e={id:l._id,disabled:l._disabled,msg:l._msg,hint:l._hint,label:l._label,hideLabel:l._hideLabel,touched:l._touched};return"_required"in l&&(e.required=l._required),"_readOnly"in l&&(e.readonly=l._readOnly),"_labelAlign"in l&&(e.labelAlign=l._labelAlign),"_accessKey"in l&&(e.accessKey=l._accessKey),"_shortKey"in l&&(e.shortKey=l._shortKey),e}const j=(e,t)=>{var{state:s}=e,i=o(e,["state"]);return l(v,Object.assign({},g(s),i),t)};export{j as F};

package/dist/kolibri/Input-BCcV0G6i.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as e}from"./tslib.es6-CxX45GIN.js";import{h as s,F as l}from"./index-BPXQXcL3.js";import"./common-BqV6Zb30.js";import{i as o,c as a,g as i}from"./FormFieldStateWrapper-DWZlXBXQ.js";import{c as t}from"./clsx-COFh-Vc8.js";const r=r=>{const{class:d,msg:n,required:u,disabled:c,touched:b,readonly:p,ariaDescribedBy:m,hideLabel:g,label:B,suggestions:h,value:j}=r,y=e(r,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),k={"kol-input--disabled":Boolean(c),"kol-input--required":Boolean(u),"kol-input--touched":Boolean(b),"kol-input--readonly":Boolean(p),[`kol-input--${i(n)}`]:o(n,b)},q=Object.assign(Object.assign({class:t("kol-input",k,d),required:u,disabled:c,readonly:p,type:"text",list:h?`${y.id}-list`:void 0},a({ariaDescribedBy:m,hideLabel:g,label:B})),y);return s(l,null,s("input",Object.assign({},q,{value:j})),h)};export{r as I};

package/dist/kolibri/InputStateWrapper-OjTvWrUW.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as i}from"./tslib.es6-CxX45GIN.js";import{h as e}from"./index-BPXQXcL3.js";import{I as t}from"./Input-BCcV0G6i.js";import{a as n}from"./FormFieldStateWrapper-DWZlXBXQ.js";const s=s=>{var{id:t,suggestions:a}=s,n=i(s,["id","suggestions"]);return a?e("datalist",Object.assign({id:`${t}-list`},n),a.map(i=>e("option",{value:i}))):null};function r(i,t,a){var r;const _=[...n(i).ariaDescribedBy,...null!==(r=t.ariaDescribedBy)&&void 0!==r?r:[]],l={id:i._id,hideLabel:i._hideLabel,label:i._label,disabled:i._disabled,name:i._name};if("_accessKey"in i&&(l.accessKey=i._accessKey),"_type"in i&&(l.type=i._type),"_value"in i&&(l.value=i._value),"_required"in i&&(l.required=i._required),"_maxLength"in i&&"_maxLengthBehavior"in i&&"hard"===i._maxLengthBehavior&&(l.maxlength=i._maxLength),"_placeholder"in i&&(l.placeholder=i._placeholder),"_autoComplete"in i&&(l.autoComplete=i._autoComplete),"_spellCheck"in i&&(l.spellcheck=i._spellCheck),"_pattern"in i&&(l.pattern=i._pattern),"_readOnly"in i&&(l.readonly=i._readOnly),"_min"in i&&(l.min=i._min),"_max"in i&&(l.max=i._max),"_step"in i&&(l.step=i._step),"_multiple"in i&&(l.multiple=i._multiple),"_checked"in i&&(l.checked=i._checked),"_indeterminate"in i&&(l.indeterminate=i._indeterminate),"_touched"in i&&(l.touched=i._touched),"_msg"in i&&(l.msg=i._msg),"_shortKey"in i&&(l["aria-keyshortcuts"]=i._shortKey),"_suggestions"in i&&!a){Array.isArray(i._suggestions)&&i._suggestions.length>0&&(l.suggestions=e(s,{id:i._id,suggestions:i._suggestions}))}return Object.assign(Object.assign(Object.assign({},l),t),{ariaDescribedBy:_})}const a=s=>{var{state:a,customSuggestions:n}=s,_=i(s,["state","customSuggestions"]);return e(t,Object.assign({},r(a,_,n)))};export{a as I,s as S};

package/dist/kolibri/app-globals-BK7xzE7x.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{L as o,h as t,w as r}from"./common-BqV6Zb30.js";import{a}from"./index-BPXQXcL3.js";var s=()=>{a(o=>{try{o.shadowRoot instanceof ShadowRoot&&t(o,r(o))}catch(o){}return"default"}),import("./devtools-rqZQZ3p7.js").then(o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()}).catch(t=>{o.error(t)})};const e=s;export{e as g};

package/dist/kolibri/component-BuKLzvT-.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as o}from"./index-BPXQXcL3.js";import{S as t}from"./component-DTQnqyNP.js";const e=({label:e,badgeText:l,id:i,refFloating:a})=>o("div",{class:"kol-tooltip__floating",hidden:0===e.length,ref:a},o("div",{class:"kol-tooltip__arrow"}),o(t,{class:"kol-tooltip__content",id:i||void 0,badgeText:l,label:e}));export{e as T};

package/dist/kolibri/component-DKGDVS8Y.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as s}from"./tslib.es6-CxX45GIN.js";import{h as o}from"./index-BPXQXcL3.js";import{b as i}from"./bem-registry-Bux_TllX.js";import{c as e}from"./clsx-COFh-Vc8.js";const n=i.forBlock("kol-icon"),r=n(),c=n("icon"),l=i=>{var{class:l,icons:a,label:n}=i,t=s(i,["class","icons","label"]);const m=(null==n?void 0:n.length)>0;return o("i",Object.assign({},t,{"aria-hidden":m?void 0:"true","aria-label":m?n:void 0,class:e(r,c,a,l),role:m?"img":"presentation"}))};export{l as I};

package/dist/kolibri/src-D1LGDerl.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{c as s,n as r}from"./normalizers-DnkJhVYZ.js";const o=s("src","",r);export{o as s};

package/dist/kolibri/unit-eRQuaHYy.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{c as s,d as a,n}from"./normalizers-DnkJhVYZ.js";const o=s("max",100,a,s=>s>0),m=s("unit","%",n,s=>s.length>0);export{o as m,m as u};

package/dist/kolibri/unit-eRQuaHYy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"unit-eRQuaHYy.js","sources":["src/internal/props/max.ts","src/internal/props/unit.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max prop for upper boundary of progress and meter elements\n *\n * Description:\n * The max attribute defines the upper bound of a range. It is used by progress bars and\n * meter elements to indicate the total or maximum achievable value.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a positive number greater than 0\n * - Corresponds to the HTML progress element's max attribute\n * - Maps to aria-valuemax in WAI-ARIA to communicate the upper limit to assistive technologies\n * - Default value is 100 (representing 100%)\n *\n * Accessibility:\n * - Screen readers use aria-valuemax together with aria-valuenow to announce progress status\n * - The relationship between value and max must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-max\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>('max', 100, normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Unit prop for value display formatting\n *\n * Description:\n * Defines the unit of measurement to display alongside a numeric value (e.g., \"%\", \"MB\", \"km/h\").\n * The unit helps users understand the meaning and scale of the displayed value.\n *\n * Usage:\n * - Must be a non-empty string\n * - Default is \"%\" (percentage)\n * - The unit is appended to the displayed value for visual users\n * - Common units: \"%\", \"MB\", \"s\", \"€\", \"kg\"\n *\n * Accessibility:\n * - The unit must be part of the accessible value description for screen reader users\n * - Consider using aria-valuetext to create human-readable descriptions that include the unit\n *   (e.g., aria-valuetext=\"75 percent\" instead of just the number 75)\n * - Units convey meaningful information and must be programmatically determinable\n *   (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuetext\n */\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>('unit', '%', normalizeString, (v) => v.length > 0);\n"],"names":[],"mappings":";;;;;MA0Ba,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;MCEjF,QAAQ,GAAG,oBAAoB,CAAW,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;;;;"}

package/dist/kolibri/validation-BytKl095.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as e}from"./level-Bwrb_jzT.js";import{b as r}from"./common-BqV6Zb30.js";const o=(o,m)=>{r(o,"_level",r=>"number"==typeof r&&e.includes(r),new Set(e.map(String)),m,{defaultValue:1,required:!0})};export{o as w};

package/dist/kolibri/variant-quote-CHD0qMkY.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{c as t,n as e}from"./normalizers-DnkJhVYZ.js";function n(){throw new Error("This controller does not use component state.")}class s{constructor(){this.stateAccess={setState:(t,e)=>{this[t]=e},getState:t=>this[t]}}}s.stateLess=Object.freeze({setState:n,getState:n});const o=["eager","lazy"],a=new Set(o),c=t("loading","lazy",t=>e(t),t=>a.has(t)),r=["block","inline"],i=new Set(r),l=t("variant","inline",t=>e(t),t=>i.has(t));export{s as B,c as l,l as v};