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

package/dist/esm/components/icon/index.js

@@ -0,0 +1,2 @@
+export {  IconBasic  } from './icon.js';
+export {  Icon  } from './iconHost.js';

package/dist/esm/components/image/components/pictureSourceStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const r=({mediaSource:r,...s})=>{if(!r)return null;const e=i(s);/* @__PURE__ */
+return t.jsx("source",{height:r.height,media:r.media,srcSet:r.src,width:r.width,...e})};export{r as PictureSourceStandAlone};

package/dist/esm/components/image/image.css

@@ -0,0 +1 @@
+: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/esm/components/image/image.js

@@ -0,0 +1,2 @@
+import{j as r}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{ImageStandAlone as t}from"./imageStandAlone.js";const n=o((o,n)=>{const{IMAGE:i}=e();/* @__PURE__ */
+return r.jsx(t,{...o,ref:n,component:i})});export{n as Image};

package/dist/esm/components/image/imageStandAlone.js

@@ -0,0 +1,8 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";/* empty css         */import{forwardRef as i}from"react";import{DEVICE_BREAKPOINTS as r}from"../../lib/types/breakpoints/breakpoints.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{PictureSourceStandAlone as e}from"./components/pictureSourceStandAlone.js";import{getFallbackRatio as s}from"./utils/getFallbackRatio.js";const a=i(({alt:i,borderRadius:a,caption:c,height:m,images:l,loading:d="lazy",objectFit:u,onLoad:n,ratio:p,title:j,width:b,...f},g)=>{const x={"--border-radius":a,"--fallback-ratio":p&&s(p)+"%","--object-fit":u,"--ratio":p},h=o(f);/* @__PURE__ */
+return t.jsxs("figure",{ref:g,"data-testid":"image",...h,children:[
+/* @__PURE__ */t.jsxs("picture",{className:"kbt-picture",style:x,children:[
+/* @__PURE__ */t.jsx(e,{mediaSource:l[r.LARGE_DESKTOP]}),
+/* @__PURE__ */t.jsx(e,{mediaSource:l[r.DESKTOP]}),
+/* @__PURE__ */t.jsx(e,{mediaSource:l[r.TABLET]}),
+/* @__PURE__ */t.jsx(e,{mediaSource:l[r.MOBILE]}),
+/* @__PURE__ */t.jsx("img",{alt:i,height:m,loading:d,src:l.DEFAULT.src,title:j,width:b,onLoad:n})]}),c&&/* @__PURE__ */t.jsx("figcaption",{children:c})]})});export{a as ImageStandAlone};

package/dist/esm/components/image/index.js

@@ -0,0 +1 @@
+export {  Image  } from './image.js';

package/dist/esm/components/image/utils/getFallbackRatio.js

@@ -0,0 +1 @@
+const o=o=>100*o;export{o as getFallbackRatio};

package/dist/esm/components/input/index.js

@@ -0,0 +1 @@
+export {  Input  } from './input.js';

package/dist/esm/components/input/input.js

@@ -0,0 +1,2 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t,useRef as a,useCallback as o,useImperativeHandle as r}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useInputFocus as i}from"../../lib/hooks/useInputFocus/useInputFocus.js";import{InputStandAlone as n}from"./inputStandAlone.js";import{getState as u}from"./utils/state.js";const d=s(({additionalClasses:s,id:d,variant:c,...m},p)=>{const f=l({additionalClassNames:s,component:"INPUT",variant:c}),j=`input-${t().replace(/:/g,"")}`,b=d||j,C=`${b}-label`,I=a(null),v=a(null),N=o(e=>{if(e){const s=e.querySelector("input");v.current=s}I.current=e},[]);r(p,()=>I.current,[]);const{focused:x}=i({inputRef:v}),h=Boolean(m.defaultValue??m.value),k=u({disabled:m.disabled,error:m.error,filled:h,focused:x});/* @__PURE__ */
+return e.jsx(n,{ref:N,cssClasses:f,"data-state":k,"data-testid":"input-container",filled:h,focused:x,inputBaseId:b,labelId:C,...m})});export{d as Input};

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

