@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.41

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +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};
+import{getPlacementDirection as e}from"../../utils/placement.utils.js";import{arrow as t,flip as i,hide as s,offset as n,shift as a}from"@floating-ui/dom";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?((t,i)=>{const s=e(t),r=[];return"center"===s?r.push(a({crossAxis:!0,mainAxis:!0,padding:i})):s.startsWith("right")||s.startsWith("left")?r.push(n({alignmentAxis:0,mainAxis:0})):(s.startsWith("bottom")||s.startsWith("top"))&&r.push(n({mainAxis:0})),r})(l,o):((e,t,s)=>{const r=[];return r.push(n({crossAxis:t?.[1]||0,mainAxis:e})),r.push(i({fallbackAxisSideDirection:"start",padding:s})),r.push(a({padding:s})),r})(c,p,o),(({arrowElement:e,edgePadding:i,hideWhenDetached:n,isBodyAnchor:a,middlewareStack:r})=>{!a&&n&&r.push(s()),e&&r.push(t({element:e,padding:i}))})({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

@@ -1 +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};
+const t=(t,a,e)=>{if(t){const t="fixed";return e?{actualPlacement:e,autoStrategy:t}:{actualPlacement:"center",autoStrategy:t}}return{actualPlacement:e||"top",autoStrategy:a}};export{t as determinePositioningConfig};

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

@@ -1 +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};
+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:t=0,hasCustomMiddlewares:r=!1,isBodyAnchor:i,middlewareStack:e=[],placement:n,ref:a,strategy:s,x:x=0,y:f=0})=>{if(a?.current)if(i?a.current.setAttribute("data-kbt-placement",n||"center"):a.current.setAttribute("data-kbt-placement",a.current.getAttribute("data-kbt-placement")||n||"bottom"),i){const i=e.some(t=>"body-auto-centering"===t.name),b=o({edgePadding:t,placement:n,strategy:s,useFloatingUICoordinates:r||i,x:x,y:f});Object.assign(a.current.style,b)}else{const r=o({edgePadding:t,isBodyAnchor:!1,placement:n,strategy:s,x:x,y:f});Object.assign(a.current.style,r)}};export{r as applyPositionStyles};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{arrow as a,autoPlacement as s,flip as o,hide as i,offset as t,shift as e,size as f}from"@floating-ui/dom";export{a as popoverMWArrow,s as popoverMWAutoPlacement,o as popoverMWFlip,i as popoverMWHide,t as popoverMWOffset,e as popoverMWShift,f as popoverMWSize};

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

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

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

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

@@ -1 +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};
+import{getPlacementDirection as r}from"./placement.utils.js";var 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})};const 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=o[r(t)];i&&Object.assign(b,i(e.border))}return b};export{t as getArrowBorderStyles};

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

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

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

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

