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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.InputState={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/input/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:S,filled:a,focused:u})=>e&&a?t.InputState.DISABLED_FILLED:e?t.InputState.DISABLED_EMPTY:S&&a?t.InputState.ERROR_FILLED:S?t.InputState.ERROR_EMPTY:u?t.InputState.FOCUS:a?t.InputState.FILLED:t.InputState.EMPTY;

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

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

package/dist/cjs/components/inputBase/inputBase.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/useId/useId.js"),r=require("./inputBaseStandAlone.js"),i=require("./utils/state.js"),u=s.forwardRef(({additionalClasses:s,error:u,filled:d,focused:n,id:l,variant:o,...c},p)=>{const j=a.useClassName({additionalClassNames:s,component:"INPUT_BASE",variant:o}),f=t.useId("inputBase"),m=l??f,b=i.getState({disabled:c.disabled,error:u,filled:d,focused:n});return e.jsxRuntimeExports.jsx(r.InputBaseStandAlone,{ref:p,...c,"aria-invalid":u,cssClasses:j,"data-state":b,"data-testid":"input-base","data-truncate":c.truncate,id:m})});exports.InputBase=u;

package/dist/cjs/components/inputBase/inputBaseStandAlone.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/pickCustomAttributes/pickCustomAttributes.js"),r=e.forwardRef(({cssClasses:e,truncate:r,...u},i)=>{const o=s.pickCustomAttributes(u);return t.jsxRuntimeExports.jsx("input",{ref:i,className:e?.input_base,...u,...o})});exports.InputBaseStandAlone=r;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.InputBaseState={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/inputBase/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:a,filled:s,focused:S})=>e&&s?t.InputBaseState.DISABLED_FILLED:e?t.InputBaseState.DISABLED_EMPTY:a&&s?t.InputBaseState.ERROR_FILLED:a?t.InputBaseState.ERROR_EMPTY:S?t.InputBaseState.FOCUS:s?t.InputBaseState.FILLED:t.InputBaseState.EMPTY;

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

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

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/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../elementOrIcon/elementOrIcon.js"),i=t.forwardRef(({cssClasses:t,decoration:i,disabled:n,...o},u)=>{if(!i?.icon)return null;const c=r.pickCustomAttributes(o);return e.jsxRuntimeExports.jsx("div",{ref:u,className:t?.input_decoration,style:{pointerEvents:i.onClick?"auto":"none"},...c,children:e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:t?.decoration,...i,onClick:i.onClick})})});exports.InputDecorationStandAlone=i;

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("../renderIf/renderIf.js"),r=require("../text/text.js"),i=require("../../lib/types/states/states.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processText/processText.js"),o=e.forwardRef(({canvasRef:e,cssClasses:o,errorText:u,onBlurContainer:c,onClickContainer:l,placeholder:x,state:d,...p},j)=>{const m=d===i.STATES.DEFAULT||d===i.STATES.ERROR||d===i.STATES.DISABLED,T=d===i.STATES.ERROR&&u?u:x,R={"data-state":d},E=p["data-testid"]||"input-signature",S=a.pickCustomAttributes(p),b=a.pickCustomAttributes(R);return t.jsxRuntimeExports.jsxs("div",{ref:j,className:o?.input_signature,"data-testid":E,role:"button",tabIndex:-1,onBlur:c,onClick:l,onKeyDown:l,...b,...S,children:[t.jsxRuntimeExports.jsx("canvas",{ref:e,className:o?.canvas,"data-testid":`${E}-canvas`,...b}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:m,children:t.jsxRuntimeExports.jsx("div",{className:o?.placeholdercontainer,...b,children:t.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:o?.placeholdertext},customAttributes:R,...n.processText(T)})})})]})});exports.InputSignatureStandAlone=o;

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/itemRove/index.js

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