@@ -0,0 +1,3 @@
+import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{InputBase as a}from"../inputBase/inputBase.js";import{InputDecoration as e}from"../inputDecoration/inputDecoration.js";const s=r(({cssClasses:r,disabled:s,error:o,filled:n,focused:d,inputBaseId:l,label:c,labelId:u,leftDecoration:p,required:f,rightDecoration:m,...v},b)=>{const j=t(v);/* @__PURE__ */
+return i.jsxs("div",{ref:b,className:r?.input,...j,children:[!(!p||!p?.variant&&!r?.left_decoration)&&/* @__PURE__ */i.jsx(e,{disabled:s,error:o,...p,additionalClasses:p?.variant?void 0:r?.left_decoration,variant:p?.variant}),
+/* @__PURE__ */i.jsx("div",{...j,className:r?.inputandlabelcontainer,children:!!r?.input&&/* @__PURE__ */i.jsx(a,{disabled:s,error:o,filled:n,focused:d,required:f,...v,additionalClasses:r?.input_base})}),!(!m||!m?.variant&&!r?.right_decoration)&&/* @__PURE__ */i.jsx(e,{disabled:s,error:o,filled:n,focused:d,...m,additionalClasses:m?.variant?void 0:r?.right_decoration,variant:m?.variant})]})});export{s as InputStandAlone};

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

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputState};

package/dist/esm/components/input/utils/state.js

@@ -0,0 +1 @@
+import{InputState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

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

@@ -0,0 +1 @@
+export {  InputBase  } from './inputBase.js';

package/dist/esm/components/inputBase/inputBase.js

@@ -0,0 +1,2 @@
+import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{InputBaseStandAlone as r}from"./inputBaseStandAlone.js";import{getState as i}from"./utils/state.js";const o=s(({additionalClasses:s,error:o,filled:d,focused:l,id:n,variant:m,...u},p)=>{const c=e({additionalClassNames:s,component:"INPUT_BASE",variant:m}),f=`inputbase-${t().replace(/:/g,"")}`,j=n??f,b=i({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
+return a.jsx(r,{ref:p,...u,"aria-invalid":o,cssClasses:c,"data-state":b,"data-testid":"input-base","data-truncate":u.truncate,id:j})});export{o as InputBase};

package/dist/esm/components/inputBase/inputBaseStandAlone.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=s(({cssClasses:s,truncate:i,...e},o)=>{const u=r(e);/* @__PURE__ */
+return t.jsx("input",{ref:o,className:s?.input_base,...e,...u})});export{i as InputBaseStandAlone};

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

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputBaseState};

package/dist/esm/components/inputBase/utils/state.js

@@ -0,0 +1 @@
+import{InputBaseState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

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

@@ -0,0 +1 @@
+export {  InputDecoration  } from './inputDecoration.js';

package/dist/esm/components/inputDecoration/inputDecoration.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{InputDecorationStandAlone as o}from"./inputDecorationStandAlone.js";import{getState as e}from"./utils/state.js";const r=t(({additionalClasses:t,variant:r,...i},d)=>{const l=a({additionalClassNames:t,component:"INPUT_DECORATION",variant:r}),n=e({disabled:i.disabled,error:i.error,filled:i.filled,focused:i.focused});/* @__PURE__ */
+return s.jsx(o,{ref:d,cssClasses:l,"data-state":n,"data-testid":"input-decoration",...i})});export{r as InputDecoration};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=o(({cssClasses:o,decoration:i,disabled:r,...n},c)=>{if(!i?.icon)return null;const l=s(n);/* @__PURE__ */
+return t.jsx("div",{ref:c,className:o?.input_decoration,style:{pointerEvents:i.onClick?"auto":"none"},...l,children:/* @__PURE__ */t.jsx(e,{className:o?.decoration,...i,onClick:i.onClick})})});export{i as InputDecorationStandAlone};

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

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputDecorationState};

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

@@ -0,0 +1 @@
+import{InputDecorationState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

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

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

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

@@ -0,0 +1,2 @@
+export {  InputSignatureControlled  } from './inputSignatureControlled.js';
+export {  InputSignature  } from './inputSignatureUncontrolled.js';

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

@@ -0,0 +1 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{InputSignatureStandAlone as e}from"./inputSignatureStandAlone.js";const r=t(({additionalClasses:t,setSignatureStyles:r,signatureStyle:o={color:"#000000",lineWidth:2},variant:i,...n},l)=>{const m=a({additionalClassNames:t,component:"INPUT_SIGNATURE",variant:i});return r?.(o),/* @__PURE__ */s.jsx(e,{ref:l,cssClasses:m,...n})});export{r as InputSignatureControlled};

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

@@ -0,0 +1,3 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as o}from"../../lib/utils/process/processText/processText.js";const i=s(({canvasRef:s,cssClasses:i,errorText:n,onBlurContainer:c,onClickContainer:l,placeholder:m,state:p,...u},d)=>{const x=p===a.DEFAULT||p===a.ERROR||p===a.DISABLED,j=p===a.ERROR&&n?n:m,f={"data-state":p},b=u["data-testid"]||"input-signature",C=r(u),v=r(f);/* @__PURE__ */
+return t.jsxs("div",{ref:d,className:i?.input_signature,"data-testid":b,role:"button",tabIndex:-1,onBlur:c,onClick:l,onKeyDown:l,...v,...C,children:[
+/* @__PURE__ */t.jsx("canvas",{ref:s,className:i?.canvas,"data-testid":`${b}-canvas`,...v}),x&&/* @__PURE__ */t.jsx("div",{className:i?.placeholdercontainer,...v,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:i?.placeholdertext},customAttributes:f,...o(j)})})]})});export{i as InputSignatureStandAlone};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as r,useRef as e,useState as n,useImperativeHandle as a}from"react";import{useDraw as o}from"./hook/useDraw.js";import{InputSignatureControlled as s}from"./inputSignatureControlled.js";import{getInputSignatureState as i}from"./utils/getInputSignatureState.js";const u=r(({disabled:r,error:u,onChange:l,...g},p)=>{const f=e(null),{canvasRef:m,filled:c,resetCanvas:S,setSignatureStyles:d}=o(l),[j,C]=n(!1),v=i({active:j,disabled:r,error:u,filled:c});a(p,()=>({get InputSignature(){return f.current},get reset(){return S}}));/* @__PURE__ */
+return t.jsx(s,{ref:f,canvasRef:m,setSignatureStyles:d,onBlurContainer:()=>{C(!1)},onClickContainer:t=>{r||(t.stopPropagation(),C(!0),t.currentTarget.focus())},...g,state:v})});export{u as InputSignature,u as InputSignatureUnControlled};

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

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.js";const e=({active:e,disabled:s,error:r,filled:i})=>s?t.DISABLED:r?t.ERROR:e?t.ACTIVE:i?t.FILLED:t.DEFAULT;export{e as getInputSignatureState};

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