@@ -1,4 +1,2 @@
-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};
+import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{forwardRef as a}from"react";import{jsx as s,jsxs as e}from"react/jsx-runtime";const i=a(({barAriaLabel:a,color:i,cssSizeClasses:o,cssVariantClasses:t,progressAnimation:l,progressCompleted:n,...c},d)=>{const m=c["data-testid"]||"progress-bar",b={backgroundColor:i?.bar},p={backgroundColor:i?.progressBar,transition:`width ${l?.duration} ${l?.timingFunction}`,width:`${n}%`};/* @__PURE__ */
+return s("div",{ref:d,className:t?.progress_bar,"data-testid":`${m}-progressbar`,children:/* @__PURE__ */e("div",{className:t?.barcontainer,children:[/* @__PURE__ */s("div",{"aria-label":a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":n,className:r(o?.bar,t?.bar),"data-testid":m,role:"progressbar",style:b}),/* @__PURE__ */s("div",{className:r(o?.progressbar,t?.progressbar),style:p})]})})});export{i as ProgressBarStandalone};

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

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{RadioButtonStandAlone as t}from"./radioButtonStandAlone.js";import{getState as e}from"./utils/state.utils.js";const o=({additionalClasses:o,checked:r=!1,cssClasses:i,disabled:l=!1,error:m=!1,variant:n,...d})=>{const c=a({additionalClassNames:o,component:"RADIO_BUTTON",variant:n}),u=e(r,l,m);/* @__PURE__ */
-return s.jsx(t,{cssClasses:i??c,state:u,...d,checked:r,disabled:l,error:m})};export{o as RadioButton};
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{RadioButtonStandAlone as a}from"./radioButtonStandAlone.js";import{getState as e}from"./utils/state.utils.js";import{jsx as t}from"react/jsx-runtime";const o=({additionalClasses:o,checked:r=!1,cssClasses:i,disabled:l=!1,error:m=!1,variant:n,...d})=>{const c=s({additionalClassNames:o,component:"RADIO_BUTTON",variant:n}),u=e(r,l,m);/* @__PURE__ */
+return t(a,{cssClasses:i??c,state:u,...d,checked:r,disabled:l,error:m})};export{o as RadioButton};

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

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

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

@@ -1 +1 @@
-const e=({descriptionId:e,error:r,errorMessage:o,errorMessageId:s,screenReaderId:t})=>{let d="";e&&(d+=`${e}`),t&&(d+=` ${t}`),o&&r&&(d+=` ${s}`);const n=d.trim();return n.length>0?n:void 0};export{e as buildAriaLabelledBy};
+const e=({descriptionId:e,error:r,errorMessage:o,errorMessageId:s,screenReaderId:t})=>{let d="";e&&(d+=`${e}`),t&&(d+=` ${t}`),o&&r&&(d+=` ${s}`);const n=d.trim();return n.length>0?n:void 0};export{e as buildAriaLabelledBy};

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

@@ -1 +1 @@
-import{STATES as E}from"../../../lib/types/states/states.js";const t=(t=!1,s=!1,D=!1)=>{const L=D,R=s,e=t;return L&&!e?E.ERROR:L&&e?E.ERROR_SELECTED:R&&!e?E.DISABLED:R&&e?E.DISABLED_SELECTED:e?E.SELECTED:E.DEFAULT};export{t as getState};
+import{STATES as E}from"../../../lib/types/states/states.js";const t=(t=!1,s=!1,D=!1)=>{const L=D,R=s,e=t;return L&&!e?E.ERROR:L&&e?E.ERROR_SELECTED:R&&!e?E.DISABLED:R&&e?E.DISABLED_SELECTED:e?E.SELECTED:E.DEFAULT};export{t as getState};

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

@@ -0,0 +1,2 @@
+export {  SelectControlled  } from './selectControlled.js';
+export {  Select  } from './selectUncontrolled.js';

package/dist/esm/components/select/selectControlled.js

@@ -0,0 +1 @@
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as o}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{TAB as r}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as s}from"../../lib/utils/keyboard/keyboard.js";import{focusFirstDescendant as t}from"../../lib/utils/focusHandlers/focusHandlers.js";import{SelectStandAlone as n}from"./selectStandAlone.js";import{forwardRef as i,useEffect as l,useRef as a}from"react";import{jsx as m}from"react/jsx-runtime";const p=i(({additionalClasses:i,closePopoverOnScroll:p,listOptions:c,onClosePopover:d,open:u,url:f,variant:v,...y},C)=>{const{LINK:b}=o(),j=e({additionalClassNames:i,component:"SELECT",variant:v}),k=a(null);return l(()=>{if(p)return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[p,d]),/* @__PURE__ */m(n,{ref:C,component:f?b:"button",cssClasses:j,listOptions:c,listOptionsRef:k,open:u,onButtonKeyDown:e=>{u&&s(e.key,r.key)&&!e.shiftKey&&k.current&&("selection"===c.type?k.current.firstElementChild?.focus():t({element:k.current}),e.preventDefault())},onClosePopover:d,...y})});export{p as SelectControlled};

package/dist/esm/components/select/selectStandAlone.js

@@ -0,0 +1,2 @@
+import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as t}from"../text/text2.js";import{processIconProp as n,processTextProp as s}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{keyDownMove as r,keyUpMove as l}from"../listOptions/utils/listOptions.utils.js";import{ListOptions as a}from"../listOptions/listOptions.js";import{Popover as c}from"../popover/popover.js";import{forwardRef as p,useId as m,useMemo as u}from"react";import{jsx as d,jsxs as b}from"react/jsx-runtime";const v=p(({buttonOrLinkRef:p,component:v,cssClasses:f,icon:C,label:h,listOptions:k,listOptionsRef:y,onBlur:x,onButtonClick:O,onButtonKeyDown:g,onClosePopover:D,onFocus:j,onKeyDown:F,onOptionClick:M,open:w,optionSelected:A,popover:K,url:B,urlTarget:N,...E},I)=>{const R=`select-${m().replace(/:/g,"")}`,T=w?`${R}-list`:void 0,$=E["data-testid"]||"select",L=e(E),P=u(()=>{return{currentFocusSelected:-1,keyDownMove:r(k.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(o=k.options,(e,t)=>{if(t?.shiftKey){const o=Math.max(e,0)-1;return o>=0&&t?.preventDefault(),Math.max(o,0)}const n=Math.max(e,0)+1;return n<=o.length-1&&t?.preventDefault(),Math.min(n,o.length-1)}),keyUpMove:l,size:k.options.length};var o},[k.options]);/* @__PURE__ */
+return b("div",{ref:I,className:f?.select,"data-testid":$,role:"combobox",onBlur:x,onFocus:j,onKeyDown:F,...L,"aria-controls":"select-list","aria-expanded":w,tabIndex:0,children:[/* @__PURE__ */b(o,{ref:p,"aria-controls":T,"aria-expanded":w,"aria-haspopup":"listbox",className:f?.buttonorlinkcontainer,component:v,target:B?N:void 0,type:B?void 0:"button",url:B,onClick:O,onKeyDown:g,children:[/* @__PURE__ */d(t,{additionalClasses:{text:w?f?.labelopened:f?.labelclosed},component:"span",...s(h)}),/* @__PURE__ */d(i,{className:w?f?.iconopened:f?.iconclosed,rotate:w?"180deg":"0deg",transitionDuration:"0.2s",...n(C)})]}),!!K&&/* @__PURE__ */d(c,{anchorElement:p?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:T,open:w,placement:"bottom",preventCloseOnClickElements:[p?.current],strategy:"absolute",...K,onClose:()=>{D(),K?.onClose?.()},children:/* @__PURE__ */d("div",{className:f?.listoptionscontainer,"data-testid":`${$}-list`,children:!!k.variant&&!!k.optionVariant&&/* @__PURE__ */d(a,{ref:y,roveFocus:"selection"===k.type?P:void 0,selectedValue:A,...k,onOptionClick:o=>{M(o),D()}})})})]})});export{v as SelectStandAlone};

package/dist/esm/components/select/selectUncontrolled.js

@@ -0,0 +1 @@
+import{ESCAPE as e}from"../../lib/constants/keyboardKeys/keyboardKeys.js";import{SelectControlled as o}from"./selectControlled.js";import{forwardRef as n,useEffect as t,useRef as r,useState as i}from"react";import{jsx as c}from"react/jsx-runtime";const l=n(({defaultOpen:n=!1,defaultOptionSelected:l,onBlur:s,onButtonClick:u,onClosePopover:d,onFocus:a,onOptionClick:p,openAndCloseOnHover:m=!1,...f},k)=>{const[y,v]=i(n),[C,b]=i(l),O=r(null);return t(()=>{const e=()=>{document.hidden&&v(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]),/* @__PURE__ */c(o,{...f,ref:k,buttonOrLinkRef:O,open:y,optionSelected:C,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(v(!1),s?.(!1)),m&&(v(!1),s?.(!1))},onButtonClick:()=>{u?.(!y),v(!y)},onClosePopover:()=>{v(!1),d?.(!1)},onFocus:()=>{m&&(v(!0),a?.(!0))},onKeyDown:o=>{e.key.includes(o.key)&&y&&(O.current?.focus(),v(!1))},onOptionClick:e=>{b(e),p?.(e)}})});export{l as SelectUnControlled};

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

@@ -1,7 +1,2 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Children as i,isValidElement as n,cloneElement as e}from"react";import{RenderIf as o}from"../../../lib/components/renderIf/renderIf.js";import{pickCustomAttributes as a}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useBorderAnimation as s}from"../hooks/useBorderAnimation.js";const r=({children:r,cssClasses:c,focus:m,onAnimationCompleted:d,percentage:l,state:f,...j})=>{const{bottomRef:p,leftRef:u,rightRef:x,topRef:h}=s({onAnimationCompleted:d,percentage:l}),b=a({...{"data-focus":m,"data-state":f}}),v=c?.animationcontainer,N=c?.topanimationcontainer,g=c?.rightanimationcontainer,A=c?.bottomanimationcontainer,C=c?.leftanimationcontainer,R=i.map(r,t=>n(t)?e(t,{focus:m}):t);return v?/* @__PURE__ */t.jsxs("div",{className:v,"data-focus":m,"data-testid":`${j["data-testid"]}-animations`,...b,children:[
-/* @__PURE__ */t.jsx(o,{condition:!!N,children:/* @__PURE__ */t.jsx("div",{...b,ref:h,className:N})}),
-/* @__PURE__ */t.jsx(o,{condition:!!g,children:/* @__PURE__ */t.jsx("div",{...b,ref:x,className:g})}),
-/* @__PURE__ */t.jsx(o,{condition:!!A,children:/* @__PURE__ */t.jsx("div",{...b,ref:p,className:A})}),
-/* @__PURE__ */t.jsx(o,{condition:!!C,children:/* @__PURE__ */t.jsx("div",{...b,ref:u,className:C})}),
-/* @__PURE__ */t.jsx("div",{...b,className:c.borderanimationcontainer,children:r})]}):
-/* @__PURE__ */t.jsx(t.Fragment,{children:R})};export{r as SelectorBoxFileAnimation};
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useBorderAnimation as a}from"../hooks/useBorderAnimation.js";import{Children as e,cloneElement as i,isValidElement as o}from"react";import{Fragment as n,jsx as r,jsxs as s}from"react/jsx-runtime";const m=({children:m,cssClasses:c,focus:d,onAnimationCompleted:f,percentage:l,state:p,...u})=>{const{bottomRef:h,leftRef:b,rightRef:v,topRef:N}=a({onAnimationCompleted:f,percentage:l}),g=t({"data-focus":d,"data-state":p}),A=c?.animationcontainer,C=c?.topanimationcontainer,R=c?.rightanimationcontainer,j=c?.bottomanimationcontainer,k=c?.leftanimationcontainer,x=e.map(m,t=>o(t)?i(t,{focus:d}):t);return A?/* @__PURE__ */s("div",{className:A,"data-focus":d,"data-testid":`${u["data-testid"]}-animations`,...g,children:[!!C&&/* @__PURE__ */r("div",{...g,ref:N,className:C}),!!R&&/* @__PURE__ */r("div",{...g,ref:v,className:R}),!!j&&/* @__PURE__ */r("div",{...g,ref:h,className:j}),!!k&&/* @__PURE__ */r("div",{...g,ref:b,className:k}),
+/* @__PURE__ */r("div",{...g,className:c.borderanimationcontainer,children:m})]}):/* @__PURE__ */r(n,{children:x})};export{m as SelectorBoxFileAnimation};

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

@@ -1,13 +1,6 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{ElementOrIcon as n}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as o}from"../../../lib/components/renderIf/renderIf.js";import{STATES as e}from"../../../lib/types/states/states.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as c}from"../../../lib/utils/process/processText/processText.js";const a=({containerBoxStateContent:a,cssClasses:r,filename:l,focus:m,htmlFor:x,loader:d,state:p})=>{const u={"data-focus":m,"data-state":p};/* @__PURE__ */
-return t.jsxs("label",{className:r?.containerboxcontainer,"data-focus":m,htmlFor:x,...i(u),children:[
-/* @__PURE__ */t.jsxs("span",{children:[d,
-/* @__PURE__ */t.jsx(n,{className:r?.containerboxicon,customAttributes:u,...a[p]?.icon}),
-/* @__PURE__ */t.jsx(n,{className:r?.containerboxicon,customAttributes:u,...a[p]?.icon})]}),
-/* @__PURE__ */t.jsxs("span",{className:r?.containerboxtextscontainer,...i(u),children:[
-/* @__PURE__ */t.jsx(o,{condition:!!l&&[e.LOADING,e.SUCCESS,e.ERROR].includes(p),children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:u,children:l})}),
-/* @__PURE__ */t.jsxs("span",{className:r?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(o,{condition:!!c(a[p]?.actionText).children,children:/* @__PURE__ */t.jsxs("span",{className:r?.actioniconandactiontextcontainer,...i(u),children:[
-/* @__PURE__ */t.jsx(n,{className:r?.actionicon,customAttributes:u,...a[p]?.actionIcon}),
-/* @__PURE__ */t.jsx(s,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:u,...c(a[p]?.actionText),children:c(a[p]?.actionText).children})]})}),
-/* @__PURE__ */t.jsx(o,{condition:!!a[p]?.description,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:u,...c(a[p]?.description),children:c(a[p]?.description).children})})]})]}),
-/* @__PURE__ */t.jsx(o,{condition:!!a[p]?.iconRight,children:/* @__PURE__ */t.jsx("span",{children:/* @__PURE__ */t.jsx(n,{className:r?.containerboxicon,customAttributes:u,...a[p]?.iconRight})})})]})};export{a as SelectorBoxFileContainerBox};
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as o}from"../../text/text2.js";import{processIconProp as n,processTextProp as e}from"../../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as s}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as i}from"../../../lib/types/states/states.js";import{jsx as c,jsxs as a}from"react/jsx-runtime";const r=({containerBoxStateContent:r,cssClasses:l,filename:m,focus:p,htmlFor:d,loader:u,state:b})=>{const x={"data-focus":p,"data-state":b};/* @__PURE__ */
+return a("label",{className:l?.containerboxcontainer,"data-focus":p,htmlFor:d,...t(x),children:[
+/* @__PURE__ */a("span",{children:[u,
+/* @__PURE__ */c(s,{className:l?.containerboxicon,customAttributes:x,...n(r[b]?.icon)}),
+/* @__PURE__ */c(s,{className:l?.containerboxicon,customAttributes:x,...n(r[b]?.icon)})]}),
+/* @__PURE__ */a("span",{className:l?.containerboxtextscontainer,...t(x),children:[!!m&&[i.LOADING,i.SUCCESS,i.ERROR].includes(b)&&/* @__PURE__ */c(o,{additionalClasses:{text:l?.containerboxfilename},component:"span",customAttributes:x,children:m}),!!e(r[b]?.actionText).children&&/* @__PURE__ */a("span",{className:l?.actioniconandactiontextcontainer,...t(x),children:[/* @__PURE__ */c(s,{className:l?.actionicon,customAttributes:x,...n(r[b]?.actionIcon)}),/* @__PURE__ */c(o,{additionalClasses:{text:l?.containerboxactiontext},component:"span",customAttributes:x,...e(r[b]?.actionText),children:e(r[b]?.actionText).children})]}),!!r[b]?.description&&/* @__PURE__ */c(o,{additionalClasses:{text:l?.containerboxdescription},component:"span",customAttributes:x,...e(r[b]?.description),children:e(r[b]?.description).children})]}),!!r[b]?.iconRight&&/* @__PURE__ */c("span",{children:/* @__PURE__ */c(s,{className:l?.containerboxicon,customAttributes:x,...n(r[b]?.iconRight)})})]})};export{r as SelectorBoxFileContainerBox};

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

