@kubit-ui-web/react-components 1.17.3 → 2.0.0-beta.10

package/dist/cjs/components/inputDecoration/inputDecoration.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./inputDecorationStandAlone.js"),r=require("./utils/state.js"),i=s.forwardRef(({additionalClasses:s,variant:i,...o},n)=>{const l=t.useClassName({additionalClassNames:s,component:"INPUT_DECORATION",variant:i}),u=r.getState({disabled:o.disabled,error:o.error,filled:o.filled,focused:o.focused});return e.jsxRuntimeExports.jsx(a.InputDecorationStandAlone,{ref:n,cssClasses:l,"data-state":u,"data-testid":"input-decoration",...o})});exports.InputDecoration=i;

package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=t.forwardRef(({cssClasses:t,decoration:n,disabled:o,...i},c)=>{if(!n?.icon)return null;const u=s.pickCustomAttributes(i);return e.jsxRuntimeExports.jsx("div",{ref:c,className:t?.input_decoration,style:{pointerEvents:n.onClick?"auto":"none"},...u,children:e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:t?.decoration,...n,onClick:n.onClick})})});exports.InputDecorationStandAlone=n;

package/dist/cjs/components/inputDecoration/types/state.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.InputDecorationState={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};

package/dist/cjs/components/inputDecoration/utils/state.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../types/state.js");exports.getState=({disabled:e,error:o,filled:a,focused:r})=>e&&a?t.InputDecorationState.DISABLED_FILLED:e?t.InputDecorationState.DISABLED_EMPTY:o&&a?t.InputDecorationState.ERROR_FILLED:o?t.InputDecorationState.ERROR_EMPTY:r?t.InputDecorationState.FOCUS:a?t.InputDecorationState.FILLED:t.InputDecorationState.EMPTY;

package/dist/cjs/components/inputSignature/hook/useDraw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useDraw=t=>{const r=e.useRef(null),n=e.useRef(),u=e.useRef(!1),c=e.useRef(!1),o=e.useRef({color:"black",lineWidth:2}),i=e.useRef(null),s=e=>{let t,c;if("touchstart"===e.type&&r.current){const{touches:n}=e,{clientX:u,clientY:o}=n[0],{left:i,top:s}=r.current.getBoundingClientRect();t=u-i,c=o-s}else t=e.offsetX,c=e.offsetY;i.current=n.current.getImageData(0,0,r.current?.width,r.current?.height),n.current.beginPath(),n.current.moveTo(t,c),u.current=!0},l=e=>{if(!u.current)return;let t,c;if(e.preventDefault(),"touchmove"===e.type&&r.current){const{touches:n}=e,{clientX:u,clientY:o}=n[0],{left:i,top:s}=r.current.getBoundingClientRect();t=u-i,c=o-s}else t=e.offsetX,c=e.offsetY;n.current.lineTo(t,c),n.current.stroke()},a=()=>{const e=n.current.getImageData(0,0,r.current?.width,r.current?.height);if(n.current.closePath(),u.current=!1,!i.current)return;if(!function(e,t){if(e.width!==t.width||e.height!==t.height)return!1;for(let r=0;r<e.data.length;r++)if(e.data[r]!==t.data[r])return!1;return!0}(e,i.current)){const e=r.current?.toDataURL();t?.(e),c.current=!0}};return e.useEffect(()=>{if(null===r.current)return;const e=r.current;return n.current=e?.getContext("2d",{willReadFrequently:!0}),n.current?(n.current.strokeStyle=o.current.color,n.current.lineWidth=o.current.lineWidth,n.current.lineCap="round",n.current.lineJoin="round",e?.addEventListener("mousedown",s),e?.addEventListener("mousemove",l),e?.addEventListener("mouseup",a),e?.addEventListener("mouseleave",a),e?.addEventListener("touchstart",s),e?.addEventListener("touchmove",l,{passive:!1}),e?.addEventListener("touchend",a),()=>{e?.removeEventListener("mousedown",s),e?.removeEventListener("mousemove",l),e?.removeEventListener("mouseup",a),e?.removeEventListener("mouseleave",a),e?.removeEventListener("touchstart",s),e?.removeEventListener("touchmove",l),e?.removeEventListener("touchend",a)}):void 0},[]),{canvasRef:r,filled:c.current,resetCanvas:()=>{r.current&&(c.current=!1,n.current.clearRect(0,0,r.current.width,r.current.height))},setSignatureStyles:e=>{e&&(o.current.color=e.color,o.current.lineWidth=e.lineWidth)}}};

package/dist/cjs/components/inputSignature/index.js

@@ -0,0 +1,4 @@
+const { InputSignatureControlled } = require('./inputSignatureControlled.js');
+module.exports = { ...module.exports, InputSignatureControlled };
+const { InputSignature } = require('./inputSignatureUncontrolled.js');
+module.exports = { ...module.exports, InputSignature };

package/dist/cjs/components/inputSignature/inputSignatureControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./inputSignatureStandAlone.js"),a=s.forwardRef(({additionalClasses:s,setSignatureStyles:a,signatureStyle:n={color:"#000000",lineWidth:2},variant:i,...o},u)=>{const l=t.useClassName({additionalClassNames:s,component:"INPUT_SIGNATURE",variant:i});return a?.(n),e.jsxRuntimeExports.jsx(r.InputSignatureStandAlone,{ref:u,cssClasses:l,...o})});exports.InputSignatureControlled=a;

package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../text/text.js"),r=require("../../lib/types/states/states.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processText/processText.js"),n=e.forwardRef(({canvasRef:e,cssClasses:n,errorText:o,onBlurContainer:u,onClickContainer:c,placeholder:l,state:x,...p},d)=>{const j=x===r.STATES.DEFAULT||x===r.STATES.ERROR||x===r.STATES.DISABLED,T=x===r.STATES.ERROR&&o?o:l,m={"data-state":x},S=p["data-testid"]||"input-signature",b=i.pickCustomAttributes(p),A=i.pickCustomAttributes(m);return t.jsxRuntimeExports.jsxs("div",{ref:d,className:n?.input_signature,"data-testid":S,role:"button",tabIndex:-1,onBlur:u,onClick:c,onKeyDown:c,...A,...b,children:[t.jsxRuntimeExports.jsx("canvas",{ref:e,className:n?.canvas,"data-testid":`${S}-canvas`,...A}),j&&t.jsxRuntimeExports.jsx("div",{className:n?.placeholdercontainer,...A,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:n?.placeholdertext},customAttributes:m,...a.processText(T)})})]})});exports.InputSignatureStandAlone=n;

package/dist/cjs/components/inputSignature/inputSignatureUncontrolled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),r=require("./hook/useDraw.js"),n=require("./inputSignatureControlled.js"),u=require("./utils/getInputSignatureState.js"),a=t.forwardRef(({disabled:a,error:s,onChange:i,...o},l)=>{const g=t.useRef(null),{canvasRef:S,filled:p,resetCanvas:d,setSignatureStyles:c}=r.useDraw(i),[f,j]=t.useState(!1),C=u.getInputSignatureState({active:f,disabled:a,error:s,filled:p});t.useImperativeHandle(l,()=>({get InputSignature(){return g.current},get reset(){return d}}));return e.jsxRuntimeExports.jsx(n.InputSignatureControlled,{ref:g,canvasRef:S,setSignatureStyles:c,onBlurContainer:()=>{j(!1)},onClickContainer:e=>{a||(e.stopPropagation(),j(!0),e.currentTarget.focus())},...o,state:C})});exports.InputSignature=a,exports.InputSignatureUnControlled=a;

package/dist/cjs/components/inputSignature/utils/getInputSignatureState.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.getInputSignatureState=({active:t,disabled:S,error:T,filled:r})=>S?e.STATES.DISABLED:T?e.STATES.ERROR:t?e.STATES.ACTIVE:r?e.STATES.FILLED:e.STATES.DEFAULT;

package/dist/cjs/components/label/index.js

@@ -0,0 +1,2 @@
+const { Label } = require('./labelStandAlone.js');
+module.exports = { ...module.exports, Label };

package/dist/cjs/components/label/labelStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),r=t.forwardRef(({asteriskColor:r,asteriskCssClasses:i,asteriskWeight:o,children:a,color:l,cursor:d,customAttributes:n,id:u,inputId:c,required:x,requiredSymbol:p,textCssClasses:b,weight:m,...h},j)=>{const g=`label-${t.useId().replace(/:/g,"")}`,C=u??g,q=h["data-testid"]||"label";return e.jsxRuntimeExports.jsxs(s.Text,{ref:j,additionalClasses:{text:b},color:l,component:"label",cursor:d,customAttributes:n,"data-testid":q,htmlFor:c,id:C,weight:m,children:[a,x&&e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i},"aria-hidden":!0,color:r,component:"span","data-testid":`${q}Required`,weight:o,children:p})]})});exports.Label=r,exports.LabelStandAlone=r;

package/dist/cjs/components/link/helpers/disabled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.disabledLink=(e,t)=>({role:e&&!t?"link":t});

package/dist/cjs/components/link/index.js

@@ -0,0 +1,4 @@
+const { Link } = require('./link.js');
+module.exports = { ...module.exports, Link };
+const { LinkAsButton } = require('./linkAsButton.js');
+module.exports = { ...module.exports, LinkAsButton };

package/dist/cjs/components/link/link.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),i=require("../../lib/hooks/useClassName/useClassName.js"),a=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./helpers/disabled.js"),r=require("./linkStandAlone.js"),o=s.forwardRef(({action:s="navigation",additionalClasses:o,additionalTextClasses:t,alignCenter:l=!1,color:d,decoration:c="auto",disabled:u=!1,icon:m,role:C,textVariant:p,variant:v,weight:b,...g},j)=>{const{LINK:x}=a.useGenericComponents(),{role:N}=n.disabledLink(u,C),q=u||void 0,k=i.useClassName({additionalClassNames:o,component:"LINK",variant:`${s}_${v}`}),L=i.useClassName({additionalClassNames:t,component:"TEXT",variant:p});return e.jsxRuntimeExports.jsx(r.LinkStandAlone,{...g,ref:j,action:s,alignCenter:l,"aria-disabled":q,color:d,component:x,cssClasses:k,cssTextClasses:L,decoration:"inline"===s?"underline":c,disabled:u,icon:m,role:N,weight:b})});exports.Link=o;