@@ -0,0 +1 @@
+export {  Label  } from './labelStandAlone.js';

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

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

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

@@ -0,0 +1 @@
+const o=(o,e)=>({role:o&&!e?"link":e});export{o as disabledLink};

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

@@ -0,0 +1,2 @@
+export {  Link  } from './link.js';
+export {  LinkAsButton  } from './linkAsButton.js';

package/dist/esm/components/link/link.js

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{useClassName as i}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as a}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{disabledLink as s}from"./helpers/disabled.js";import{LinkStandAlone as n}from"./linkStandAlone.js";const r=e(({action:e="navigation",additionalClasses:r,additionalTextClasses:t,alignCenter:l=!1,color:d,decoration:m="auto",disabled:c=!1,icon:p,role:C,textVariant:v,variant:j,weight:f,...g},u)=>{const{LINK:b}=a(),{role:x}=s(c,C),N=c||void 0,h=i({additionalClassNames:r,component:"LINK",variant:`${e}_${j}`}),T=i({additionalClassNames:t,component:"TEXT",variant:v});/* @__PURE__ */
+return o.jsx(n,{...g,ref:u,action:e,alignCenter:l,"aria-disabled":N,color:d,component:b,cssClasses:h,cssTextClasses:T,decoration:"inline"===e?"underline":m,disabled:c,icon:p,role:x,weight:f})});export{r as Link};

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