@@ -1 +1 @@
-import{useRef as e,useState as t,useEffect as n}from"react";import{getTopBarWith as r,getRightBarHeight as i,getBottomBarWith as c,getLeftBarHeight as s}from"../utils/animation/animation.js";const o="100%",a=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))},u=({...u})=>{const d=e(null),l=e(null),h=e(null),g=e(null),[p,m]=t(!1),[v,y]=t(!1),[E,L]=t(!1);return n(()=>{0===u.percentage?(a(d.current,"width"),a(l.current,"height"),a(h.current,"width"),a(g.current,"height"),m(!1),y(!1),L(!1)):u.percentage>0&&(u.percentage>=0&&d?.current&&(d.current.style.width=`${r(u.percentage)}%`),p&&u.percentage>25&&l?.current&&(l.current.style.height=`${i(u.percentage)}%`),v&&u.percentage>50&&h?.current&&(h.current.style.width=`${c(u.percentage)}%`),E&&u.percentage>75&&g?.current&&(g.current.style.height=`${s(u.percentage)}%`))},[u.percentage,p,v,E]),n(()=>{const e=()=>{m(d.current?.style.width===o)},t=()=>{y(l.current?.style.height===o)},n=()=>{L(h.current?.style.width===o)},r=()=>{g.current?.style.height===o&&u.onAnimationCompleted?.()};return d.current?.addEventListener("transitionend",e),l.current?.addEventListener("transitionend",t),h.current?.addEventListener("transitionend",n),g.current?.addEventListener("transitionend",r),()=>{d.current?.removeEventListener("transitionend",e),l.current?.removeEventListener("transitionend",t),h.current?.removeEventListener("transitionend",n),g.current?.removeEventListener("transitionend",r)}},[]),{bottomRef:h,leftRef:g,rightRef:l,topRef:d}};export{u as useBorderAnimation};
+import{getBottomBarWith as e,getLeftBarHeight as t,getRightBarHeight as n,getTopBarWith as r}from"../utils/animation/animation.js";import{useEffect as i,useRef as c,useState as s}from"react";var o="100%",a=(e,t)=>{e&&(e.style.transition="none",e.style[t]="0%",e.style.removeProperty("transition"))};const u=({...u})=>{const d=c(null),l=c(null),h=c(null),g=c(null),[p,m]=s(!1),[v,y]=s(!1),[E,L]=s(!1);return i(()=>{0===u.percentage?(a(d.current,"width"),a(l.current,"height"),a(h.current,"width"),a(g.current,"height"),m(!1),y(!1),L(!1)):u.percentage>0&&(u.percentage>=0&&d?.current&&(d.current.style.width=`${r(u.percentage)}%`),p&&u.percentage>25&&l?.current&&(l.current.style.height=`${n(u.percentage)}%`),v&&u.percentage>50&&h?.current&&(h.current.style.width=`${e(u.percentage)}%`),E&&u.percentage>75&&g?.current&&(g.current.style.height=`${t(u.percentage)}%`))},[u.percentage,p,v,E]),i(()=>{const e=()=>{m(d.current?.style.width===o)},t=()=>{y(l.current?.style.height===o)},n=()=>{L(h.current?.style.width===o)},r=()=>{g.current?.style.height===o&&u.onAnimationCompleted?.()};return d.current?.addEventListener("transitionend",e),l.current?.addEventListener("transitionend",t),h.current?.addEventListener("transitionend",n),g.current?.addEventListener("transitionend",r),()=>{d.current?.removeEventListener("transitionend",e),l.current?.removeEventListener("transitionend",t),h.current?.removeEventListener("transitionend",n),g.current?.removeEventListener("transitionend",r)}},[]),{bottomRef:h,leftRef:g,rightRef:l,topRef:d}};export{u as useBorderAnimation};