package/dist/cjs/components/link/linkAsButton/linkAsButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../../lib/hooks/useClassName/useClassName.js"),t=require("../../../lib/hooks/useManageState/useManageState.js"),n=require("../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),i=require("../../../lib/types/states/states.js"),r=require("./linkAsButtonStandAlone.js"),o=s.forwardRef(({additionalSizeClasses:s,additionalVariantClasses:o,disabled:l,size:u,variant:d,...m},c)=>{const C=a.useClassName({component:"LINK_AS_BUTTON"}),p=a.useClassName({additionalClassNames:o,component:"BUTTON",variant:d}),N=a.useClassName({additionalClassNames:s,component:"BUTTON",variant:u}),{LINK:S}=n.useGenericComponents(),{setRef:j}=t.useManageState({disabled:l,ref:c,states:Object.values(i.STATES)});return e.jsxRuntimeExports.jsx(r.LinkAsButtonStandAlone,{...m,ref:j,component:S,cssLinkAsButtonClasses:C,cssSizeClasses:N,cssVariantClasses:p,disabled:l})});exports.LinkAsButton=o;

package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../button/buttonStandAlone.js"),i=require("../../../lib/components/customComponent/customComponent.js"),r=require("../../../lib/types/positions/positions.js"),n=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/classNames/classNames.js"),a=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=e.forwardRef(({"aria-label":e,"aria-labelledby":l,ariaLabelText:u,children:c,component:d,cssLinkAsButtonClasses:b,cssSizeClasses:m,cssVariantClasses:p,fullWidth:j,iconPosition:x,minWidth:C,onClick:k,rel:S,role:h,state:A,target:q,url:f,...y},E)=>{const N=y["data-testid"]||"link-as-button",T=a.pickCustomAttributes(y);return t.jsxRuntimeExports.jsx("div",{className:b?.link_as_button,"data-kbt-full-width":j,"data-testid":N,...T,children:t.jsxRuntimeExports.jsx(i.CustomComponent,{ref:E,"aria-label":e,"aria-labelledby":l,component:d,"data-testid":"link",decoration:"none",isDisabled:A===n.STATES.DISABLED,rel:S,role:h,target:q,url:f,onClick:k,children:t.jsxRuntimeExports.jsx("span",{"aria-label":u,...y,className:o.classNames(m?.button,p?.button),style:{flexDirection:x===r.POSITIONS.LEFT?"row":"row-reverse",minWidth:C,width:j?"100%":"auto"},children:t.jsxRuntimeExports.jsx(s.ButtonStandAlone,{...y,children:c})})})})});exports.LinkAsButtonStandAlone=l;

package/dist/cjs/components/link/linkStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/components/customComponent/customComponent.js"),l=t.forwardRef(({children:t,color:l,component:c=s.Text,cssClasses:a,cssTextClasses:u,decoration:m,disabled:d,draggable:x,icon:p,iconPosition:j,id:b,onClick:C,rel:g,role:k,target:f,url:q,weight:h,...N},v)=>{const y=d?void 0:C,E=d?void 0:q,R=r.classNames(a?.link,u?.text),w={flexDirection:"left"===j?"row":"row-reverse"},A={color:l,fontWeight:h,textDecoration:m},O=i.pickCustomAttributes(N);return e.jsxRuntimeExports.jsx(n.CustomComponent,{ref:v,className:R,component:c,"data-testid":"link",disabled:d,draggable:x,id:b,rel:g,role:k,style:A,target:f,url:E,onClick:y,...O,children:p?e.jsxRuntimeExports.jsxs("span",{className:a?.labelandiconcontainer,style:w,children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:a?.icon,...p},"icon"),t]}):e.jsxRuntimeExports.jsx("span",{style:w,children:t})})});exports.LinkStandAlone=l;

package/dist/cjs/components/listOptions/index.js

@@ -0,0 +1,2 @@
+const { ListOptions } = require('./listOptions.js');
+module.exports = { ...module.exports, ListOptions };

package/dist/cjs/components/listOptions/listOptions.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./listOptionsStandAlone.js"),r=e.forwardRef(({additionalClasses:e,variant:r,...i},o)=>{const n=t.useClassName({additionalClassNames:e,component:"LIST_OPTIONS",variant:r});return s.jsxRuntimeExports.jsx(a.ListOptionsStandAlone,{...i,ref:o,cssClasses:n})});exports.ListOptions=r;

package/dist/cjs/components/listOptions/listOptionsStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),i=require("../text/text.js"),o=require("../../lib/hooks/useRoveFocus/useRoveFocus.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processText/processText.js"),r=require("../../lib/components/customComponent/customComponent.js"),l=require("../option/option.js"),a=require("./utils/listOptions.utils.js"),c=t.forwardRef(({caseSensitive:c,charsHighlighted:u,checkedIcon:p,content:d,cssClasses:x,highlightedOptionVariant:m,id:v,index:h=0,listComponent:j,multiSelect:g,onOptionClick:b,options:k,optionsContainerArias:C,roveFocus:y,selectedValue:S,title:R,type:q="selection",...M},O)=>{const $=M["data-testid"]??"list-options",F=s.pickCustomAttributes(M),f=t.useMemo(()=>({currentFocusSelected:-1,keyDownMove:a.keyDownMove(k),keyLeftMove:0,keyRightMove:0,keyTabMove:null,keyUpMove:a.keyUpMove,size:k.length}),[k]),[E,T,A]=o.useRoveFocus(y??f),I=t.useId();t.useImperativeHandle(O,()=>A.current,[A]);const V=v??I,w="selection"===q,H="navigation"===q,L=k&&k.length>0;return e.jsxRuntimeExports.jsxs("div",{className:x?.list_options,"data-testid":$,...F,children:[!!R&&k.length>0&&e.jsxRuntimeExports.jsx("div",{className:x?.titlecontainer,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.title},...n.processText(R)})}),d,L&&e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:A,"aria-label":C?.["aria-label"],"aria-labelledby":C?.["aria-labelledby"],className:x?.optionscontainer,component:j??"ul",id:V,role:w?"listbox":void 0,children:k.map((t,i)=>{const o=a.isSelected(t,S,g,c),s=`${$}-section-${h}-option-${i}`,n=w||H?"div":"li",r=e.jsxRuntimeExports.jsx(l.Option,{"aria-current":H?o:void 0,"aria-selected":w?o:void 0,checkedIcon:p,component:n,"data-testid":s,focus:E===i,labelCharsHighlighted:u,multiSelect:g,role:w?"option":void 0,selected:o,tabIndex:H?0:-1,variant:a.getOptionVariant(t.highlighted,m,M?.optionVariant),...t,onClick:e=>{T(i),b?.(t.value,e),t.onClick?.(e)},onFocus:e=>{i!==E&&T(i),t.onFocus?.(e)}},`${V}Option-${h.toString()}-${i.toString()}`);return"selection"===q?e.jsxRuntimeExports.jsx("li",{children:r},`${V}LiOption-${h.toString()}-${i.toString()}`):r})})]})});exports.ListOptionsStandAlone=c;

package/dist/cjs/components/listOptions/utils/listOptions.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getOptionVariant=(e,o,t)=>e&&o?o:t||"",exports.isSelected=(e,o,t,a)=>null!=o&&void 0!==e.value&&(t?Boolean(Array.isArray(o)&&o.includes(e.value)):a?Boolean(o===e.value):Boolean(o.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())),exports.keyDownMove=e=>o=>{let t=Math.max(o,0);return o+1<=e.length-1&&(t+=1),t},exports.keyUpMove=e=>{let o=Math.max(e,0);return e>0&&(o-=1),o};

package/dist/cjs/components/message/index.js

@@ -0,0 +1,4 @@
+const { MessageControlled } = require('./messageControlled.js');
+module.exports = { ...module.exports, MessageControlled };
+const { Message } = require('./messageUnControlled.js');
+module.exports = { ...module.exports, Message };

package/dist/cjs/components/message/messageControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),o=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./messageStandAlone.js"),a=s.forwardRef(({additionalClasses:s,variant:a,...t},i)=>{const l=r.useClassName({additionalClassNames:s,component:"MESSAGE",variant:a}),{LINK:u}=o.useGenericComponents();return e.jsxRuntimeExports.jsx(n.MessageStandAlone,{ref:i,cssClasses:l,linkComponent:u,...t})});exports.MessageControlled=a;

package/dist/cjs/components/message/messageStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),n=require("../button/button.js"),s=require("../tag/tag.js"),i=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processText/processText.js"),l=require("../../lib/components/customComponent/customComponent.js"),u=require("../link/link.js"),x=t.forwardRef(({actionButton:t,ariaLive:x="off",ariaMessageId:m,closeIcon:d,content:p,cssClasses:j,extraActionButton:g,id:h,infoIcon:C,inlineLink:E,linkComponent:R,links:v,maxContentLength:b=246,messageContainerProps:k,open:N,role:f,tag:q,title:T,titleAndContentContainerProps:A,titleAndContentRole:I,...y},L)=>{const O=y["data-testid"]||"message",S=a.pickCustomAttributes(y),B=c.processText(p),M=c.processText(T),P="string"==typeof B.children&&B.children?.toString().length>=b;return e.jsxRuntimeExports.jsx("div",{...S,"aria-live":x,className:j?.message,children:N&&e.jsxRuntimeExports.jsxs(l.CustomComponent,{ref:L,className:j?.container,component:k?.url?R:"div","data-testid":O,id:h,role:f,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[C?.icon?e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:j?.infoicon,...C}):null,e.jsxRuntimeExports.jsxs(l.CustomComponent,{className:r.classNames(j?.headercontainer,{[`${j?.headercontainerlargemessage}`]:P}),component:A?.url?R:"div",role:I,target:A?.target,url:A?.url||void 0,onClick:A?.onClick,children:[!!T&&("string"==typeof M.children?e.jsxRuntimeExports.jsx("div",{"aria-errormessage":m,className:j?.titlecontainer,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:j?.title},component:"p",...M})}):M.children),!!q?.content&&(q?.content?e.jsxRuntimeExports.jsx(s.Tag,{variant:"",...q,label:{content:q?.content}}):null),e.jsxRuntimeExports.jsxs("div",{className:r.classNames(j?.contentcontainer,{[`${j?.contentcontainerlargemessage}`]:P}),children:["string"==typeof p?e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:j?.description},component:"p",...B}):B.children,!!E?.content&&e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...E,url:E?.url||"",children:E?.content||""})]}),!(!g&&!t)&&e.jsxRuntimeExports.jsxs("div",{className:j?.buttonsectioncontainer,children:[g?.content?e.jsxRuntimeExports.jsx("div",{className:j?.extraactionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{...g,children:g?.content})}):null,t?.content?e.jsxRuntimeExports.jsx("div",{className:j?.actionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{additionalSizeClasses:t?.variant?void 0:j?.action_button,...t,children:t?.content})}):null]}),!!(v&&v.length>0)&&e.jsxRuntimeExports.jsx("div",{className:j?.linkscontainer,children:v?.map(t=>t.content?e.jsxRuntimeExports.jsx("div",{className:j?.linkcontainer,children:e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...t,children:t.content})},t.content):null)})]}),e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:j?.closeicon,...d})]})})});exports.MessageStandAlone=x;

