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

package/dist/cjs/components/image/image.css

@@ -1,38 +1 @@
-:root {
-  --border-radius: 0;
-  --fallback-ratio: 1;
-  --object-fit: cover;
-  --ratio: 1;
-  --width: 100%;
-}
-
-.kbt-picture {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  max-width: 100%;
-  max-height: 100%;
-  width: var(--width);
-  aspect-ratio: var(--ratio);
-}
-
-@supports not (aspect-ratio: 16 / 9) {
-  .kbt-picture {
-    padding-top: var(--fallback-ratio);
-  }
-
-  .kbt-picture img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-  }
-}
-
-.kbt-picture img {
-  max-width: 100%;
-  border-radius: var(--border-radius);
-  object-fit: var(--object-fit);
-  aspect-ratio: var(--ratio);
-}
+:root{--border-radius:0;--fallback-ratio:1;--object-fit:cover;--ratio:1;--width:100%}.kbt-picture{aspect-ratio:var(--ratio);display:inline-block;max-height:100%;max-width:100%;overflow:hidden;position:relative;width:var(--width)}@supports not (aspect-ratio:16/9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{height:auto;left:0;position:absolute;top:0;width:100%}}.kbt-picture img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);max-width:100%;object-fit:var(--object-fit)}

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

@@ -1 +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"),u=require("../../lib/hooks/useId/useId.js"),a=require("../../lib/hooks/useInputFocus/useInputFocus.js"),r=require("./inputStandAlone.js"),l=require("./utils/state.js"),n=s.forwardRef(({additionalClasses:n,id:i,variant:o,...d},c)=>{const p=t.useClassName({additionalClassNames:n,component:"INPUT",variant:o}),f=u.useId("input-base"),I=i||f,b=`${I}-label`,j=s.useRef(null),m=s.useRef(null),q=s.useCallback(e=>{if(e){const s=e.querySelector("input");m.current=s}j.current=e},[]);s.useImperativeHandle(c,()=>j.current,[]);const{focused:C}=a.useInputFocus({inputRef:m}),v=Boolean(d.defaultValue??d.value),x=l.getState({disabled:d.disabled,error:d.error,filled:v,focused:C});return e.jsxRuntimeExports.jsx(r.InputStandAlone,{ref:q,cssClasses:p,"data-state":x,"data-testid":"input-container",filled:v,focused:C,inputBaseId:I,labelId:b,...d})});exports.Input=n;
+"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("./inputStandAlone.js"),r=require("./utils/state.js"),l=s.forwardRef(({additionalClasses:l,id:u,variant:n,...i},o)=>{const d=t.useClassName({additionalClassNames:l,component:"INPUT",variant:n}),c=`input-${s.useId().replace(/:/g,"")}`,p=u||c,f=`${p}-label`,b=s.useRef(null),m=s.useRef(null),C=s.useCallback(e=>{if(e){const s=e.querySelector("input");m.current=s}b.current=e},[]);s.useImperativeHandle(o,()=>b.current,[]);const[j,I]=s.useState(!1),S=s.useCallback(()=>I(!0),[]),q=s.useCallback(()=>I(!1),[]),v=Boolean(i.defaultValue??i.value),x=r.getState({disabled:i.disabled,error:i.error,filled:v,focused:j});return e.jsxRuntimeExports.jsx(a.InputStandAlone,{ref:C,cssClasses:d,"data-state":x,"data-testid":"input-container",filled:v,focused:j,inputBaseId:p,labelId:f,onBlur:q,onFocus:S,...i})});exports.Input=l;