package/dist/esm/components/selectorBoxFile/selectorBoxFile.js

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

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

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

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

@@ -1 +1 @@
-import{translateValue as t}from"../translateValue/translateValue.js";const a=(a,u,n)=>a>n?100:t({inputMax:n,inputMin:u,outputMax:100,outputMin:0,value:a}),u=t=>a(t,0,25),n=t=>a(t,25,50),e=t=>a(t,50,75),o=t=>a(t,75,100);export{e as getBottomBarWith,o as getLeftBarHeight,n as getRightBarHeight,u as getTopBarWith};
+import{translateValue as t}from"../translateValue/translateValue.js";var a=(a,u,n)=>a>n?100:t({inputMax:n,inputMin:u,outputMax:100,outputMin:0,value:a});const u=t=>a(t,0,25),n=t=>a(t,25,50),e=t=>a(t,50,75),o=t=>a(t,75,100);export{e as getBottomBarWith,o as getLeftBarHeight,n as getRightBarHeight,u as getTopBarWith};

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

@@ -1 +1 @@
-import{STATES as t}from"../../../../lib/types/states/states.js";const s=(s,e,o,D)=>D?t.DISABLED:o?t.ERROR:e?t.SUCCESS:s?t.LOADING:t.DEFAULT;export{s as getState};
+import{STATES as t}from"../../../../lib/types/states/states.js";const s=(s,e,o,D)=>D?t.DISABLED:o?t.ERROR:e?t.SUCCESS:s?t.LOADING:t.DEFAULT;export{s as getState};

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