package/dist/cjs/components/message/messageUnControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),r=require("./messageControlled.js"),s=o.forwardRef(({closeIcon:s,defaultOpen:t=!0,...l},n)=>{const[a,u]=o.useState(t),c=o.useCallback(e=>{u(!1),s?.onClick?.(e)},[s]);return e.jsxRuntimeExports.jsx(r.MessageControlled,{...l,ref:n,closeIcon:s?{...s,onClick:c}:void 0,open:a})});exports.Message=s,exports.MessageUnControlled=s;

package/dist/cjs/components/modal/fragments/modalHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),i=require("../../../lib/utils/process/processText/processText.js"),o=require("../../button/button.js");exports.ModalHeader=({blocked:r,closeButton:c,closeIcon:a,cssClasses:l,dragIcon:x,title:d,titleIdFinal:u})=>{const{isMobileOrTablet:j}=n.useActiveBreakpoints();return e.jsxRuntimeExports.jsxs("div",{className:l?.headercontainer,"data-modal-header":!0,children:[j&&!r&&!!x&&e.jsxRuntimeExports.jsx("div",{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.dragicon,...x})}),e.jsxRuntimeExports.jsxs("div",{className:l?.headercontentcontainer,children:[!r&&!!a?.icon&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.closebuttonicon,...a})}),!r&&!!c?.content&&!!c?.variant&&e.jsxRuntimeExports.jsx(o.Button,{...c,variant:c?.variant,children:c?.content}),(void 0===d?.visible||d.visible)&&e.jsxRuntimeExports.jsx("div",{className:l?.titlecontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:l?.title},component:"h1",id:u,...i.processText(d)})}),!1===d?.visible&&e.jsxRuntimeExports.jsx("span",{className:l?.titlehiddencontainer,id:u,children:i.processText(d).children}),!r&&!!a?.icon&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx("span",{className:l?.closebuttonicon})})]})]})};

package/dist/cjs/components/modal/index.js

@@ -0,0 +1,4 @@
+const { ModalControlled } = require('./modalControlled.js');
+module.exports = { ...module.exports, ModalControlled };
+const { Modal } = require('./modalUnControlled.js');
+module.exports = { ...module.exports, Modal };

package/dist/cjs/components/modal/modalControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),s=require("../../lib/hooks/syncRefs/syncRefs.js"),r=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useContentVisibility/useContentVisibility.js"),l=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),n=require("../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js"),i=require("../../lib/hooks/useScrollEffect/useScrollEffect.js"),a=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),u=require("../portal/portal.js"),c=require("./modalStandAlone.js"),d=o.forwardRef(({additionalClasses:d,disableFocusableContent:f=!1,onClose:p,popover:S,portalId:b,variant:h,...j},C)=>{const m=r.useClassName({additionalClassNames:d,component:"MODAL",variant:h}),q=l.useMediaDevice(),y=o.useRef(null),{scrollableRef:R,shadowRef:v}=i.useScrollEffect({shadowStyles:"none"}),{handleContentVisibility:w}=t.useContentVisibility({}),{setDragIconRef:D}=a.useSwipeDown(void 0,()=>p?.()),{handleScrollDetection:x,hasScroll:k}=n.useScrollDetectionWithAutoFocus({disabled:f,parentElementRef:y}),A=o.useCallback(e=>{y.current=e,s.syncInnerAndForwardedRef({forwardedRef:C,innerRef:y});const o=y.current?.querySelector("[data-modal-header]"),r=y.current?.querySelector("[data-modal-content]"),t=y.current?.querySelector("[data-modal-draggable-icon]");v(o),w({container:y.current,content:r}),R(r),x(r),D(t)},[]),M=e.jsxRuntimeExports.jsx(c.ModalStandAlone,{...j,ref:A,contentHasScroll:k,cssClasses:m,device:q,popover:{...S},onPopoverCloseInternally:()=>{p?.()}});return b?e.jsxRuntimeExports.jsx(u.Portal,{wrapperId:b,children:M}):M});exports.ModalControlled=d;

package/dist/cjs/components/modal/modalStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../../lib/components/overlay/overlay.js"),s=require("../../lib/utils/process/processText/processText.js"),i=require("../navBar/navBar.js"),a=require("../popover/popover.js"),r=require("./fragments/modalHeader.js"),l=require("./utils/onlyDesktopSize.js"),n=t.forwardRef(({blocked:n,closeButton:d,closeIcon:c,content:m,contentContainer:p,contentHasScroll:x,contentScrollArias:u,cssClasses:v,customHeightAllDevices:j=!1,customWidthAllDevices:b=!1,device:g,dragIcon:y,footer:h,id:H,maxHeight:I,maxWidth:C,minContentHeight:f,minHeight:q,minWidth:E,onKeyDown:R,onPopoverCloseInternally:S,open:k,popover:D,title:B,...T},W)=>{const A=`modal-${t.useId().replace(/:/g,"")}`,N=H??A,z=`modal-title-${t.useId().replace(/:/g,"")}`,M=s.processText(B).id??z,O=h?.variant,P=T["data-testid"]||"modal";return e.jsxRuntimeExports.jsx(a.Popover,{"aria-labelledby":M,"aria-modal":k,component:"div",disableClickOverlayClose:n,disableEscapeClose:n,disableTrapFocus:!1,id:N,open:k,overlay:e.jsxRuntimeExports.jsx(o.Overlay,{}),role:"dialog",strategy:"fixed",onClose:S,...D,children:e.jsxRuntimeExports.jsxs("div",{ref:W,className:v?.modal,"data-testid":P,style:{maxHeight:I,maxWidth:C,minHeight:j?q:l.onlyDesktopSize(g,q),minWidth:b?E:l.onlyDesktopSize(g,E),paddingBottom:h?.rightItems?"0":void 0},children:[e.jsxRuntimeExports.jsx(r.ModalHeader,{blocked:n,closeButton:d,closeIcon:c,cssClasses:v,device:g,dragIcon:y,title:B,titleIdFinal:M}),e.jsxRuntimeExports.jsx("div",{"aria-label":x?u?.["aria-label"]:void 0,"aria-labelledby":x?u?.["aria-labelledby"]:void 0,className:v?.content,"data-modal-content":!0,"data-testid":`${P}-content`,role:x?"region":void 0,style:{minHeight:f},...x?{tabIndex:0}:{},...p,children:m}),!!O&&!!h&&e.jsxRuntimeExports.jsx("div",{className:v?.footer,children:e.jsxRuntimeExports.jsx(i.NabVar,{variant:O,...h})})]})})});exports.ModalStandAlone=n;

package/dist/cjs/components/modal/modalUnControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../lib/utils/keyboard/keyboard.js"),t=require("./modalControlled.js"),n=e.forwardRef(({closeButton:n,closeIcon:l,onClose:s,open:i,popover:a,variant:c,...u},d)=>{const[p,C]=e.useState(i);e.useEffect(()=>{C(i)},[i]);const k=()=>{C(!1),s?.()};return o.jsxRuntimeExports.jsx(t.ModalControlled,{...u,ref:d,closeButton:n&&{...n,onClick:o=>{k(),n?.onClick?.(o)}},closeIcon:{...l,onClick:o=>{k(),l?.onClick?.(o)}},open:p,popover:{...a},variant:c,onClose:s,onKeyDown:o=>u?.blocked&&r.isKeyEscapePressed(o.key)?o.stopPropagation():null})});exports.Modal=n,exports.ModalUnControlled=n;

package/dist/cjs/components/modal/utils/onlyDesktopSize.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/breakpoints/breakpoints.js");exports.onlyDesktopSize=(t,o)=>e.DeviceBreakpointsTypeUtils.isDesktopOrLargeDesktop(t)?o:void 0;

package/dist/cjs/components/navBar/index.js

@@ -0,0 +1,2 @@
+const { NabVar } = require('./navBar.js');
+module.exports = { ...module.exports, NabVar };

package/dist/cjs/components/navBar/navBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./navBarStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...n},o)=>{const i=a.useClassName({additionalClassNames:s,component:"NAVBAR",variant:t});return e.jsxRuntimeExports.jsx(r.NavBarStandAlone,{ref:o,cssClasses:i,...n})});exports.NabVar=t;

package/dist/cjs/components/navBar/navBarStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js"),n=e.forwardRef(({centerItems:e,component:n="div",cssClasses:o,direction:a="horizontal",focusOrder:c=["left","center","right"],leftItems:m,rightItems:u,...l},p)=>{const d=(e,s,r)=>t.jsxRuntimeExports.jsx("div",{className:o?.itemcontainer,"data-position":s,children:e?.map((e,s)=>t.jsxRuntimeExports.jsx("div",{children:e},`navbar-item-${s.toString()}`))},`${s}-${r?.toString()}`),b=r.pickCustomAttributes(l);return t.jsxRuntimeExports.jsx(i.CustomComponent,{ref:p,className:s.classNames("kbt-navbar",a,o?.navbar),component:n,...b,children:c.map((t,s)=>"left"===t?d(m,"left",s):"center"===t?d(e,"center",s):"right"===t?d(u,"right",s):null)})});exports.NavBarStandAlone=n;

package/dist/cjs/components/option/components.ts/optionLabelSlice.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../text/text.js"),s=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.OptionLabelSlice=({children:i,component:r,cssClasses:u,customAttributes:o,...n})=>{if(!i)return null;const c=s.pickCustomAttributes(n);return t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:u},component:r,customAttributes:o,...c,children:i})};

package/dist/cjs/components/option/index.js

@@ -0,0 +1,2 @@
+const { Option } = require('./option.js');
+module.exports = { ...module.exports, Option };

package/dist/cjs/components/option/option.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./optionStandAlone.js"),t=s.forwardRef(({additionalClasses:t,focus:u,onBlur:a,onFocus:i,variant:c,...l},p)=>{const d=o.useClassName({additionalClassNames:t,component:"OPTION",variant:c}),{LINK:m}=r.useGenericComponents(),f=s.useRef(),[v,C]=s.useState(!1),[j,x]=s.useState(!1);s.useImperativeHandle(p,()=>f.current,[]),s.useEffect(()=>{u&&f.current?.focus()},[u]);return e.jsxRuntimeExports.jsx(n.OptionStandAlone,{...l,ref:f,componentLink:m,cssClasses:d,focus:j,hover:v,onBlur:e=>{a?.(e),x(!1)},onFocus:e=>{i?.(e),x(!0)},onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1)})});exports.Option=t;