@@ -0,0 +1,2 @@
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{useClassName as a}from"../../../lib/hooks/useClassName/useClassName.js";import{useManageState as t}from"../../../lib/hooks/useManageState/useManageState.js";import{useGenericComponents as o}from"../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{STATES as i}from"../../../lib/types/states/states.js";import{LinkAsButtonStandAlone as n}from"./linkAsButtonStandAlone.js";const r=e(({additionalSizeClasses:e,additionalVariantClasses:r,disabled:m,size:l,variant:d,...p},c)=>{const C=a({component:"LINK_AS_BUTTON"}),f=a({additionalClassNames:r,component:"BUTTON",variant:d}),j=a({additionalClassNames:e,component:"BUTTON",variant:l}),{LINK:u}=o(),{setRef:N}=t({disabled:m,ref:c,states:Object.values(i)});/* @__PURE__ */
+return s.jsx(n,{...p,ref:N,component:u,cssLinkAsButtonClasses:C,cssSizeClasses:j,cssVariantClasses:f,disabled:m})});export{r as LinkAsButton};

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

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

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

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

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

@@ -0,0 +1 @@
+export {  ListOptions  } from './listOptions.js';

package/dist/esm/components/listOptions/listOptions.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{ListOptionsStandAlone as t}from"./listOptionsStandAlone.js";const r=a(({additionalClasses:a,variant:r,...i},e)=>{const m=o({additionalClassNames:a,component:"LIST_OPTIONS",variant:r});/* @__PURE__ */
+return s.jsx(t,{...i,ref:e,cssClasses:m})});export{r as ListOptions};

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

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

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

@@ -0,0 +1 @@
+const e=(e,a,o,l)=>null!=a&&void 0!==e.value&&(o?Boolean(Array.isArray(a)&&a.includes(e.value)):l?Boolean(a===e.value):Boolean(a.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())),a=(e,a,o)=>e&&a?a:o||"",o=e=>{let a=Math.max(e,0);return e>0&&(a-=1),a},l=e=>a=>{let o=Math.max(a,0);return a+1<=e.length-1&&(o+=1),o};export{a as getOptionVariant,e as isSelected,l as keyDownMove,o as keyUpMove};

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

@@ -0,0 +1,2 @@
+export {  MessageControlled  } from './messageControlled.js';
+export {  Message  } from './messageUnControlled.js';

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

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{MessageStandAlone as a}from"./messageStandAlone.js";const i=o(({additionalClasses:o,variant:i,...n},t)=>{const m=r({additionalClassNames:o,component:"MESSAGE",variant:i}),{LINK:l}=e();/* @__PURE__ */
+return s.jsx(a,{ref:t,cssClasses:m,linkComponent:l,...n})});export{i as MessageControlled};

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

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

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

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as r,useCallback as s}from"react";import{MessageControlled as t}from"./messageControlled.js";const n=e(({closeIcon:e,defaultOpen:n=!0,...c},i)=>{const[l,m]=r(n),a=s(o=>{m(!1),e?.onClick?.(o)},[e]);/* @__PURE__ */
+return o.jsx(t,{...c,ref:i,closeIcon:e?{...e,onClick:a}:void 0,open:l})});export{n as Message,n as MessageUnControlled};

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

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

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

@@ -0,0 +1,2 @@
+export {  ModalControlled  } from './modalControlled.js';
+export {  Modal  } from './modalUnControlled.js';

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as n,useState as r,useEffect as t}from"react";import{isKeyEscapePressed as e}from"../../lib/utils/keyboard/keyboard.js";import{ModalControlled as l}from"./modalControlled.js";const s=n(({closeButton:n,closeIcon:s,onClose:c,open:i,popover:a,variant:p,...m},k)=>{const[u,C]=r(i);t(()=>{C(i)},[i]);const d=()=>{C(!1),c?.()};/* @__PURE__ */
+return o.jsx(l,{...m,ref:k,closeButton:n&&{...n,onClick:o=>{d(),n?.onClick?.(o)}},closeIcon:{...s,onClick:o=>{d(),s?.onClick?.(o)}},open:u,popover:{...a},variant:p,onClose:c,onKeyDown:o=>m?.blocked&&e(o.key)?o.stopPropagation():null})});export{s as Modal,s as ModalUnControlled};

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

@@ -0,0 +1 @@
+import{DeviceBreakpointsTypeUtils as o}from"../../../lib/types/breakpoints/breakpoints.js";const s=(s,t)=>o.isDesktopOrLargeDesktop(s)?t:void 0;export{s as onlyDesktopSize};

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

@@ -0,0 +1 @@
+export {  NabVar  } from './navBar.js';