package/dist/cjs/components/input/inputStandAlone.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),i=require("react"),t=require("../renderIf/renderIf.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../inputBase/inputBase.js"),n=require("../inputDecoration/inputDecoration.js"),a=i.forwardRef(({cssClasses:i,disabled:a,error:o,filled:d,focused:u,inputBaseId:l,label:c,labelId:p,leftDecoration:x,required:j,rightDecoration:f,...m},b)=>{const v=r.pickCustomAttributes(m);return e.jsxRuntimeExports.jsxs("div",{ref:b,className:i?.input,...v,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!(!x||!x?.variant&&!i?.left_decoration),children:e.jsxRuntimeExports.jsx(n.InputDecoration,{disabled:a,error:o,...x,additionalClasses:x?.variant?void 0:i?.left_decoration,variant:x?.variant})}),e.jsxRuntimeExports.jsx("div",{...v,className:i?.inputandlabelcontainer,children:e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!i?.input,children:e.jsxRuntimeExports.jsx(s.InputBase,{disabled:a,error:o,filled:d,focused:u,required:j,...m,additionalClasses:i?.input_base})})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!(!f||!f?.variant&&!i?.right_decoration),children:e.jsxRuntimeExports.jsx(n.InputDecoration,{disabled:a,error:o,filled:d,focused:u,...f,additionalClasses:f?.variant?void 0:i?.right_decoration,variant:f?.variant})})]})});exports.InputStandAlone=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../inputBase/inputBase.js"),s=require("../inputDecoration/inputDecoration.js"),a=t.forwardRef(({cssClasses:t,disabled:a,error:n,filled:o,focused:u,inputBaseId:d,label:l,labelId:c,leftDecoration:p,required:x,rightDecoration:j,...b},v)=>{const f=i.pickCustomAttributes(b);return e.jsxRuntimeExports.jsxs("div",{ref:v,className:t?.input,...f,children:[!(!p||!p?.variant&&!t?.left_decoration)&&e.jsxRuntimeExports.jsx(s.InputDecoration,{disabled:a,error:n,...p,additionalClasses:p?.variant?void 0:t?.left_decoration,variant:p?.variant}),e.jsxRuntimeExports.jsx("div",{...f,className:t?.inputandlabelcontainer,children:!!t?.input&&e.jsxRuntimeExports.jsx(r.InputBase,{disabled:a,error:n,filled:o,focused:u,required:x,...b,additionalClasses:t?.input_base})}),!(!j||!j?.variant&&!t?.right_decoration)&&e.jsxRuntimeExports.jsx(s.InputDecoration,{disabled:a,error:n,filled:o,focused:u,...j,additionalClasses:j?.variant?void 0:t?.right_decoration,variant:j?.variant})]})});exports.InputStandAlone=a;

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

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

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

@@ -1 +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;
+"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/inputSignature/inputSignatureStandAlone.js

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

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

@@ -1 +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;
+"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/linkStandAlone.js

@@ -1 +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;
+"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/listOptionsStandAlone.js

@@ -1 +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;
+"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/processCommonProp.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:m,highlightedOptionVariant:x,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,A,I]=o.useRoveFocus(y??f),T=t.useId();t.useImperativeHandle(O,()=>I.current,[I]);const V=v??T,w="selection"===q,H="navigation"===q,L=k&&k.length>0;return e.jsxRuntimeExports.jsxs("div",{className:m?.list_options,"data-testid":$,...F,children:[!!R&&k.length>0&&e.jsxRuntimeExports.jsx("div",{className:m?.titlecontainer,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:m?.title},...n.processTextProp(R)})}),d,L&&e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:I,"aria-label":C?.["aria-label"],"aria-labelledby":C?.["aria-labelledby"],className:m?.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,x,M?.optionVariant),...t,onClick:e=>{A(i),b?.(t.value,e),t.onClick?.(e)},onFocus:e=>{i!==E&&A(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/modal/fragments/modalHeader.js

@@ -1 +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})})})]})]})};
+"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/processCommonProp.js"),o=require("../../button/button.js");exports.ModalHeader=({blocked:r,closeButton:a,closeIcon:c,cssClasses:l,dragIcon:x,title:d,titleIdFinal:u})=>{const{isMobileOrTablet:m}=n.useActiveBreakpoints();return e.jsxRuntimeExports.jsxs("div",{className:l?.headercontainer,"data-modal-header":!0,children:[m&&!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&&!!c?.icon&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.closebuttonicon,...c})}),!r&&!!a?.content&&!!a?.variant&&e.jsxRuntimeExports.jsx(o.Button,{...a,variant:a?.variant,children:a?.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.processTextProp(d)})}),!1===d?.visible&&e.jsxRuntimeExports.jsx("span",{className:l?.titlehiddencontainer,id:u,children:i.processTextProp(d).children}),!r&&!!c?.icon&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx("span",{className:l?.closebuttonicon})})]})]})};

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

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

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

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

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

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

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

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

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

@@ -1 +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})};
+"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/controls.js

@@ -1 +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})})})]})};
+"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/pageControlStandAlone.js

@@ -1 +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;
+"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

@@ -1 +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)}})};
+"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/popover/hooks/positioning/middlewareUtils.js

@@ -1 +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};
+"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/usePopoverInteractions.js

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

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

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

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

@@ -1 +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])};
+"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/popover.js

@@ -1 +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;
+"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/styles/index.css

@@ -1,10 +1 @@
-/**
- * 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';
+@import "./popover.css";@import "./popover-arrow.css";