package/dist/cjs/components/option/optionStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/types/states/states.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processText/processText.js"),r=require("../../lib/components/customComponent/customComponent.js"),a=require("../../lib/utils/keyboard/keyboard.js"),c=require("./components.ts/optionLabelSlice.js"),u=require("./utils/option.utils.js"),d=t.forwardRef(({checkedIcon:t,component:d,componentLink:p,cssClasses:x,disabled:m,extraContent:b,focus:h,hover:j,icon:E,label:g,labelCharsHighlighted:S,multiSelect:C,onBlur:T,onClick:A,onFocus:L,onMouseEnter:R,onMouseLeave:k,role:I,selected:y,sublabel:f,tabIndex:q,url:O,...v},$)=>{const M=!!S&&S?.length>0,D=u.getState(m,h,y,C,j,M),N={"data-state":D},H=D===n.STATES.DISABLED,P=o.pickCustomAttributes({...v,customAttributes:N}),_=o.pickCustomAttributes(N),w=P["data-testid"]||"option",B=[n.STATES.MULTIPLE_SELECTED,n.STATES.MULTIPLE_SELECTED_HOVER,n.STATES.SELECTED].includes(D);let F,K,U;if("string"==typeof g){const{firstHighlightedIndex:e,lastHighlightedIndex:t}=u.getHighlightedIndexes(g,S);F=g.substring(0,e),K=g.substring(e,t),U=g.substring(t)}return e.jsxRuntimeExports.jsxs(r.CustomComponent,{ref:$,"aria-disabled":H,className:x?.option,...P,component:O?p:d??"div","data-testid":w,role:I,tabIndex:q,url:O,onBlur:T,onClick:e=>{H||A?.(e)},onFocus:L,onKeyDown:e=>{H||!a.isKeyEnterPressed(e.key)&&!a.isKeySpacePressed(e.key)||A?.(e)},onMouseEnter:R,onMouseLeave:k,..._,children:[e.jsxRuntimeExports.jsxs("div",{className:x?.firstrowcontainer,children:[e.jsxRuntimeExports.jsxs("div",{className:x?.labeliconcontainer,..._,children:[e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:x?.icon,customAttributes:N,...E}),!!l.processText(f).children&&e.jsxRuntimeExports.jsx("div",{className:x?.sublabelcontainer,..._,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.sublabel},component:"span",customAttributes:N,...l.processText(f)})}),e.jsxRuntimeExports.jsx("p",{children:"string"==typeof g?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[" ",e.jsxRuntimeExports.jsx(c.OptionLabelSlice,{component:"span",cssClasses:x?.label,customAttributes:N,"data-testid":`${w}-first-no-hightlighted-label`,children:F}),e.jsxRuntimeExports.jsx(c.OptionLabelSlice,{component:"span",cssClasses:`${x?.label} ${x?.labelhighlighted}`,customAttributes:N,"data-testid":`${w}-highlighted-label`,children:K}),e.jsxRuntimeExports.jsx(c.OptionLabelSlice,{component:"span",cssClasses:`${x?.label} ${x?.labelhighlighted}`,customAttributes:N,"data-testid":`${w}-last-no-hightlighted-label`,children:U})]}):e.jsxRuntimeExports.jsx(c.OptionLabelSlice,{component:"span",cssClasses:x?.label,customAttributes:N,"data-testid":`${w}-label`,children:g})})]}),B&&e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:x?.checkedicon,customAttributes:N,...t})]}),!!b&&b]})});exports.OptionStandAlone=d;

package/dist/cjs/components/option/utils/option.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../lib/types/states/states.js");exports.getHighlightedIndexes=(e,t)=>{let E=0,S=0;if(t){const T=e.toLocaleLowerCase(),s=t.toLocaleLowerCase();T.includes(s)&&(E=T.indexOf(s),S=E+t.length)}return{firstHighlightedIndex:E,lastHighlightedIndex:S}},exports.getState=(t,E,S,T,s,L)=>t?e.STATES.DISABLED:E?e.STATES.FOCUS:S?T?s?e.STATES.MULTIPLE_SELECTED_HOVER:e.STATES.MULTIPLE_SELECTED:s?e.STATES.SELECTED_HOVER:e.STATES.SELECTED:s?e.STATES.HOVER:L?e.STATES.FILLING:e.STATES.DEFAULT;

package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js");exports.ArrowControlStandAlone=({cssArrowControlClasses:r,disabled:s=!1,...o})=>{const n={"data-state":s?"inactive":"active"};return e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:r?.icon,customAttributes:n,disabled:s,...o})};

package/dist/cjs/components/pageControl/components/buttonControlStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.ButtonControlStandAlone=({cssPageControlClasses:e,disabled:o=!1,position:i,...r})=>{const u=s.pickCustomAttributes(r);return t.jsxRuntimeExports.jsx("button",{className:e,disabled:o,type:"button",...r,...u})};

package/dist/cjs/components/pageControl/components/controls.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../helper/controlType.js"),s=require("./arrowControlStandAlone.js"),e=require("./buttonControlStandAlone.js");exports.Controls=({control:n,cssArrowControlClasses:l,cssPageControlClasses:i,position:u,...c})=>{const a=o.pickCustomAttributes(c),p="left"===u?l?.leftbuttoncontrol:l?.rightbuttoncontrol,x="left"===u?l?.leftarrowcontrolcontainer:l?.rightarrowcontrolcontainer;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[n&&!r.isElementOrIconProps(n)&&t.jsxRuntimeExports.jsx(e.ButtonControlStandAlone,{...n,cssPageControlClasses:p,position:u,...a}),r.isElementOrIconProps(n)&&t.jsxRuntimeExports.jsx("div",{className:x,children:t.jsxRuntimeExports.jsx(s.ArrowControlStandAlone,{cssArrowControlClasses:l,...n})})]})};

package/dist/cjs/components/pageControl/helper/controlType.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.isElementOrIconProps=e=>void 0!==e?.icon;

package/dist/cjs/components/pageControl/helper/positions.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.calcFirstLastVisiblePosition=({currentPosition:t,direction:i,dots:e,isBullet:o,pages:s})=>{let r=0,n=r+e-1;return o&&"forth"!==i?s-e<=t?(n=s-1,r=n-(e-1)):(r=t,n=r+e-1):t-e<0?(r=0,n=r+e-1):(n=t,r=n-(e-1)),{firstVisiblePosition:r,lastVisiblePosition:n}},exports.getPositionWithIn=(t,i)=>Math.max(0,Math.min(t,i-1));

package/dist/cjs/components/pageControl/index.js

@@ -0,0 +1,2 @@
+const { PageControl } = require('./pageControl.js');
+module.exports = { ...module.exports, PageControl };

package/dist/cjs/components/pageControl/pageControl.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),o=require("./helper/positions.js"),i=require("./pageControlStandAlone.js"),r=e.forwardRef(({additionalArrowControlClasses:r,additionalPageControlClasses:a,arrowsControlVariant:n,currentPosition:l,isBullet:u=!1,maxDots:C=5,pages:c,variant:d,...P},m)=>{const p=t.useClassName({additionalClassNames:r,component:"PAGE_CONTROL",variant:n}),g=t.useClassName({additionalClassNames:a,component:"PAGE_CONTROL",variant:d}),b=e.useRef(0),f=e.useMemo(()=>{let s="forth";return l<b.current&&(s="back"),b.current=l,s},[l]),j=c>C?C:c,N=o.getPositionWithIn(l,c),{firstVisiblePosition:x,lastVisiblePosition:A}=o.calcFirstLastVisiblePosition({currentPosition:N,direction:f,dots:j,isBullet:u,pages:c});return s.jsxRuntimeExports.jsx(i.PageControlStandAlone,{ref:m,cssArrowControlClasses:p,cssPageControlClasses:g,currentPosition:N,dots:j,firstVisiblePosition:x,isBullet:u,lastVisiblePosition:A,pages:0,...P})});exports.PageControl=r;

package/dist/cjs/components/pageControl/pageControlStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),s=require("react"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("./components/controls.js"),i=s.forwardRef(({cssArrowControlClasses:s,cssPageControlClasses:i,currentPosition:r,dots:a,firstVisiblePosition:n,isBullet:l,lastVisiblePosition:c,leftControl:u,pages:d,rightControl:p,...x},m)=>{const j=x["data-testid"]||"page-control";return t.jsxRuntimeExports.jsx("div",{ref:m,className:i?.page_control,"data-testid":j,children:a>0&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(e.Controls,{control:u,cssArrowControlClasses:s,cssPageControlClasses:i,currentPosition:r,"data-testid":`${j}-left-control`,dots:a,firstVisiblePosition:n,lastVisiblePosition:c,pages:d,position:"left"}),t.jsxRuntimeExports.jsxs("div",{className:i?.dotscontainer,children:[l&&n>0&&t.jsxRuntimeExports.jsx("div",{...o.pickCustomAttributes({"data-state":"last"}),className:i?.pagedot}),[...Array(a)].map((s,e)=>{const a=e+n,l={"data-state":a===r?"current":"default"};return t.jsxRuntimeExports.jsx("div",{...o.pickCustomAttributes(l),className:i?.pagedot},`Dot-middle--${a}`)}),l&&(c??0)<(d??0)-1&&t.jsxRuntimeExports.jsx("div",{...o.pickCustomAttributes({"data-state":"last"}),className:i?.pagedot})]}),t.jsxRuntimeExports.jsx(e.Controls,{control:p,cssArrowControlClasses:s,cssPageControlClasses:i,currentPosition:r,"data-testid":`${j}-right-control`,dots:a,firstVisiblePosition:n,lastVisiblePosition:c,pages:d,position:"right"})]})})});exports.PageControlStandAlone=i;

package/dist/cjs/components/pagination/fragments/paginationButtonControl.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../../lib/utils/classNames/classNames.js");exports.PaginationButtonControl=({cssClasses:s,disabled:i,paginationButtonControl:o,position:n="left"})=>{const r={"data-state":i?"disabled":""};return t.jsxRuntimeExports.jsx(e.ElementOrIcon,{altText:o?.ariaLabel,"aria-controls":o?.ariaControls,"aria-label":o?.ariaLabel,className:a.classNames({[`${s?.paginationleftarrowicon}`]:"left"===n},{[`${s?.paginationrightarrowicon}`]:"right"===n}),customAttributes:r,disabled:i,icon:o?.icon,onClick:t=>{i||o?.onClick?.(t)}})};