package/dist/cjs/components/itemRove/itemRove.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("../../lib/utils/classNames/classNames.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js");exports.ItemRove=({ariaControls:a,ariaDisabled:l=!1,ariaHidden:u=!1,ariaLabel:n,ariaSelected:c,asElement:m,checkIsFirstTime:d=!1,children:b,classNames:p,customAttributes:C,disabled:j=!1,disableKeys:v=!1,focus:f,id:x,index:N,onMouseOver:k,onSelectItem:q,preventScrollOnFocus:y=!1,role:S,setFocus:h,type:E,url:I,...O})=>{const R=s.useRef(null),A=s.useRef(d),F=t.useClassName({component:"ITEM_ROVE"}),M=o.pickCustomAttributes({...O,...C});s.useEffect(()=>{f&&!A.current?R.current?.focus({preventScroll:y}):A.current=!1},[f,y]);const T=e=>{v||(h?.(N),e&&q?.())};return e.jsxRuntimeExports.jsx(i.CustomComponent,{ref:R,"aria-controls":a,"aria-disabled":l,"aria-hidden":u,"aria-label":n,"aria-selected":c,className:r.classNames(F.item_rove,p),component:m,"data-testid":"item-rove",disabled:j,id:x,role:S,tabIndex:f?0:-1,type:E,url:I,onClick:()=>T(!0),onFocus:k,onKeyDown:()=>T(!1),onMouseOver:k,...M,children:b})};

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("../renderIf/renderIf.js"),r=require("../text/text.js"),i=require("../../lib/hooks/useId/useId.js"),o=t.forwardRef(({asteriskColor:t,asteriskCssClasses:o,asteriskWeight:d,children:a,color:l,cursor:n,customAttributes:u,id:x,inputId:c,required:j,requiredSymbol:b,textCssClasses:h,weight:m,...p},q)=>{const f=i.useId("label"),C=x??f,I=p["data-testid"]||"label";return e.jsxRuntimeExports.jsxs(r.Text,{ref:q,additionalClasses:{text:h},color:l,component:"label",cursor:n,customAttributes:u,"data-testid":I,htmlFor:c,id:C,weight:m,children:[a,e.jsxRuntimeExports.jsx(s.RenderIf,{condition:j,children:e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:o},"aria-hidden":!0,color:t,component:"span","data-testid":`${I}Required`,weight:d,children:b})})]})});exports.Label=o,exports.LabelStandAlone=o;

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

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

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/hooks/useMediaDevice/useActiveBreakpoints.js"),n=require("../../../lib/utils/process/processText/processText.js"),i=require("../../button/button.js"),r=require("../../elementOrIcon/elementOrIcon.js"),o=require("../../renderIf/renderIf.js");exports.ModalHeader=({blocked:c,closeButton:x,closeIcon:a,cssClasses:l,dragIcon:d,title:j,titleIdFinal:u})=>{const{isMobileOrTablet:m}=t.useActiveBreakpoints();return e.jsxRuntimeExports.jsxs("div",{className:l?.headercontainer,"data-modal-header":!0,children:[e.jsxRuntimeExports.jsx(o.RenderIf,{condition:m&&!c&&!!d,children:e.jsxRuntimeExports.jsx("div",{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:l?.dragicon,...d})})}),e.jsxRuntimeExports.jsxs("div",{className:l?.headercontentcontainer,children:[e.jsxRuntimeExports.jsx(o.RenderIf,{condition:!c&&!!a?.icon,children:e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:l?.closebuttonicon,...a})})}),e.jsxRuntimeExports.jsx(o.RenderIf,{condition:!c&&!!x?.content&&!!x?.variant,children:e.jsxRuntimeExports.jsx(i.Button,{...x,variant:x?.variant,children:x?.content})}),e.jsxRuntimeExports.jsx(o.RenderIf,{condition:void 0===j?.visible||j.visible,children:e.jsxRuntimeExports.jsx("div",{className:l?.titlecontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:l?.title},component:"h1",id:u,...n.processText(j)})})}),e.jsxRuntimeExports.jsx(o.RenderIf,{condition:!1===j?.visible,children:e.jsxRuntimeExports.jsx("span",{className:l?.titlehiddencontainer,id:u,children:n.processText(j).children})}),e.jsxRuntimeExports.jsx(o.RenderIf,{condition:!c&&!!a?.icon,children: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("../renderIf/renderIf.js"),s=require("../../lib/hooks/useId/useId.js"),i=require("../../lib/utils/process/processText/processText.js"),r=require("../navBar/navBar.js"),a=require("../overlay/overlay.js"),l=require("../popover/popover.js"),n=require("./fragments/modalHeader.js"),d=require("./utils/onlyDesktopSize.js"),c=t.forwardRef(({blocked:t,closeButton:c,closeIcon:m,content:x,contentContainer:u,contentHasScroll:p,contentScrollArias:v,cssClasses:j,customHeightAllDevices:b=!1,customWidthAllDevices:h=!1,device:y,dragIcon:g,footer:I,id:f,maxHeight:q,maxWidth:H,minContentHeight:R,minHeight:C,minWidth:E,onKeyDown:S,onPopoverCloseInternally:k,open:D,popover:B,title:T,...W},A)=>{const N=s.useId("modal"),z=f??N,M=s.useId("modal-title"),O=i.processText(T).id??M,P=I?.variant,w=W["data-testid"]||"modal";return e.jsxRuntimeExports.jsx(l.Popover,{"aria-labelledby":O,"aria-modal":D,component:"div",disableClickOverlayClose:t,disableEscapeClose:t,disableTrapFocus:!1,id:z,open:D,overlay:e.jsxRuntimeExports.jsx(a.Overlay,{}),role:"dialog",strategy:"fixed",onClose:k,...B,children:e.jsxRuntimeExports.jsxs("div",{ref:A,className:j?.modal,"data-testid":w,style:{maxHeight:q,maxWidth:H,minHeight:b?C:d.onlyDesktopSize(y,C),minWidth:h?E:d.onlyDesktopSize(y,E),paddingBottom:I?.rightItems?"0":void 0},children:[e.jsxRuntimeExports.jsx(n.ModalHeader,{blocked:t,closeButton:c,closeIcon:m,cssClasses:j,device:y,dragIcon:g,title:T,titleIdFinal:O}),e.jsxRuntimeExports.jsx("div",{"aria-label":p?v?.["aria-label"]:void 0,"aria-labelledby":p?v?.["aria-labelledby"]:void 0,className:j?.content,"data-modal-content":!0,"data-testid":`${w}-content`,role:p?"region":void 0,style:{minHeight:R},...p?{tabIndex:0}:{},...u,children:x}),e.jsxRuntimeExports.jsx(o.RenderIf,{condition:!!P&&!!I,children:e.jsxRuntimeExports.jsx("div",{className:j?.footer,children:e.jsxRuntimeExports.jsx(r.NabVar,{variant:P,...I})})})]})})});exports.ModalStandAlone=c;

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

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/overlay/index.js