@@ -1 +1 @@
-const t=({inputMax:t,inputMin:n,outputMax:u,outputMin:a,value:i})=>{if(n===t)return a;const M=a+(i-n)/(t-n)*(u-a);return Math.min(u,Math.max(a,M))};export{t as translateValue};
+const t=({inputMax:t,inputMin:n,outputMax:u,outputMin:a,value:i})=>{if(n===t)return a;const M=a+(i-n)/(t-n)*(u-a);return Math.min(u,Math.max(a,M))};export{t as translateValue};

package/dist/esm/components/skeleton/skeleton2.js

@@ -0,0 +1,2 @@
+import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{SkeletonStandAlone as a}from"./skeletonStandAlone.js";import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";const o=e(({additionalClasses:e,additionalShapeClasses:o,shapeVariant:r,variant:n,...i},m)=>{const l=s({component:"SKELETON",variant:n}),p=s({component:"SKELETON",variant:r});/* @__PURE__ */
+return t(a,{...i,ref:m,cssClasses:l,cssShapeClasses:p,shapeVariant:n})});export{o as Skeleton};

package/dist/esm/components/skeleton/skeletonStandAlone.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";/* empty css            */import{forwardRef as t}from"react";import{classNames as e}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=t(({cssClasses:t,cssShapeClasses:i,duration:r="1.2s",height:l,width:a,...m},n)=>{const c=o(m);/* @__PURE__ */
-return s.jsx("div",{ref:n,className:e("kbt-skeleton",t?.skeleton,i?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":r,"--skeleton-height":l,"--skeleton-width":a},...c})});export{i as SkeletonStandAlone};
+import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{classNames as t}from"../../lib/utils/classNames/classNames.js";/* empty css        */import{forwardRef as e}from"react";import{jsx as o}from"react/jsx-runtime";const i=e(({cssClasses:e,cssShapeClasses:i,duration:r="1.2s",height:l,width:a,...m},n)=>{const c=s(m);/* @__PURE__ */
+return o("div",{ref:n,className:t("kbt-skeleton",e?.skeleton,i?.skeleton),"data-testid":"skeleton",style:{"--skeleton-duration":r,"--skeleton-height":l,"--skeleton-width":a},...c})});export{i as SkeletonStandAlone};

package/dist/esm/components/slider/components/sliderButtonStandAlone.js

@@ -1 +1 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as s}from"../../button/button.js";const n=({content:n,cssClasses:e,customAttributes:o,...r})=>{const i=e?.decrement_button_variant,a=e?.decrement_button_size;return i&&a?/* @__PURE__ */t.jsx(s,{...r,additionalSizeClasses:a,additionalVariantClasses:i,children:n}):null};export{n as SliderButtonStandAlone};
+import{Button as t}from"../../button/button.js";import{jsx as e}from"react/jsx-runtime";const n=({content:n,cssClasses:s,customAttributes:o,...r})=>{const i=s?.decrement_button_variant,a=s?.decrement_button_size;return i&&a?/* @__PURE__ */e(t,{...r,additionalSizeClasses:a,additionalVariantClasses:i,children:n}):null};export{n as SliderButtonStandAlone};

package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js

@@ -1,3 +1 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{Text as t}from"../../text/text.js";import{RenderIf as s}from"../../../lib/components/renderIf/renderIf.js";const r=({cssClasses:r,customAttributes:i,leftHelperText:n,leftHelperTextId:l,rightHelperText:o,rightHelperTextId:c})=>n||o?/* @__PURE__ */e.jsxs("div",{className:r?.helpertextcontainer,children:[
-/* @__PURE__ */e.jsx(s,{condition:!!n,children:/* @__PURE__ */e.jsx("div",{className:r?.helpertextleftcontainer,children:/* @__PURE__ */e.jsx(t,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:l,children:n})})}),
-/* @__PURE__ */e.jsx(s,{condition:!!o,children:/* @__PURE__ */e.jsx("div",{className:r?.helpertextrightcontainer,children:/* @__PURE__ */e.jsx(t,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:c,children:o})})})]}):null;export{r as SliderHelperTextStandAlone};
+import{Text as e}from"../../text/text2.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";const s=({cssClasses:s,customAttributes:l,leftHelperText:i,leftHelperTextId:n,rightHelperText:a,rightHelperTextId:c})=>i||a?/* @__PURE__ */r("div",{className:s?.helpertextcontainer,children:[!!i&&/* @__PURE__ */t("div",{className:s?.helpertextleftcontainer,children:/* @__PURE__ */t(e,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:l,id:n,children:i})}),!!a&&/* @__PURE__ */t("div",{className:s?.helpertextrightcontainer,children:/* @__PURE__ */t(e,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:l,id:c,children:a})})]}):null;export{s as SliderHelperTextStandAlone};