package/dist/cjs/components/pagination/helpers/adjustMaxCountersNumber.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.adjustMaxCountersNumber=({maxStepsNumber:e,propMaxCountersNumber:t})=>{let r;return e<=3?(r=e,r):(r=t||5,e>3&&r<=2&&(r=3),r=Math.min(e,r),r)};

package/dist/cjs/components/pagination/helpers/getMaxCountersNumber.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=(e,t)=>[...Array(e)].map((e,r)=>t+1+r);exports.buildstepsNumber=(t,r,s)=>{let o=s,a=[],l=[],i=[],c=[],n=t+1;n>=s&&r!==s&&(a=[1,"..."],o--),(r+1-n>=s||n<s&&r-s>=1)&&r!==s&&(l=["...",r],o--);const p=n<=o,u=Math.abs(r-n)<o;if(p)n=1,c=e(o-1,n);else if(u)n=r-o+1,c=e(o-1,n);else{const t=(o-1)/2,r=Math.floor(t),s=Math.ceil(t);i=((e,t)=>[...Array(e)].map((r,s)=>t-(e-s)))(r,n),c=e(s,n)}return[...a,...i,n,...c,...l]};

package/dist/cjs/components/pagination/index.js

@@ -0,0 +1,2 @@
+const { Pagination } = require('./pagination.js');
+module.exports = { ...module.exports, Pagination };

package/dist/cjs/components/pagination/pagination.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./helpers/adjustMaxCountersNumber.js"),a=require("./helpers/getMaxCountersNumber.js"),u=require("./paginationStandAlone.js"),i=s.forwardRef(({additionalClasses:s,currentStep:i,maxCountersNumber:n,maxStepsNumber:o,variant:m,...l},p)=>{const b=r.useClassName({additionalClassNames:s,component:"PAGINATION",variant:m}),d=Math.max(0,Math.min(i,o-1)),x=t.adjustMaxCountersNumber({maxStepsNumber:o,propMaxCountersNumber:n}),N=a.buildstepsNumber(d,o,x),j=N.indexOf(d+1),C=0===d,c=d===o-1;return e.jsxRuntimeExports.jsx(u.PaginationStandAlone,{ref:p,cssClasses:b,leftDisabled:C,rightDisabled:c,stepActive:j,stepsNumber:N,...l})});exports.Pagination=i;

package/dist/cjs/components/pagination/paginationStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../text/text.js"),n=require("../../lib/types/states/states.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js"),a=require("./fragments/paginationButtonControl.js"),r=e.forwardRef(({cssClasses:e,leftDisabled:r,onStepClick:u,paginationLeftButtonControl:p,paginationRightButtonControl:l,rightDisabled:c,stepActive:d,stepsNumber:m,...x},C)=>{const g=x["data-testid"]||"pagination";return t.jsxRuntimeExports.jsxs("div",{ref:C,className:e?.pagination,"data-testid":g,children:[t.jsxRuntimeExports.jsx(a.PaginationButtonControl,{cssClasses:e,disabled:r,paginationButtonControl:p}),t.jsxRuntimeExports.jsx("div",{className:e?.pagescontainer,"data-testid":`${g}-steps-content`,children:m.map((a,r)=>{const p="number"==typeof a,l={"data-clickable":p,"data-state":d===r?n.STATES.SELECTED:n.STATES.DEFAULT},c=o.pickCustomAttributes(x);return t.jsxRuntimeExports.jsx(i.CustomComponent,{className:e?.pagecontainer,component:p?"button":void 0,type:p?"button":void 0,onClick:p?u?.(a-1):void 0,...c,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:e?.page},component:"span",customAttributes:l,children:a})},`PaginationContent-${a}-${r.toString()}`)})}),t.jsxRuntimeExports.jsx(a.PaginationButtonControl,{cssClasses:e,disabled:c,paginationButtonControl:l,position:"right"})]})});exports.PaginationStandAlone=r;

package/dist/cjs/components/popover/hooks/positioning/arrowPositionStyles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./types.js"),e=({arrowElement:e,arrowX:r,arrowY:o,offset:s="0px",placement:l})=>{if(!e)return;e.setAttribute("data-kbt-placement",l),e.style.top="",e.style.right="",e.style.bottom="",e.style.left="";const a=l.split("-")[0],n=t.ArrowPositions[a];e.style[n]=s;if("top"===a||"bottom"===a){null!=r?(e.style.left=`${r}px`,e.style.transform="rotate(45deg)"):(e.style.left="50%",e.style.transform="translateX(-50%) rotate(45deg)")}else{null!=o?(e.style.top=`${o}px`,e.style.transform="rotate(45deg)"):(e.style.top="50%",e.style.transform="translateY(-50%) rotate(45deg)")}};exports.positionArrow=(t,r,o,s,l,a)=>{if(!t||!o.arrow||!r)return;const{x:n,y:p}=o.arrow;let y=`-${Math.floor(a/2)}px`;l&&void 0!==l[0]&&(y=-Math.abs(l[0]/4)+"px"),e({arrowElement:r,arrowX:n,arrowY:p,offset:y,placement:s})},exports.updateArrowStyles=e;

package/dist/cjs/components/popover/hooks/positioning/middlewareUtils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@floating-ui/dom"),t=require("../../utils/placement.utils.js");exports.calculateMainAxisOffset=({arrowSize:e,hasArrow:t,offsetDistance:i})=>"number"==typeof i?.[0]?i[0]:t?e:0,exports.getMiddlewareStack=({arrowElement:i,customMiddlewares:s,edgePadding:r,hideWhenDetached:a,isBodyAnchor:n,mainAxisOffset:d,offsetDistance:o,placement:h})=>{let c=[];return c=s?.length?[...s]:n?((i,s)=>{const r=t.getPlacementDirection(i),a=[];return"center"===r?a.push(e.shift({crossAxis:!0,mainAxis:!0,padding:s})):r.startsWith("right")||r.startsWith("left")?a.push(e.offset({alignmentAxis:0,mainAxis:0})):(r.startsWith("bottom")||r.startsWith("top"))&&a.push(e.offset({mainAxis:0})),a})(h,r):((t,i,s)=>{const r=[];return r.push(e.offset({crossAxis:i?.[1]||0,mainAxis:t})),r.push(e.flip({fallbackAxisSideDirection:"start",padding:s})),r.push(e.shift({padding:s})),r})(d,o,r),(({arrowElement:t,edgePadding:i,hideWhenDetached:s,isBodyAnchor:r,middlewareStack:a})=>{!r&&s&&a.push(e.hide()),t&&a.push(e.arrow({element:t,padding:i}))})({arrowElement:i,edgePadding:r,hideWhenDetached:a,isBodyAnchor:n,middlewareStack:c}),c};

package/dist/cjs/components/popover/hooks/positioning/positionCalculation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.determinePositioningConfig=(t,e,a)=>{if(t){const t="fixed";if(!a){return{actualPlacement:"center",autoStrategy:t}}if("center"===a){return{actualPlacement:a,autoStrategy:t}}return{actualPlacement:a,autoStrategy:t}}return{actualPlacement:a||"top",autoStrategy:e}};