@@ -0,0 +1 @@
+module.exports = { ...module.exports, ...require('./overlayTheme.js') };

package/dist/cjs/components/overlay/overlay.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("./overlayStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const i=a.useClassName({additionalClassNames:s,component:"OVERLAY",variant:t});return e.jsxRuntimeExports.jsx(r.OverlayStandAlone,{...o,ref:l,cssClasses:i})});exports.Overlay=t;

package/dist/cjs/components/overlay/overlayStandAlone.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=e.forwardRef(({cssClasses:e,...s},i)=>{const u=r.pickCustomAttributes(s);return t.jsxRuntimeExports.jsx("div",{ref:i,className:e?.overlay,"data-testid":"overlay",...s,...u,...u})});exports.OverlayStandAlone=s;

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("../../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"),r=require("../../renderIf/renderIf.js"),o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../helper/controlType.js"),s=require("./arrowControlStandAlone.js"),n=require("./buttonControlStandAlone.js");exports.Controls=({control:i,cssArrowControlClasses:l,cssPageControlClasses:u,position:c,...x})=>{const a=o.pickCustomAttributes(x),j="left"===c?l?.leftbuttoncontrol:l?.rightbuttoncontrol,p="left"===c?l?.leftarrowcontrolcontainer:l?.rightarrowcontrolcontainer;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(r.RenderIf,{condition:i&&!e.isElementOrIconProps(i),children:t.jsxRuntimeExports.jsx(n.ButtonControlStandAlone,{...i,cssPageControlClasses:j,position:c,...a})}),t.jsxRuntimeExports.jsx(r.RenderIf,{condition:e.isElementOrIconProps(i),children:t.jsxRuntimeExports.jsx("div",{className:p,children:t.jsxRuntimeExports.jsx(s.ArrowControlStandAlone,{cssArrowControlClasses:l,...i})})})]})};

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

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/utils/classNames/classNames.js"),a=require("../../elementOrIcon/elementOrIcon.js");exports.PaginationButtonControl=({cssClasses:s,disabled:i,paginationButtonControl:o,position:r="left"})=>{const n={"data-state":i?"disabled":""};return t.jsxRuntimeExports.jsx(a.ElementOrIcon,{altText:o?.ariaLabel,"aria-controls":o?.ariaControls,"aria-label":o?.ariaLabel,className:e.classNames({[`${s?.paginationleftarrowicon}`]:"left"===r},{[`${s?.paginationrightarrowicon}`]:"right"===r}),customAttributes:n,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),(({middlewareStack:t,isBodyAnchor:i,hideWhenDetached:s,arrowElement:r,edgePadding:a})=>{!i&&s&&t.push(e.hide()),r&&t.push(e.arrow({element:r,padding:a}))})({middlewareStack:c,isBodyAnchor:n,hideWhenDetached:a,arrowElement:i,edgePadding:r}),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,open:u=!1,disableAutoFocusFirstDescendant:c=!1,disableAutoFocusFirstDescendantAfterClose:i=!0,disableRestoreFocusAfterClose:a=!1,disableScrollBackground:f=!1,preventScrollOnCloseFocus:d=!1,popoverContainerRef:b})=>{const m=e.useRef(null),S=e.useRef(!1),k=e.useRef(null),p=e.useRef(null),[R,v]=e.useState(u),[C,w]=e.useState(!1),F=n.convertDurationToNumber(s),{allowScroll:D,blockScroll:y}=l.useScrollBlock(),A=e.useCallback(()=>{!c&&m.current&&o.focusFirstDescendant({element:m.current,preventScroll:!0})},[c]),T=e.useCallback(()=>{a?i||o.focusFirstDescendant({element:document.body}):p.current?.focus({preventScroll:d})},[a,d,i]);e.useEffect(()=>{u&&(p.current=document.activeElement,v(!0),w(!1))},[u]),e.useEffect(()=>(!u&&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)}),[u,R,t,F,T]);const j=e.useCallback(e=>{m.current=e,A(),f&&!S.current&&(S.current=!0,y({elementsToOmit:[m.current]}))},[y,A,f]),q=e.useCallback(()=>{S.current&&D(),m.current=null},[D]),g=e.useCallback(e=>{e?j(e):q(),r.syncInnerAndForwardedRef({forwardedRef:b,innerRef:m})},[b,q,j]);return{isClosing:C,isVisible:R,handleInnerRef:g,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("react"),t=require("@floating-ui/dom"),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=e.useRef(document.body),h=e.useRef(null),b=e.useRef({anchorElement:s,arrowStyles:o,isVisible:c,middlewareOptions:{edgePadding:p,hideWhenDetached:g,offsetDistance:w},middlewares:l,placement:u,ref:m,strategy:f});e.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=e.useCallback(()=>m?.current&&c&&o?(h.current=m.current.querySelector('[data-kbt-id="popover-arrow"]'),h.current):null,[m,c,o]);e.useEffect(()=>{const e=()=>{!S()&&c&&o&&m?.current&&requestAnimationFrame(e)};e()},[S,c,o]);const P=e.useCallback((e,t)=>e&&t?.current&&document.body.contains(t.current),[]),k=e.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=e.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=e.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=e.useCallback(async()=>{const{anchorElement:e,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=e||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 t.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)},[]);e.useEffect(()=>{if(!c||!m?.current)return;m.current.offsetHeight,C();const e=s??y.current;let r=()=>{};return r=t.autoUpdate(e,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,preventCloseOnClickElements:g=[],preventScrollOnCloseFocus:j=!1,strategy:k="absolute",popoverContainerRef:y,...E},R)=>{const S=c||!!t,h=o.useClassName({additionalClassNames:s,component:"POPOVER"}),{isVisible:q,isClosing:w,handleInnerRef:x,popoverRef:D}=l.usePopoverLifecycle({open:O,disableAnimations:S,disableAutoFocusFirstDescendant:p,disableAutoFocusFirstDescendantAfterClose:d,disableRestoreFocusAfterClose:m,disableScrollBackground:v,preventScrollOnCloseFocus:j,popoverContainerRef:y,animationExitDuration:u});return r.useTrapFocus({ref:D,trapFocus:!f&&q}),i.usePopoverInteractions({disableClickOverlayClose:C,disableEscapeClose:b,isVisible:q,onClose:P,popoverRef:D,preventCloseOnClickElements:g}),a.usePopoverPositioning({anchorElement:t,arrowStyles:E.arrowStyles,isVisible:q,middlewareOptions:F,middlewares:A,placement:E.placement,ref:D,strategy:k}),e.jsxRuntimeExports.jsx(n.PopoverStandAlone,{ref:R,...E,anchorElement:!!t,cssClasses:h,disableAnimations:S,isClosing:w,isVisible:q,middlewareOptions:F,popoverContainerRef:x,strategy:k})});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,10 @@
+/**
+ * PopoverV2 Styles Index
+ * Imports all popover-related CSS files
+ */
+
+/* Core popover styles and animations */
+@import './popover.css';
+
+/* Arrow positioning and styling */
+@import './popover-arrow.css';