package/dist/esm/components/navBar/navBar.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{NavBarStandAlone as r}from"./navBarStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},i)=>{const m=o({additionalClassNames:a,component:"NAVBAR",variant:t});/* @__PURE__ */
+return s.jsx(r,{ref:i,cssClasses:m,...e})});export{t as NabVar};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";const o=e(({centerItems:e,component:o="div",cssClasses:n,direction:m="horizontal",focusOrder:c=["left","center","right"],leftItems:a,rightItems:l,...p},u)=>{const f=(e,r,s)=>/* @__PURE__ */t.jsx("div",{className:n?.itemcontainer,"data-position":r,children:e?.map((e,r)=>/* @__PURE__ */t.jsx("div",{children:e},`navbar-item-${r.toString()}`))},`${r}-${s?.toString()}`),b=s(p);/* @__PURE__ */
+return t.jsx(i,{ref:u,className:r("kbt-navbar",m,n?.navbar),component:o,...b,children:c.map((t,r)=>"left"===t?f(a,"left",r):"center"===t?f(e,"center",r):"right"===t?f(l,"right",r):null)})});export{o as NavBarStandAlone};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{pickCustomAttributes as r}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=({children:i,component:o,cssClasses:e,customAttributes:u,...m})=>{if(!i)return null;const n=r(m);/* @__PURE__ */
+return t.jsx(s,{additionalClasses:{text:e},component:o,customAttributes:u,...n,children:i})};export{i as OptionLabelSlice};

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

@@ -0,0 +1 @@
+export {  Option  } from './option.js';

package/dist/esm/components/option/option.js

@@ -0,0 +1,2 @@
+import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as r,useState as e,useImperativeHandle as n,useEffect as t}from"react";import{useClassName as i}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as a}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{OptionStandAlone as m}from"./optionStandAlone.js";const u=s(({additionalClasses:s,focus:u,onBlur:c,onFocus:l,variant:p,...f},d)=>{const v=i({additionalClassNames:s,component:"OPTION",variant:p}),{LINK:j}=a(),C=r(),[N,x]=e(!1),[L,P]=e(!1);n(d,()=>C.current,[]),t(()=>{u&&C.current?.focus()},[u]);/* @__PURE__ */
+return o.jsx(m,{...f,ref:C,componentLink:j,cssClasses:v,focus:L,hover:N,onBlur:o=>{c?.(o),P(!1)},onFocus:o=>{l?.(o),P(!0)},onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)})});export{u as Option};

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

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

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

@@ -0,0 +1 @@
+import{STATES as e}from"../../../lib/types/states/states.js";const E=(E,t,L,s,o,i)=>E?e.DISABLED:t?e.FOCUS:L?s?o?e.MULTIPLE_SELECTED_HOVER:e.MULTIPLE_SELECTED:o?e.SELECTED_HOVER:e.SELECTED:o?e.HOVER:i?e.FILLING:e.DEFAULT,t=(e,E)=>{let t=0,L=0;if(E){const s=e.toLocaleLowerCase(),o=E.toLocaleLowerCase();s.includes(o)&&(t=s.indexOf(o),L=t+E.length)}return{firstHighlightedIndex:t,lastHighlightedIndex:L}};export{t as getHighlightedIndexes,E as getState};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{ElementOrIcon as s}from"../../../lib/components/elementOrIcon/elementOrIcon.js";const e=({cssArrowControlClasses:e,disabled:o=!1,...r})=>{const n={"data-state":o?"inactive":"active"};/* @__PURE__ */
+return t.jsx(s,{className:e?.icon,customAttributes:n,disabled:o,...r})};export{e as ArrowControlStandAlone};

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const o=({cssPageControlClasses:o,disabled:i=!1,position:r,...e})=>{const u=s(e);/* @__PURE__ */
+return t.jsx("button",{className:o,disabled:i,type:"button",...e,...u})};export{o as ButtonControlStandAlone};

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