package/dist/cjs/components/popover/hooks/positioning/positionStyles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../types/animation.js"),o=({edgePadding:o=0,isBodyAnchor:r=!0,placement:e=t.DEFAULT_PLACEMENT,strategy:i,useFloatingUICoordinates:n=!1,x:a=0,y:s=0})=>{if(!r)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:i,right:"auto",top:`${s}px`,transform:"",transformOrigin:""};if(n)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:"fixed",right:"auto",top:`${s}px`,transformOrigin:"center bottom"};const x={bottom:{bottom:`${o}px`,boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"auto",transform:"translateX(-50%)",transformOrigin:"center bottom"},"bottom-end":{bottom:`${o}px`,boxSizing:"border-box",left:"auto",position:"fixed",right:`${o}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"bottom-start":{bottom:`${o}px`,boxSizing:"border-box",left:`${o}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},center:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"50%",transform:"translate(-50%, -50%)",transformOrigin:"center center"},defaultStyle:{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:i,right:"auto",top:`${s}px`},left:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:"50%",transform:"translateY(-50%)",transformOrigin:"left center"},"left-end":{bottom:`${o}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},"left-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:`${o}px`,transform:"none",transformOrigin:"left top"},right:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:"50%",transform:"translateY(-50%)",transformOrigin:"right center"},"right-end":{bottom:`${o}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"right-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:`${o}px`,transform:"none",transformOrigin:"right top"},top:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:`${o}px`,transform:"translateX(-50%)",transformOrigin:"center top"},"top-end":{bottom:"auto",boxSizing:"border-box",left:"auto",position:"fixed",right:`${o}px`,top:`${o}px`,transform:"none",transformOrigin:"right top"},"top-start":{bottom:"auto",boxSizing:"border-box",left:`${o}px`,position:"fixed",right:"auto",top:`${o}px`,transform:"none",transformOrigin:"left top"}};return x[e]||x.defaultStyle};exports.applyPositionStyles=({edgePadding:r=0,hasCustomMiddlewares:e=!1,isBodyAnchor:i,middlewareStack:n=[],placement:a,ref:s,strategy:x,x:f=0,y:p=0})=>{if(s?.current)if(i?s.current.setAttribute("data-kbt-placement",a||t.DEFAULT_PLACEMENT):s.current.setAttribute("data-kbt-placement",s.current.getAttribute("data-kbt-placement")||a||"bottom"),i){const t=n.some(t=>"body-auto-centering"===t.name),i=o({edgePadding:r,placement:a,strategy:x,useFloatingUICoordinates:e||t,x:f,y:p});Object.assign(s.current.style,i)}else{const t=o({edgePadding:r,isBodyAnchor:!1,placement:a,strategy:x,x:f,y:p});Object.assign(s.current.style,t)}},exports.getPositionStyles=o;

package/dist/cjs/components/popover/hooks/positioning/types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.ArrowPositions={bottom:"top",left:"right",right:"left",top:"bottom"};

package/dist/cjs/components/popover/hooks/usePopoverInteractions.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("../../../lib/hooks/useClickOutside/useClickOutside.js"),t=require("../../../lib/utils/keyboard/keyboard.js");exports.usePopoverInteractions=({disableClickOverlayClose:r=!1,disableEscapeClose:o=!1,isVisible:i,onClose:n,popoverRef:l,preventCloseOnClickElements:u=[]})=>{const c=e.useMemo(()=>u.filter(Boolean),[u]),a=e.useCallback(e=>{if(!i||r)return;const s=e.target;if(l.current?.contains(s))return;c.some(e=>e.contains(s))||n?.()},[i,r,l,c,n]);return s.useClickOutside(l,a,c),e.useEffect(()=>{if(!i)return;const e=e=>{t.isKeyEscapePressed(e.key)&&(e.preventDefault(),e.stopPropagation(),o||n?.())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[o,i,n]),{handleClickOutside:a}};

package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/hooks/syncRefs/syncRefs.js"),l=require("../../../lib/hooks/useScrollBlock/useScrollBlock.js"),n=require("../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.js"),o=require("../../../lib/utils/focusHandlers/focusHandlers.js");exports.usePopoverLifecycle=({animationExitDuration:s=200,disableAnimations:t,disableAutoFocusFirstDescendant:u=!1,disableAutoFocusFirstDescendantAfterClose:c=!0,disableRestoreFocusAfterClose:i=!1,disableScrollBackground:a=!1,open:f=!1,popoverContainerRef:d,preventScrollOnCloseFocus:b=!1})=>{const m=e.useRef(null),S=e.useRef(!1),k=e.useRef(null),p=e.useRef(null),[R,v]=e.useState(f),[C,w]=e.useState(!1),F=n.convertDurationToNumber(s),{allowScroll:D,blockScroll:y}=l.useScrollBlock(),A=e.useCallback(()=>{!u&&m.current&&o.focusFirstDescendant({element:m.current,preventScroll:!0})},[u]),T=e.useCallback(()=>{i?c||o.focusFirstDescendant({element:document.body}):p.current?.focus({preventScroll:b})},[i,b,c]);e.useEffect(()=>{f&&(p.current=document.activeElement,v(!0),w(!1))},[f]),e.useEffect(()=>(!f&&R&&(t?(T(),v(!1),w(!1)):(w(!0),k.current=window.setTimeout(()=>{T(),v(!1),w(!1)},F))),()=>{null!==k.current&&(window.clearTimeout(k.current),k.current=null)}),[f,R,t,F,T]);const j=e.useCallback(e=>{m.current=e,A(),a&&!S.current&&(S.current=!0,y({elementsToOmit:[m.current]}))},[y,A,a]),q=e.useCallback(()=>{S.current&&D(),m.current=null},[D]);return{handleInnerRef:e.useCallback(e=>{e?j(e):q(),r.syncInnerAndForwardedRef({forwardedRef:d,innerRef:m})},[d,q,j]),isClosing:C,isVisible:R,popoverRef:m}};

package/dist/cjs/components/popover/hooks/usePopoverPositioning.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@floating-ui/dom"),t=require("react"),r=require("./positioning/arrowPositionStyles.js"),n=require("./positioning/middlewareUtils.js"),i=require("./positioning/positionCalculation.js"),a=require("./positioning/positionStyles.js");exports.usePopoverPositioning=({anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:d={},middlewares:l=[],placement:u,ref:m,strategy:f})=>{const{edgePadding:p=0,hideWhenDetached:g,offsetDistance:w}=d,y=t.useRef(document.body),h=t.useRef(null),b=t.useRef({anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:{edgePadding:p,hideWhenDetached:g,offsetDistance:w},middlewares:l,placement:u,ref:m,strategy:f});t.useEffect(()=>{b.current={anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:{edgePadding:p,hideWhenDetached:g,offsetDistance:w},middlewares:l,placement:u,ref:m,strategy:f}},[s,u,w,p,g,l,f,c,m,o]);const S=t.useCallback(()=>m?.current&&c&&o?(h.current=m.current.querySelector('[data-kbt-id="popover-arrow"]'),h.current):null,[m,c,o]);t.useEffect(()=>{const e=()=>{!S()&&c&&o&&m?.current&&requestAnimationFrame(e)};e()},[S,c,o]);const P=t.useCallback((e,t)=>e&&t?.current&&document.body.contains(t.current),[]),k=t.useCallback((e,t,n,i,s,c,d,l,u,m,f,p,g,w=[],y=[])=>{e?.current&&(a.applyPositionStyles({edgePadding:d,hasCustomMiddlewares:w.length>0,isBodyAnchor:t,middlewareStack:y,placement:n,ref:e,strategy:c,x:i,y:s}),t||e.current.setAttribute("data-kbt-placement",m),r.positionArrow(!!o,l,u,m,f,p),g?.())},[o]),D=t.useCallback((e,t,r,i,a,s,c)=>{const d=n.calculateMainAxisOffset({arrowSize:t,hasArrow:!!o,offsetDistance:e}),l=h.current;return{arrowElement:l,middlewareStack:n.getMiddlewareStack({arrowElement:l,customMiddlewares:s,edgePadding:i,hideWhenDetached:c?.hideWhenDetached,isBodyAnchor:r,mainAxisOffset:d,offsetDistance:e,placement:a})}},[o]),E=t.useCallback((e,t,r,n,i,a,s,o,c,d,l,u,m,f=[],p=[])=>{const g=t.hide?.referenceHidden||t.hide?.escaped;e.current&&(e.current.style.opacity=g?"0":"",e.current.style.pointerEvents=g?"none":""),g||k(e,r,n,i,a,s,o,c,t,d,l,u,m,f,p)},[k]),C=t.useCallback(async()=>{const{anchorElement:t,arrowStyles:r,middlewareOptions:n,middlewares:a,onPositioned:s,placement:o,ref:c,strategy:d}=b.current,l=n?.offsetDistance,u=n?.edgePadding??8,m=r?.size||0,f=t||y.current;if(!c?.current||!P(f,c))return;const p=f===document.body,{arrowElement:g,middlewareStack:w}=D(l,m,p,u,o,a,n||{}),{actualPlacement:h,autoStrategy:S}=i.determinePositioningConfig(p,d,o),k="center"===h?"top":h,C=await e.computePosition(f,c.current,{middleware:w,placement:k,strategy:S}),{middlewareData:q,placement:A,x:O,y:x}=C;E(c,q,p,h,O,x,d,u,g,A,l,m,s,a,w)},[]);t.useEffect(()=>{if(!c||!m?.current)return;m.current.offsetHeight,C();const t=s??y.current;let r=()=>{};return r=e.autoUpdate(t,m.current,C,{ancestorResize:!0,ancestorScroll:!0,animationFrame:!1,elementResize:!0}),()=>{r()}},[c,s,C])};

package/dist/cjs/components/popover/index.js

@@ -0,0 +1,3 @@
+module.exports = { ...module.exports, ...require('./middlewares.js') };
+const { Popover } = require('./popover.js');
+module.exports = { ...module.exports, Popover };

package/dist/cjs/components/popover/popover.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),i=require("./hooks/usePopoverInteractions.js"),l=require("./hooks/usePopoverLifecycle.js"),a=require("./hooks/usePopoverPositioning.js"),n=require("./popoverStandAlone.js"),t=s.forwardRef(({additionalClasses:s,anchorElement:t,animationExitDuration:u=200,disableAnimations:c=!1,disableAutoFocusFirstDescendant:p=!1,disableAutoFocusFirstDescendantAfterClose:d=!0,disableClickOverlayClose:C=!1,disableEscapeClose:b=!1,disableRestoreFocusAfterClose:m=!1,disableScrollBackground:v=!1,disableTrapFocus:f=!1,middlewareOptions:F,middlewares:A,onClose:P,open:O=!1,popoverContainerRef:g,preventCloseOnClickElements:j=[],preventScrollOnCloseFocus:k=!1,strategy:y="absolute",...E},R)=>{const S=c||!!t,h=o.useClassName({additionalClassNames:s,component:"POPOVER"}),{handleInnerRef:q,isClosing:w,isVisible:x,popoverRef:D}=l.usePopoverLifecycle({animationExitDuration:u,disableAnimations:S,disableAutoFocusFirstDescendant:p,disableAutoFocusFirstDescendantAfterClose:d,disableRestoreFocusAfterClose:m,disableScrollBackground:v,open:O,popoverContainerRef:g,preventScrollOnCloseFocus:k});return r.useTrapFocus({ref:D,trapFocus:!f&&x}),i.usePopoverInteractions({disableClickOverlayClose:C,disableEscapeClose:b,isVisible:x,onClose:P,popoverRef:D,preventCloseOnClickElements:j}),a.usePopoverPositioning({anchorElement:t,arrowStyles:E.arrowStyles,isVisible:x,middlewareOptions:F,middlewares:A,placement:E.placement,ref:D,strategy:y}),e.jsxRuntimeExports.jsx(n.PopoverStandAlone,{ref:R,...E,anchorElement:!!t,cssClasses:h,disableAnimations:S,isClosing:w,isVisible:x,middlewareOptions:F,popoverContainerRef:q,strategy:y})});exports.Popover=t;

package/dist/cjs/components/popover/popoverStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css                  */const t=require("react"),s=require("../../lib/components/customComponent/customComponent.js"),r=require("../../lib/utils/classNames/classNames.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("./utils/styling.utils.js"),i=t.forwardRef(({anchorElement:t,arrowStyles:i,children:n,component:l="div",cssClasses:d,disableAnimations:m,id:u,isClosing:c,isVisible:p,overlay:b,placement:x,popoverContainerRef:j,zIndex:k="auto",...v},y)=>{const C=o.pickCustomAttributes(v,!0),{"data-testid":f="popover",...g}=C;return e.jsxRuntimeExports.jsx("div",{ref:y,"data-testid":f,id:u,children:p&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[b,e.jsxRuntimeExports.jsxs(s.CustomComponent,{ref:j,...g,...v,className:r.classNames(d?.popover),component:l,"data-kbt-anchor-element":t,"data-kbt-closing":c,"data-kbt-disable-animations":m,"data-kbt-has-arrow":!!i,"data-kbt-id":"popover","data-kbt-placement":x,style:{zIndex:k||"auto"},children:[!!i&&e.jsxRuntimeExports.jsx("div",{className:r.classNames(d?.arrow),"data-kbt-arrow-border":!!i,"data-kbt-id":"popover-arrow","data-kbt-placement":x,style:{...x?a.getArrowBorderStyles(x,i):{},zIndex:"number"==typeof k?k+1:k}}),n]})]})})});exports.PopoverStandAlone=i;

package/dist/cjs/components/popover/styles/index.css

@@ -0,0 +1 @@
+@import "./popover.css";@import "./popover-arrow.css";

package/dist/cjs/components/popover/styles/keyframes.css

@@ -0,0 +1 @@
+@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%) translateX(0)}to{opacity:0;transform:translateY(-50%) translateX(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%) translateX(20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%) translateX(0)}to{opacity:0;transform:translateY(-50%) translateX(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.popover-animate{animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.16,1,.3,1)}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}

package/dist/cjs/components/popover/styles/popover-arrow.css

@@ -0,0 +1 @@
+[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(var(--arrow-size, 8px)*-1/2);left:50%;transform:translateX(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{left:50%;top:calc(var(--arrow-size, 8px)*-1/2);transform:translateX(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(var(--arrow-size, 8px)*-1/2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(var(--arrow-size, 8px)*-1/2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{left:50%;top:calc(var(--arrow-size, 8px)*-1/2);transform:translateX(-50%) rotate(45deg)}

package/dist/cjs/components/popover/styles/popover.css

@@ -0,0 +1 @@
+@import "./keyframes.css";[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:cubic-bezier(.16,1,.3,1)}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix:"popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name,popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix:"popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name,popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}

package/dist/cjs/components/popover/types/animation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.DEFAULT_PLACEMENT="center";

package/dist/cjs/components/popover/utils/placement.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../types/animation.js");exports.getPlacementDirection=e=>e?e.startsWith("top")?"top":e.startsWith("bottom")?"bottom":e.startsWith("left")?"left":e.startsWith("right")?"right":t.DEFAULT_PLACEMENT:t.DEFAULT_PLACEMENT;

package/dist/cjs/components/popover/utils/styling.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./placement.utils.js"),e={bottom:r=>({borderLeft:r,borderTop:r}),left:r=>({borderRight:r,borderTop:r}),right:r=>({borderBottom:r,borderLeft:r}),top:r=>({borderBottom:r,borderRight:r})};exports.getArrowBorderStyles=(o,t)=>{if(!t)return{};const i={"--arrow-size":`${t.size}px`,backgroundColor:t.backgroundColor,height:`${t.size}px`,width:`${t.size}px`};if(t.border){const b=r.getPlacementDirection(o),d=e[b];d&&Object.assign(i,d(t.border))}return i};

package/dist/cjs/components/portal/index.js

@@ -0,0 +1,2 @@
+const { Portal } = require('./portal.js');
+module.exports = { ...module.exports, Portal };

package/dist/cjs/components/portal/portal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-dom");exports.Portal=({children:t,wrapperId:r})=>{let o=document.body;return r&&(o=document.getElementById(r),o||(o=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(r))),e.createPortal(t,o)};

package/dist/cjs/components/progressBar/index.js

@@ -0,0 +1,2 @@
+const { ProgressBar } = require('./progressBar.js');
+module.exports = { ...module.exports, ProgressBar };

package/dist/cjs/components/progressBar/progressBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./progressBarStandAlone.js"),t=e.forwardRef(({additionalSizeClasses:e,additionalVariantClasses:t,percentProgressCompleted:o,size:i,variant:n,...l},d)=>{const m=a.useClassName({additionalClassNames:t,component:"PROGRESS_BAR",variant:n}),u=a.useClassName({additionalClassNames:e,component:"PROGRESS_BAR",variant:i}),C=o?Math.min(Math.max(o,0),100):0;return s.jsxRuntimeExports.jsx(r.ProgressBarStandalone,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:m,progressCompleted:C})});exports.ProgressBar=t;

package/dist/cjs/components/progressBar/progressBarStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),r=require("react"),e=require("../../lib/utils/classNames/classNames.js"),a=require("../slider/slider.js"),t=r.forwardRef(({barAriaLabel:r,color:t,cssSizeClasses:i,cssVariantClasses:o,onChange:n,onDragEnd:l,onDragStart:d,progressAnimation:u,progressCompleted:c,tooltip:x,useAsSlider:m=!1,...p},g)=>{const j=p["data-testid"]||"progress-bar",b={backgroundColor:t?.bar},E={backgroundColor:t?.progressBar,transition:`width ${u?.duration} ${u?.timingFunction}`,width:`${c}%`};return s.jsxRuntimeExports.jsx("div",{ref:g,className:o?.progress_bar,"data-testid":`${j}-progressbar`,children:s.jsxRuntimeExports.jsx("div",{className:o?.barcontainer,children:m?s.jsxRuntimeExports.jsx(a.Slider,{additionalClasses:o?.slider,ariaLabel:r,max:1e3,min:0,tooltip:x,type:"continuous",value:10*c,onChange:s=>{n&&!Array.isArray(s)&&n(s/10)},onDragEnd:l,onDragStart:d}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:e.classNames(i?.bar,o?.bar),"data-testid":j,style:b}),s.jsxRuntimeExports.jsx("div",{className:e.classNames(i?.progressbar,o?.progressbar),style:E})]})})})});exports.ProgressBarStandalone=t;

package/dist/cjs/components/radioButton/index.js

@@ -0,0 +1,4 @@
+const { RadioButton } = require('./radioButton.js');
+module.exports = { ...module.exports, RadioButton };
+const { RadioButtonStandAlone } = require('./radioButtonStandAlone.js');
+module.exports = { ...module.exports, RadioButtonStandAlone };

package/dist/cjs/components/radioButton/radioButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./radioButtonStandAlone.js"),a=require("./utils/state.utils.js");exports.RadioButton=({additionalClasses:r,checked:o=!1,cssClasses:i,disabled:l=!1,error:n=!1,variant:u,...d})=>{const c=e.useClassName({additionalClassNames:r,component:"RADIO_BUTTON",variant:u}),j=a.getState(o,l,n);return s.jsxRuntimeExports.jsx(t.RadioButtonStandAlone,{cssClasses:i??c,state:j,...d,checked:o,disabled:l,error:n})};

package/dist/cjs/components/radioButton/radioButtonStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../label/labelStandAlone.js"),r=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processText/processText.js"),n=require("./utils/aria.utils.js");exports.RadioButtonStandAlone=({altVariant:d=!1,checked:c,cssClasses:u,disabled:x,error:m,errorAriaLiveType:b,errorIcon:p,errorMessage:j,id:h,label:g,lastChild:R,name:v,onBlur:E,onChange:I,screenReaderId:N,state:T,subTitle:y,tabIndex:A,value:C,...q})=>{let k=`radiobutton-${s.useId().replace(/:/g,"")}`;k=h??k;const _=o.processText(y).id&&`${k}__description`,f=j&&`${k}__error`,B={"data-state":T},S=l.pickCustomAttributes(B),$=q["data-testid"]??"radio-button";return e.jsxRuntimeExports.jsxs("div",{className:u?.rowcontainer,"data-testid":$,...S,style:{display:g?"grid":"block",marginBottom:R?0:void 0},children:[e.jsxRuntimeExports.jsx("div",{...S,className:u?.radiobuttoncontainer,children:e.jsxRuntimeExports.jsx("input",{"aria-describedby":n.buildAriaLabelledBy({descriptionId:_,error:m,errorMessage:j,errorMessageId:f,screenReaderId:N}),"aria-hidden":q["aria-hidden"],"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],checked:c,className:a.classNames(u?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${$}-input`,disabled:x,id:k,name:v,tabIndex:A,type:"radio",value:C,onBlur:E,onChange:I,...S})}),e.jsxRuntimeExports.jsxs("div",{className:u?.infocontainer,children:[!!g?.content&&e.jsxRuntimeExports.jsx("div",{className:u?.labelcontainer,children:e.jsxRuntimeExports.jsx(t.LabelStandAlone,{cursor:x?"default":"pointer",customAttributes:B,inputId:k,textCssClasses:a.classNames(u?.label,{[`${u?.speciallabel}`]:!!y}),...g,children:g?.content})}),!!o.processText(y).children&&("string"==typeof o.processText(y)?e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:u?.sublabel},...o.processText(y),id:_}):e.jsxRuntimeExports.jsx("div",{id:_,children:o.processText(y).children})),!(!m||!j)&&e.jsxRuntimeExports.jsx("div",{"aria-live":b,className:u?.errormessagecontainer,id:f,...S,children:e.jsxRuntimeExports.jsxs(r.Text,{additionalClasses:{text:u?.errormessage},customAttributes:B,children:[!!p&&e.jsxRuntimeExports.jsx("span",{...S,className:u?.errormessageiconcontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:u?.errormessageicon,customAttributes:B,...p})}),j]})})]})]})};