package/dist/esm/components/slider/components/sliderScaleStandAlone.js

@@ -1,2 +1,2 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{useState as t,useRef as r,useEffect as e}from"react";import{useId as o}from"../../../lib/hooks/useId/useId.js";import{pickCustomAttributes as c}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=({cssClasses:i,customAttributes:l,scaleOffsets:u,showScale:a})=>{const n=o("tickmarks"),[m,p]=t("0px"),f=r(null);return e(()=>{f.current&&p(`${f.current.offsetWidth}px`)},[f.current]),a&&a?/* @__PURE__ */s.jsx("div",{className:i?.scalecontainer,id:n,...c(l),children:u.map((t,r)=>{const e={left:`calc(${t}% - ${m} / 2)`};/* @__PURE__ */
-return s.jsx("span",{className:i?.scaleoption,style:e},`${n}-${r.toString()}`)})}):null};export{i as SliderScaleStandAlone};
+import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useEffect as s,useId as r,useRef as e,useState as c}from"react";import{jsx as i}from"react/jsx-runtime";const o=({cssClasses:o,customAttributes:l,scaleOffsets:a,showScale:n})=>{const u=`tickmarks-${r().replace(/:/g,"")}`,[m,p]=c("0px"),f=e(null);return s(()=>{f.current&&p(`${f.current.offsetWidth}px`)},[f.current]),n&&n?/* @__PURE__ */i("div",{className:o?.scalecontainer,id:u,...t(l),children:a.map((t,s)=>{const r={left:`calc(${t}% - ${m} / 2)`};/* @__PURE__ */
+return i("span",{className:o?.scaleoption,style:r},`${u}-${s.toString()}`)})}):null};export{o as SliderScaleStandAlone};