@@ -0,0 +1,2 @@
+import{j as o}from"../../../_virtual/jsx-runtime.js";import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{isElementOrIconProps as r}from"../helper/controlType.js";import{ArrowControlStandAlone as s}from"./arrowControlStandAlone.js";import{ButtonControlStandAlone as n}from"./buttonControlStandAlone.js";const l=({control:l,cssArrowControlClasses:e,cssPageControlClasses:i,position:c,...a})=>{const m=t(a),p="left"===c?e?.leftbuttoncontrol:e?.rightbuttoncontrol,C="left"===c?e?.leftarrowcontrolcontainer:e?.rightarrowcontrolcontainer;/* @__PURE__ */
+return o.jsxs(o.Fragment,{children:[l&&!r(l)&&/* @__PURE__ */o.jsx(n,{...l,cssPageControlClasses:p,position:c,...m}),r(l)&&/* @__PURE__ */o.jsx("div",{className:C,children:/* @__PURE__ */o.jsx(s,{cssArrowControlClasses:e,...l})})]})};export{l as Controls};

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

@@ -0,0 +1 @@
+const o=o=>void 0!==o?.icon;export{o as isElementOrIconProps};

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

@@ -0,0 +1 @@
+const t=(t,i)=>Math.max(0,Math.min(t,i-1)),i=({currentPosition:t,direction:i,dots:o,isBullet:s,pages:e})=>{let n=0,r=n+o-1;return s&&"forth"!==i?e-o<=t?(r=e-1,n=r-(o-1)):(n=t,r=n+o-1):t-o<0?(n=0,r=n+o-1):(r=t,n=r-(o-1)),{firstVisiblePosition:n,lastVisiblePosition:r}};export{i as calcFirstLastVisiblePosition,t as getPositionWithIn};

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

@@ -0,0 +1 @@
+export {  PageControl  } from './pageControl.js';

package/dist/esm/components/pageControl/pageControl.js

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

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

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

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

@@ -0,0 +1,2 @@
+import{j as a}from"../../../_virtual/jsx-runtime.js";import{ElementOrIcon as t}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as o}from"../../../lib/utils/classNames/classNames.js";const i=({cssClasses:i,disabled:s,paginationButtonControl:r,position:n="left"})=>{const e={"data-state":s?"disabled":""};/* @__PURE__ */
+return a.jsx(t,{altText:r?.ariaLabel,"aria-controls":r?.ariaControls,"aria-label":r?.ariaLabel,className:o({[`${i?.paginationleftarrowicon}`]:"left"===n},{[`${i?.paginationrightarrowicon}`]:"right"===n}),customAttributes:e,disabled:s,icon:r?.icon,onClick:a=>{s||r?.onClick?.(a)}})};export{i as PaginationButtonControl};

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

@@ -0,0 +1 @@
+const e=({maxStepsNumber:e,propMaxCountersNumber:r})=>{let t;return e<=3?(t=e,t):(t=r||5,e>3&&t<=2&&(t=3),t=Math.min(e,t),t)};export{e as adjustMaxCountersNumber};

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

@@ -0,0 +1 @@
+const t=(t,a)=>[...Array(t)].map((t,e)=>a+1+e),a=(a,e,r)=>{let o=r,s=[],l=[],c=[],n=[],f=a+1;f>=r&&e!==r&&(s=[1,"..."],o--),(e+1-f>=r||f<r&&e-r>=1)&&e!==r&&(l=["...",e],o--);const h=f<=o,i=Math.abs(e-f)<o;if(h)f=1,n=t(o-1,f);else if(i)f=e-o+1,n=t(o-1,f);else{const a=(o-1)/2,e=Math.floor(a),r=Math.ceil(a);c=((t,a)=>[...Array(t)].map((e,r)=>a-(t-r)))(e,f),n=t(r,f)}return[...s,...c,f,...n,...l]};export{a as buildstepsNumber};

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

@@ -0,0 +1 @@
+export {  Pagination  } from './pagination.js';

package/dist/esm/components/pagination/pagination.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{adjustMaxCountersNumber as t}from"./helpers/adjustMaxCountersNumber.js";import{buildstepsNumber as a}from"./helpers/getMaxCountersNumber.js";import{PaginationStandAlone as m}from"./paginationStandAlone.js";const o=e(({additionalClasses:e,currentStep:o,maxCountersNumber:i,maxStepsNumber:n,variant:p,...u},l)=>{const N=r({additionalClassNames:e,component:"PAGINATION",variant:p}),x=Math.max(0,Math.min(o,n-1)),b=t({maxStepsNumber:n,propMaxCountersNumber:i}),d=a(x,n,b),f=d.indexOf(x+1),j=0===x,C=x===n-1;/* @__PURE__ */
+return s.jsx(m,{ref:l,cssClasses:N,leftDisabled:j,rightDisabled:C,stepActive:f,stepsNumber:d,...u})});export{o as Pagination};

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

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

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