package/dist/cjs/components/radioButton/utils/aria.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.buildAriaLabelledBy=({descriptionId:e,error:r,errorMessage:t,errorMessageId:o,screenReaderId:s})=>{let d="";e&&(d+=`${e}`),s&&(d+=` ${s}`),t&&r&&(d+=` ${o}`);const i=d.trim();return i.length>0?i:void 0};

package/dist/cjs/components/radioButton/utils/state.utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../../lib/types/states/states.js");exports.getState=(S=!1,t=!1,e=!1)=>{const T=e,s=t,r=S;return T&&!r?E.STATES.ERROR:T&&r?E.STATES.ERROR_SELECTED:s&&!r?E.STATES.DISABLED:s&&r?E.STATES.DISABLED_SELECTED:r?E.STATES.SELECTED:E.STATES.DEFAULT};

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("react"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../hooks/useBorderAnimation.js");exports.SelectorBoxFileAnimation=({children:n,cssClasses:a,focus:o,onAnimationCompleted:r,percentage:m,state:c,...u})=>{const{bottomRef:l,leftRef:x,rightRef:d,topRef:p}=s.useBorderAnimation({onAnimationCompleted:r,percentage:m}),j={"data-focus":o,"data-state":c},f=i.pickCustomAttributes({...j}),R=a?.animationcontainer,E=a?.topanimationcontainer,b=a?.rightanimationcontainer,h=a?.bottomanimationcontainer,v=a?.leftanimationcontainer,A=e.Children.map(n,t=>e.isValidElement(t)?e.cloneElement(t,{focus:o}):t);return R?t.jsxRuntimeExports.jsxs("div",{className:R,"data-focus":o,"data-testid":`${u["data-testid"]}-animations`,...f,children:[!!E&&t.jsxRuntimeExports.jsx("div",{...f,ref:p,className:E}),!!b&&t.jsxRuntimeExports.jsx("div",{...f,ref:d,className:b}),!!h&&t.jsxRuntimeExports.jsx("div",{...f,ref:l,className:h}),!!v&&t.jsxRuntimeExports.jsx("div",{...f,ref:x,className:v}),t.jsxRuntimeExports.jsx("div",{...f,className:a.borderanimationcontainer,children:n})]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:A})};

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../../lib/utils/process/processText/processText.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:c,cssClasses:r,filename:a,focus:x,htmlFor:u,loader:l,state:m})=>{const p={"data-focus":x,"data-state":m};return t.jsxRuntimeExports.jsxs("label",{className:r?.containerboxcontainer,"data-focus":x,htmlFor:u,...o.pickCustomAttributes(p),children:[t.jsxRuntimeExports.jsxs("span",{children:[l,t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:p,...c[m]?.icon}),t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:p,...c[m]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:r?.containerboxtextscontainer,...o.pickCustomAttributes(p),children:[!!a&&[n.STATES.LOADING,n.STATES.SUCCESS,n.STATES.ERROR].includes(m)&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:p,children:a}),t.jsxRuntimeExports.jsxs("span",{className:r?.actiondescriptioncontainer,children:[!!i.processText(c[m]?.actionText).children&&t.jsxRuntimeExports.jsxs("span",{className:r?.actioniconandactiontextcontainer,...o.pickCustomAttributes(p),children:[t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:r?.actionicon,customAttributes:p,...c[m]?.actionIcon}),t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:p,...i.processText(c[m]?.actionText),children:i.processText(c[m]?.actionText).children})]}),!!c[m]?.description&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:p,...i.processText(c[m]?.description),children:i.processText(c[m]?.description).children})]})]}),!!c[m]?.iconRight&&t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:p,...c[m]?.iconRight})})]})};

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processText/processText.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:a,errorMessageIcon:l,errorMessageId:n,state:x})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:o.processText(a)&&x===t.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:n,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.errormessageicon,...l}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...o.processText(a)})]}):null});

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../button/button.js"),e=require("../../text/text.js"),i=require("../../../lib/utils/process/processText/processText.js"),o=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:n,description:x,headerId:a,subtitle:l,title:c,tooltip:u,tooltipIcon:d})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:n?.titlesubtitlecontainer,id:a,children:[!!c&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.title},component:"h5",...i.processText(c)}),!!l&&t.jsxRuntimeExports.jsxs("div",{className:n?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.subtitle},...i.processText(l)}),t.jsxRuntimeExports.jsx(o.SelectorBoxFileTooltip,{cssClasses:n,tooltip:u,tooltipIcon:d})]})]}),!(!x&&!r)&&t.jsxRuntimeExports.jsxs("div",{className:n?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.description},...i.processText(x)}),(!!n?.button_variant||!!r?.size)&&(!!n?.button_size||!!r?.variant)&&t.jsxRuntimeExports.jsx(s.Button,{additionalSizeClasses:r?.variant?void 0:n?.button_size,additionalVariantClasses:r?.size?void 0:n?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})]})]});

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:n,tooltipIcon:s})=>{if(!s?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...s});return n?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...n,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};

package/dist/cjs/components/selectorBoxFile/hooks/useBorderAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../utils/animation/animation.js"),r="100%",n=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};exports.useBorderAnimation=({...i})=>{const s=e.useRef(null),u=e.useRef(null),c=e.useRef(null),a=e.useRef(null),[o,g]=e.useState(!1),[d,l]=e.useState(!1),[h,p]=e.useState(!1);return e.useEffect(()=>{0===i.percentage?(n(s.current,"width"),n(u.current,"height"),n(c.current,"width"),n(a.current,"height"),g(!1),l(!1),p(!1)):i.percentage>0&&(i.percentage>=0&&s?.current&&(s.current.style.width=`${t.getTopBarWith(i.percentage)}%`),o&&i.percentage>25&&u?.current&&(u.current.style.height=`${t.getRightBarHeight(i.percentage)}%`),d&&i.percentage>50&&c?.current&&(c.current.style.width=`${t.getBottomBarWith(i.percentage)}%`),h&&i.percentage>75&&a?.current&&(a.current.style.height=`${t.getLeftBarHeight(i.percentage)}%`))},[i.percentage,o,d,h]),e.useEffect(()=>{const e=()=>{g(s.current?.style.width===r)},t=()=>{l(u.current?.style.height===r)},n=()=>{p(c.current?.style.width===r)},o=()=>{a.current?.style.height===r&&i.onAnimationCompleted?.()};return s.current?.addEventListener("transitionend",e),u.current?.addEventListener("transitionend",t),c.current?.addEventListener("transitionend",n),a.current?.addEventListener("transitionend",o),()=>{s.current?.removeEventListener("transitionend",e),u.current?.removeEventListener("transitionend",t),c.current?.removeEventListener("transitionend",n),a.current?.removeEventListener("transitionend",o)}},[]),{bottomRef:c,leftRef:a,rightRef:u,topRef:s}};

package/dist/cjs/components/selectorBoxFile/index.js

@@ -0,0 +1,2 @@
+const { SelectorBoxFile } = require('./selectorBoxFile.js');
+module.exports = { ...module.exports, SelectorBoxFile };

package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./selectorBoxFileStandAlone.js"),a=require("./utils/state/state.js"),i=s.forwardRef(({additionalClasses:i,disabled:o=!1,error:n=!1,errorFileExtensionMessage:l={content:""},errorMaxSizeMessage:u={content:""},errorMessage:c={content:""},fileExtension:d,loading:x=!1,maxSize:S,onChange:g,onFileError:v,onSizeError:E,percentage:m=0,success:C=!1,variant:f,...j},p)=>{const z=t.useClassName({additionalClassNames:i,component:"SELECTOR_BOX_FILE",variant:f}),[F,M]=s.useState(!1),[q,B]=s.useState({validExtension:!0,validSize:!0});return e.jsxRuntimeExports.jsx(r.SelectorBoxFileStandAlone,{...j,ref:p,cssClasses:z,errorMessage:q.validExtension?q.validSize?c:u:l,focus:F,percentage:m,state:a.getState(x,C,n||!q.validExtension||!q.validSize,o),onBlur:()=>{M(!1)},onChange:e=>{(e=>{if(!e||0===e.length)return;const s=e[0],t=s.size/1024/1024,r=s.type;let a=!0,i=!0;S&&t>S&&(a=!1,E?.(!0)),d&&!d?.some(e=>r.includes(e))&&(i=!1,v?.(!0)),B({validExtension:i,validSize:a})})(e.target.files),g?.(e)},onFocus:()=>{M(!0)}})});exports.SelectorBoxFile=i;

package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/types/states/states.js"),o=require("./components/selectorBoxFileAnimation.js"),r=require("./components/selectorBoxFileContainerBox.js"),i=require("./components/selectorBoxFileErrorMessage.js"),n=require("./components/selectorBoxFileHeader.js"),l=s.forwardRef(({accept:l,button:a,containerBoxStateContent:c,cssClasses:x,description:d,errorMessage:u,errorMessageIcon:p,filename:m,focus:j,id:B,multiple:C,name:E,onAnimationCompleted:S,onBlur:b,onChange:g,onClick:f,onFocus:F,percentage:R,state:I,subtitle:h,title:A,tooltip:M,tooltipIcon:q,...v},y)=>{const T=`selectorboxfile-${s.useId().replace(/:/g,"")}`,$=B??T,k=`${$}HeaderId`,H=`${$}ErrorId`,N=v["data-testid"]??"selector-box-file";return e.jsxRuntimeExports.jsxs("div",{ref:y,children:[e.jsxRuntimeExports.jsxs("div",{className:x?.selector_box_file,"data-testid":N,children:[e.jsxRuntimeExports.jsxs("div",{className:x?.header,children:[!(!A&&!h)&&e.jsxRuntimeExports.jsx(n.SelectorBoxFileHeader,{button:a,cssClasses:x,description:d,headerId:k,subtitle:h,title:A,tooltip:M,tooltipIcon:q}),e.jsxRuntimeExports.jsx(o.SelectorBoxFileAnimation,{cssClasses:x,"data-testid":N,focus:j,percentage:R,state:I,onAnimationCompleted:S,children:e.jsxRuntimeExports.jsx(r.SelectorBoxFileContainerBox,{containerBoxStateContent:c,cssClasses:x,filename:m,focus:!1,htmlFor:$,state:I})})]}),e.jsxRuntimeExports.jsx(i.SelectorBoxFileErrorMessage,{cssClasses:x,errorMessage:u,errorMessageIcon:p,errorMessageId:H,state:I})]}),e.jsxRuntimeExports.jsx("input",{accept:l,"aria-describedby":(()=>{let e="";return(A||h)&&(e+=` ${k}`),I===t.STATES.ERROR&&u&&(e+=` ${H}`),e||void 0})(),className:"kbt-sr-only",disabled:I===t.STATES.DISABLED,id:$,multiple:C,name:E,type:"file",onBlur:b,onChange:g,onClick:f,onFocus:F})]})});exports.SelectorBoxFileStandAlone=l;

package/dist/cjs/components/selectorBoxFile/utils/animation/animation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../translateValue/translateValue.js"),e=(e,a,r)=>e>r?100:t.translateValue({inputMax:r,inputMin:a,outputMax:100,outputMin:0,value:e});exports.getBottomBarWith=t=>e(t,50,75),exports.getLeftBarHeight=t=>e(t,75,100),exports.getRightBarHeight=t=>e(t,25,50),exports.getTopBarWith=t=>e(t,0,25);

package/dist/cjs/components/selectorBoxFile/utils/state/state.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../lib/types/states/states.js");exports.getState=(S,e,T,s)=>s?t.STATES.DISABLED:T?t.STATES.ERROR:e?t.STATES.SUCCESS:S?t.STATES.LOADING:t.STATES.DEFAULT;

package/dist/cjs/components/selectorBoxFile/utils/translateValue/translateValue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.translateValue=({inputMax:t,inputMin:e,outputMax:u,outputMin:a,value:n})=>{if(e===t)return a;const r=a+(n-e)/(t-e)*(u-a);return Math.min(u,Math.max(a,r))};

package/dist/cjs/components/skeleton/index.js

@@ -0,0 +1,2 @@
+const { Skeleton } = require('./skeleton.js');
+module.exports = { ...module.exports, Skeleton };

package/dist/cjs/components/skeleton/skeleton.css

@@ -0,0 +1 @@
+@keyframes breatheAnimation{0%{background-position-x:0}to{background-position-x:-200%}}.kbt-skeleton{animation-delay:1ms;animation-duration:var(--skeleton-duration,2s);animation-iteration-count:infinite;animation-name:breatheAnimation;animation-timing-function:linear;background-size:200% 100%;height:var(--skeleton-height,20px);width:var(--skeleton-width,100%)}

package/dist/cjs/components/skeleton/skeleton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./skeletonStandAlone.js"),r=s.forwardRef(({additionalClasses:s,additionalShapeClasses:r,shapeVariant:n,variant:o,...i},l)=>{const u=a.useClassName({component:"SKELETON",variant:o}),p=a.useClassName({component:"SKELETON",variant:n});return e.jsxRuntimeExports.jsx(t.SkeletonStandAlone,{...i,ref:l,cssClasses:u,cssShapeClasses:p,shapeVariant:o})});exports.Skeleton=r;