@@ -0,0 +1 @@
+import{ArrowPositions as t}from"./types.js";const e=({arrowElement:e,arrowX:r,arrowY:o,offset:l="0px",placement:s})=>{if(!e)return;e.setAttribute("data-kbt-placement",s),e.style.top="",e.style.right="",e.style.bottom="",e.style.left="";const a=s.split("-")[0],n=t[a];e.style[n]=l;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)")}},r=(t,r,o,l,s,a)=>{if(!t||!o.arrow||!r)return;const{x:n,y:f}=o.arrow;let p=`-${Math.floor(a/2)}px`;s&&void 0!==s[0]&&(p=-Math.abs(s[0]/4)+"px"),e({arrowElement:r,arrowX:n,arrowY:f,offset:p,placement:l})};export{r as positionArrow,e as updateArrowStyles};

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

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

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

@@ -0,0 +1 @@
+const t=(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}};export{t as determinePositioningConfig};

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

@@ -0,0 +1 @@
+import{DEFAULT_PLACEMENT as t}from"../../types/animation.js";const o=({edgePadding:o=0,isBodyAnchor:r=!0,placement:i=t,strategy:e,useFloatingUICoordinates:n=!1,x:a=0,y:s=0})=>{if(!r)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:e,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:e,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[i]||x.defaultStyle},r=({edgePadding:r=0,hasCustomMiddlewares:i=!1,isBodyAnchor:e,middlewareStack:n=[],placement:a,ref:s,strategy:x,x:f=0,y:b=0})=>{if(s?.current)if(e?s.current.setAttribute("data-kbt-placement",a||t):s.current.setAttribute("data-kbt-placement",s.current.getAttribute("data-kbt-placement")||a||"bottom"),e){const t=n.some(t=>"body-auto-centering"===t.name),e=o({edgePadding:r,placement:a,strategy:x,useFloatingUICoordinates:i||t,x:f,y:b});Object.assign(s.current.style,e)}else{const t=o({edgePadding:r,isBodyAnchor:!1,placement:a,strategy:x,x:f,y:b});Object.assign(s.current.style,t)}};export{r as applyPositionStyles,o as getPositionStyles};

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

@@ -0,0 +1 @@
+const t={bottom:"top",left:"right",right:"left",top:"bottom"};export{t as ArrowPositions};

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './middlewares.js';
+export {  Popover  } from './popover.js';

package/dist/esm/components/popover/popover.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+const e="center";export{e as DEFAULT_PLACEMENT};

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

@@ -0,0 +1 @@
+import{DEFAULT_PLACEMENT as t}from"../types/animation.js";const o=o=>o?o.startsWith("top")?"top":o.startsWith("bottom")?"bottom":o.startsWith("left")?"left":o.startsWith("right")?"right":t:t;export{o as getPlacementDirection};

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

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

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

@@ -0,0 +1 @@
+export {  Portal  } from './portal.js';

package/dist/esm/components/portal/portal.js

@@ -0,0 +1 @@
+import{createPortal as e}from"react-dom";const t=({children:t,wrapperId:d})=>{let r=document.body;return d&&(r=document.getElementById(d),r||(r=(e=>{const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t})(d))),e(t,r)};export{t as Portal};

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

@@ -0,0 +1 @@
+export {  ProgressBar  } from './progressBar.js';

package/dist/esm/components/progressBar/progressBar.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{ProgressBarStandalone as r}from"./progressBarStandAlone.js";const t=a(({additionalSizeClasses:a,additionalVariantClasses:t,percentProgressCompleted:o,size:i,variant:n,...m},l)=>{const p=e({additionalClassNames:t,component:"PROGRESS_BAR",variant:n}),d=e({additionalClassNames:a,component:"PROGRESS_BAR",variant:i}),C=o?Math.min(Math.max(o,0),100):0;/* @__PURE__ */
+return s.jsx(r,{...m,ref:l,cssSizeClasses:d,cssVariantClasses:p,progressCompleted:C})});export{t as ProgressBar};

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

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

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

@@ -0,0 +1,2 @@
+export {  RadioButton  } from './radioButton.js';
+export {  RadioButtonStandAlone  } from './radioButtonStandAlone.js';