@kubit-ui-web/react-components 2.0.0-beta.6 → 2.0.0-beta.62

package/dist/esm/components/textArea/components/helpMessageStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Text as s}from"../../text/text.mjs";import{processTextProp as e}from"../../../lib/utils/process/processCommonProp.mjs";const o=({cssClasses:o,customAttributtes:m,helpMessage:r,id:i})=>t(s,{additionalClasses:{text:o?.helpmessage},component:"small",customAttributes:m,id:i,...e(r)});export{o as HelpMessageStandAlone};

package/dist/esm/components/textArea/components/textCount/__stories__/argtypes.mjs

@@ -0,0 +1 @@
+import{TextVariantType as t}from"@/lib/designSystem/kubit/components/text/variants";import{TextCountVariantType as e}from"@/lib/designSystem/kubit/components/textCount/variants";import{configArgTypes as r}from"@/lib/storybook/argtypes/argtypes";import{CATEGORY_CONTROL as o}from"@/lib/storybook/constants/categoryControl";const n=()=>({...r,currentCharacters:{control:{type:"number"},description:"Current number of characters",table:{category:o.CONTENT,type:{summary:"number"}},type:{name:"number",required:true}},id:{control:{type:"text"},description:"String used for id screen reader text",table:{category:o.ACCESIBILITY,type:{summary:"string"}},type:{name:"string",required:true}},leftColor:{control:{type:"color"},description:"TextCount left color",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},leftWeight:{control:{type:"text"},description:"TextCount left font weight",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},marginTop:{control:{type:"text"},description:"Margin top",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},maxLength:{control:{type:"number"},description:"Max length of characters",table:{category:o.CONTENT,type:{summary:"number"}},type:{name:"number",required:true}},rightColor:{control:{type:"color"},description:"TextCount right color",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},rightWeight:{control:{type:"text"},description:"TextCount right font weight",table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},screenReaderText:{control:{type:"text"},description:"String used for screen reader text",table:{category:o.ACCESIBILITY,type:{summary:"string"}},type:{name:"string",required:true}},textVariant:{control:{type:"select"},description:"Text variant styles",options:Object.keys(t),table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string"}},variant:{control:{type:"select"},description:"Variant to add styles",options:Object.keys(e),table:{category:o.MODIFIERS,type:{summary:"string"}},type:{name:"string",required:true}}});export{n as argtypes};

package/dist/esm/components/textArea/components/textCount/textCount.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as t}from"../../../../lib/hooks/useClassName/useClassName.mjs";import{TextCountStandAlone as e}from"./textCountStandAlone.mjs";const m="TEXT_COUNT";const r=o(({additionalClasses:o,variant:r,...a},n)=>{const i=t({additionalClassNames:o,component:m,variant:r});return s(e,{...a,ref:n,cssClasses:i})});export{r as TextCount};

package/dist/esm/components/textArea/components/textCount/textCountStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Text as i}from"../../../text/text.mjs";import{ScreenReaderOnly as o}from"../../../../lib/components/screen-reader-only/screenReaderOnly.mjs";import{pickCustomAttributes as n}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const s=({cssClasses:r,currentCharacters:s,id:a,leftColor:c,leftWeight:l,marginTop:m,maxLength:d,rightColor:p,rightWeight:u,screenReaderText:x,textVariant:h,...f},C)=>{const b=()=>{if(0===s||s>=d)return"polite"};const j=n(f);return e("div",{ref:C,"aria-live":b(),className:r?.text_count,"data-testid":"text-count",style:{marginTop:m},...j,children:[t(o,{children:x},s),t(i,{additionalClasses:{text:r?.letftext},"aria-hidden":true,color:c,component:"span",variant:h,weight:l,children:s}),t(i,{additionalClasses:{text:r?.righttext},"aria-hidden":true,color:p,component:"span",variant:h,weight:u,children:` / ${d}`})]})};const a=r(s);export{a as TextCountStandAlone};

package/dist/esm/components/textArea/components/titleStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Text as e}from"../../text/text.mjs";import{processTextProp as o}from"../../../lib/utils/process/processCommonProp.mjs";const r=({cssClasses:r,customAttributtes:i,title:n})=>{if(!n)return null;return t("div",{className:r?.titlecontainer,...i,children:t(e,{additionalClasses:{text:r?.title},customAttributes:i,...o(n),component:o(n).component??"p",children:o(n).children})})};export{r as TitleStandAlone};

package/dist/esm/components/textArea/index.mjs

@@ -0,0 +1 @@
+import{TextArea as e}from"./textArea.mjs";export{e as TextArea};

package/dist/esm/components/textArea/textArea.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as o}from"react";import{useClassName as s}from"../../lib/hooks/useClassName/useClassName.mjs";import{TextAreaStandAlone as r}from"./textAreaStandAlone.mjs";import{getState as n}from"./utils/state.utils.mjs";const l="TEXT_AREA";const a=t(function({additionalClasses:t,disabled:a=false,error:m=false,labelInsideTextArea:i=false,onBlur:c,onFocus:u,value:f,variant:p,...y},d){const x=s({additionalClassNames:t,component:l,variant:p});const[w,S]=o(false);const b=e=>{if(i){const t=e?.target;const o=t?.parentElement;if(t&&o){const e=window.getComputedStyle(t);o.style.outline=e.outline;o.style.boxShadow=e.boxShadow;t.style.outline="none";t.style.boxShadow="none"}}S(true);u?.(e)};const h=e=>{if(i){const t=e?.target;const o=t?.parentElement;if(t&&o){o.style.removeProperty("outline");o.style.removeProperty("boxShadow");t.style.removeProperty("outline");t.style.removeProperty("boxShadow")}}S(false);c?.(e)};return e(r,{ref:d,cssClasses:x,state:n(a,m,f,w),value:f,onBlur:h,onFocus:b,...y})});export{a as TextArea};

package/dist/esm/components/textArea/textAreaStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as s,useId as r}from"react";import{LabelStandAlone as o}from"../label/labelStandAlone.mjs";import{STATES as a}from"../../lib/types/states/states.mjs";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.mjs";import{ErrorStandAlone as l}from"./components/errorStandAlone.mjs";import{HelpMessageStandAlone as c}from"./components/helpMessageStandAlone.mjs";import{TextCount as m}from"./components/textCount/textCount.mjs";import{TitleStandAlone as d}from"./components/titleStandAlone.mjs";import{buildAriaDescribedBy as u}from"./utils/aria.utils.mjs";const p=s(({additionalInfo:s,counterVariant:p,cssClasses:h,errorAriaLiveType:x="assertive",errorIcon:b,errorMessage:f,height:C,helpMessage:g,id:A,label:v,labelInsideTextArea:j,maxLength:y,onBlur:E,onChange:I,onFocus:L,placeholder:S,required:k,screenReaderTextCount:D,spellCheck:M,state:N,title:T,value:B,...$},_)=>{const q=r();const F=`textarea-${q.replace(/:/g,"")}`;const P=A??F;const w=`${P}HelpText`;const H=`${P}Error`;const K=`${P}TextCount`;const R=n({"data-state":N});const Y=[a.DISABLED_EMPTY,a.DISABLED_FILLED].includes(N);return t("div",{ref:_,className:h?.text_area,"data-testid":"text-area",...R,...n($),children:[e(d,{cssClasses:h,customAttributtes:R,title:T}),t("div",{className:h?.labeltextareacontainer,role:"button",style:{height:j?C:void 0},tabIndex:0,onClick:()=>document.getElementById(P)?.focus(),onKeyDown:e=>{if("Enter"===e.key)document.getElementById(P)?.focus()},children:[t("div",{className:h?.labelandadditionalinfocontainer,children:[e(o,{asteriskCssClasses:h?.required,customAttributes:R,inputId:P,required:k,textCssClasses:h?.label,...i(v),children:i(v).children}),s]}),e("textarea",{"aria-describedby":u({errorMessage:i(f).children,helpMessage:i(g).children,state:N,textAreaErrorId:H,textAreaHelpTextId:w}),className:h?.textarea,disabled:Y,id:P,maxLength:y,placeholder:S,required:k,spellCheck:M,style:{height:C||void 0},value:B,onBlur:E,onChange:I,onFocus:L,...R,children:B})]}),t("div",{className:h?.bottomcontainer,...R,children:[t("div",{className:h?.helpmessageerrorcontainer,...R,children:[e(l,{cssClasses:h,customAttributtes:R,errorAriaLiveType:x,errorIcon:b,errorMessage:f,id:H,state:N}),e(c,{cssClasses:h,customAttributtes:R,helpMessage:g,id:w})]}),!!p&&e(m,{additionalClasses:{letftext:h?.counterleft,righttext:h?.counterright,text_count:h?.counter},currentCharacters:B?.length??0,id:K,maxLength:y,screenReaderText:D,variant:p})]})]})});export{p as TextAreaStandAlone};

package/dist/esm/components/textArea/utils/aria.utils.mjs

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const e=({errorMessage:e,helpMessage:s,state:i,textAreaErrorId:r,textAreaHelpTextId:o})=>{let a="";if(s)a+=` ${o}`;if(e&&i===t.ERROR)a+=` ${r}`;return a};export{e as buildAriaDescribedBy};

package/dist/esm/components/textArea/utils/state.utils.mjs

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const e=(e,E,s,D)=>{let L;L=e&&s?t.DISABLED_FILLED:e?t.DISABLED_EMPTY:E?t.ERROR:s?t.FILLED:D?t.ACTIVE:t.EMPTY;return L};export{e as getState};

package/dist/esm/components/toggle/index.mjs

@@ -0,0 +1 @@
+import{ToggleControlled as o}from"./toggleControlled.mjs";import{ToggleStandalone as e}from"./toggleStandAlone.mjs";import{ToggleUncontrolled as l}from"./toggleUnControlled.mjs";export*from"./types/index.mjs";export{o as ToggleControlled,e as ToggleStandalone,l as ToggleUncontrolled};

package/dist/esm/components/toggle/stories/argtypesControlled.mjs

@@ -0,0 +1 @@
+import{configArgTypes as e}from"@/lib/storybook/argtypes/argtypes";import{getBooleanArgTypes as a}from"@/lib/storybook/argtypes/booleanArgTypes";import{getDisabledArgTypes as o}from"@/lib/storybook/argtypes/disabledArgTypes";import{getHtmlComponentArgTypes as t}from"@/lib/storybook/argtypes/htmlComponentArgTypes";import{getNumbertArgTypes as r}from"@/lib/storybook/argtypes/numberArgTypes";import{getStringtArgTypes as g}from"@/lib/storybook/argtypes/stringArgTypes";import{getVariantArgTypes as y}from"@/lib/storybook/argtypes/variantArgtypes";import{CATEGORY_CONTROL as m}from"@/lib/storybook/constants/categoryControl";const i=()=>({...e,...o(["leftIcon","rightIcon"]),"aria-describedby":g({category:m.ACCESIBILITY,keyName:"aria-describedby",name:"toggle"}),"aria-label":g({category:m.ACCESIBILITY,keyName:"aria-label",name:"toggle"}),"aria-labelledby":g({category:m.ACCESIBILITY,keyName:"aria-labelledby",name:"toggle"}),checked:a({descriptionName:"toggle",name:"checked",subCategory:m.MODIFIERS}),component:t({name:"toggle"}),"data-*":g({category:m.MODIFIERS,keyName:"data-*",name:"toggle"}),dataTestId:g({category:m.TESTING,keyName:"dataTestId",name:"toggle"}),disabled:a({descriptionName:"toggle",name:"disabled",subCategory:m.MODIFIERS}),id:g({category:m.MODIFIERS,keyName:"id",name:"toggle"}),name:g({category:m.MODIFIERS,keyName:"name",name:"toggle"}),tabIndex:r({category:m.ACCESIBILITY,keyName:"tabIndex",name:"toggle"}),value:g({category:m.MODIFIERS,keyName:"value",name:"toggle"}),variant:y({category:m.MODIFIERS,keyVariant:"variant",name:"toggle",variants:{REGULAR:"REGULAR"}})});export{i as argtypes};

package/dist/esm/components/toggle/stories/argtypesUncontrolled.mjs

@@ -0,0 +1 @@
+import{configArgTypes as e}from"@/lib/storybook/argtypes/argtypes";import{getBooleanArgTypes as a}from"@/lib/storybook/argtypes/booleanArgTypes";import{getDisabledArgTypes as o}from"@/lib/storybook/argtypes/disabledArgTypes";import{getHtmlComponentArgTypes as t}from"@/lib/storybook/argtypes/htmlComponentArgTypes";import{getNumbertArgTypes as r}from"@/lib/storybook/argtypes/numberArgTypes";import{getStringtArgTypes as g}from"@/lib/storybook/argtypes/stringArgTypes";import{getVariantArgTypes as y}from"@/lib/storybook/argtypes/variantArgtypes";import{CATEGORY_CONTROL as m}from"@/lib/storybook/constants/categoryControl";const l=()=>({...e,...o(["leftIcon","rightIcon"]),"aria-describedby":g({category:m.ACCESIBILITY,keyName:"aria-describedby",name:"toggle"}),"aria-label":g({category:m.ACCESIBILITY,keyName:"aria-label",name:"toggle"}),"aria-labelledby":g({category:m.ACCESIBILITY,keyName:"aria-labelledby",name:"toggle"}),component:t({name:"toggle"}),"data-*":g({category:m.MODIFIERS,keyName:"data-*",name:"toggle"}),dataTestId:g({category:m.TESTING,keyName:"dataTestId",name:"toggle"}),defaultChecked:a({descriptionName:"toggle",name:"defaultChecked",subCategory:m.MODIFIERS}),disabled:a({descriptionName:"toggle",name:"disabled",subCategory:m.MODIFIERS}),id:g({category:m.MODIFIERS,keyName:"id",name:"toggle"}),name:g({category:m.MODIFIERS,keyName:"name",name:"toggle"}),tabIndex:r({category:m.ACCESIBILITY,keyName:"tabIndex",name:"toggle"}),value:g({category:m.MODIFIERS,keyName:"value",name:"toggle"}),variant:y({category:m.MODIFIERS,keyVariant:"variant",name:"toggle",variants:{REGULAR:"REGULAR"}})});export{l as argtypes};

package/dist/esm/components/toggle/toggleControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{ToggleStandalone as t}from"./toggleStandAlone.mjs";const r=s(({additionalVariantClasses:s,checked:r,onClick:a,onToggle:l,variant:m,...n},c)=>{const i=e({additionalClassNames:s,component:"TOGGLE",variant:m});const d=o=>{const s=!r;l?.(s);a?.(o)};return o(t,{...n,ref:c,checked:r,cssClasses:i,onClick:d})});r.displayName="ToggleControlled";export{r as ToggleControlled};

package/dist/esm/components/toggle/toggleStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as o,useImperativeHandle as a,useRef as s}from"react";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.mjs";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as n}from"../../lib/utils/process/processCommonProp.mjs";import{buildComponentProps as c}from"./utils/buildComponentProps.mjs";import{useToggleTransform as m}from"./utils/thumbTransformCalculations.mjs";const d=({checked:o=false,component:d="button",cssClasses:p,dataTestId:u="toggle",disabled:b=false,id:f,leftIcon:y,name:h,onBlur:v,onClick:g,onFocus:j,onKeyDown:C,onMouseEnter:N,onMouseLeave:k,rightIcon:A,tabIndex:T,value:w,...x},I)=>{const O=o&&!!A;const P=!o&&!!y;const S="button"!==d;const $=s(null);const q=s(null);const{transform:z}=m({checked:o,thumbRef:q,trackRef:$});a(I,()=>$.current,[]);const B=l(x);const D=c({"aria-describedby":x["aria-describedby"],"aria-label":x["aria-label"],"aria-labelledby":x["aria-labelledby"],checked:o,decorative:S,disabled:b,id:f,name:h,onBlur:v,onClick:g,onFocus:j,onKeyDown:C,onMouseEnter:N,onMouseLeave:k,tabIndex:T,value:w});return t(i,{...B,...D,ref:$,className:p?.track,component:d,"data-checked":o?true:void 0,"data-disabled":b?true:void 0,"data-testid":u,children:e("span",{ref:q,className:p?.thumb,"data-checked":o?true:void 0,"data-disabled":b?true:void 0,style:{transform:z},children:[t("div",{className:p?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:O?1:0},children:t(r,{className:p?.icon,"data-disabled":b?true:void 0,...n(A)})}),t("div",{className:p?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:P?1:0},children:t(r,{className:p?.icon,"data-disabled":b?true:void 0,...n(y)})})]})})};d.displayName="ToggleStandAlone";const p=o(d);export{p as ToggleStandalone};

package/dist/esm/components/toggle/toggleUnControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e,useState as r}from"react";import{ToggleControlled as t}from"./toggleControlled.mjs";const l=e(({defaultChecked:e=false,onToggle:l,variant:n,...c},m)=>{const[g,a]=r(e);const s=o=>{a(o);l?.(o)};return o(t,{...c,ref:m,checked:g,variant:n,onToggle:s})});l.displayName="ToggleUncontrolled";export{l as ToggleUncontrolled};

package/dist/esm/components/toggle/utils/buildComponentProps.mjs

@@ -0,0 +1 @@
+const a=a=>({"aria-hidden":true,id:a.id,name:void 0,value:void 0});const e=a=>{const{"aria-describedby":e,"aria-label":i,"aria-labelledby":d,checked:r,disabled:l,id:o,name:b,onBlur:n,onClick:c,onFocus:t,onKeyDown:s,onMouseEnter:u,onMouseLeave:v,tabIndex:y,value:h}=a;return{"aria-checked":Boolean(r),"aria-describedby":e,"aria-label":i,"aria-labelledby":d,disabled:Boolean(l),id:o,name:b,onBlur:n,onClick:c,onFocus:t,onKeyDown:s,onMouseEnter:u,onMouseLeave:v,role:"switch",tabIndex:y,value:h}};const i=i=>i.decorative?a(i):e(i);export{i as buildComponentProps};

package/dist/esm/components/toggle/utils/thumbTransformCalculations.mjs

@@ -0,0 +1 @@
+import{useEffect as t,useState as r}from"react";const e=({borderMultiple:t,borderWidth:r,thumbStyles:e,trackStyles:n})=>{if(!n||!e)return"translateX(0px)";const d=r||"0px";if(n.paddingRight&&n.paddingLeft||n.padding)return`translateX(calc(${n.width} - ${e.width} - ${n.paddingLeft||n.padding} - ${n.paddingRight||n.padding} - ${d} * ${t}))`;return`translateX(calc(${n.width} - ${e.width} - ${d} * ${t}))`};const n=t=>!!(t?.borderWidth&&t?.borderWidth!=="0"&&t?.borderWidth!=="0rem"&&t?.borderWidth!=="0px"&&t?.borderStyle!=="none");const d=({checked:t,thumbStyles:r,trackStyles:d})=>{if(!d||!r)return"translateX(0px)";const i=n(d);const o=i?d?.borderWidth:"0px";const a=i?2:0;if(t)return e({borderMultiple:a,borderWidth:o,thumbStyles:r,trackStyles:d});return"translateX(0px)"};const i=({checked:e,thumbRef:n,trackRef:i})=>{const[o,a]=r("translateX(0px)");t(()=>{if(i.current&&n.current){const t=window.getComputedStyle(i.current);const r=window.getComputedStyle(n.current);if("development"===process.env.NODE_ENV)t.borderStyle,t.borderWidth,r.width,t.padding,t.paddingLeft,t.paddingRight,t.width;const o=d({checked:e,thumbStyles:r,trackStyles:t});process.env.NODE_ENV;a(o)}},[e]);return{transform:o}};export{i as useToggleTransform};

package/dist/esm/components/tooltip/components/tooltipTrigger.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";const e=({ariaDescribedBy:e,children:n,childrenAsButton:r,disabled:t,onClick:i,onKeyDown:s,onMouseDown:a,onMouseEnter:u,onMouseLeave:l,onMouseUp:p,triggerAsButton:b})=>{if(r)return o("button",{"aria-describedby":e,"aria-disabled":t,className:"kbt-tooltip__trigger-wrapper ",...b,disabled:t,type:"button",onClick:i,onKeyDown:s,onMouseDown:a,onMouseEnter:o=>{u?.(o)},onMouseLeave:o=>{l?.(o)},onMouseUp:p,children:n});return o("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:i,onKeyDown:s,onMouseDown:a,onMouseEnter:u,onMouseLeave:l,onMouseUp:p,children:n})};export{e as TooltipTrigger};

package/dist/esm/components/tooltip/hooks/useTooltip.mjs

@@ -0,0 +1 @@
+import{arrow as t,flip as e,shift as o}from"@floating-ui/dom";import{useCallback as r,useEffect as s,useRef as n,useState as i}from"react";import{useClassName as l}from"../../../lib/hooks/useClassName/useClassName.mjs";import{useClickOutside as c}from"../../../lib/hooks/useClickOutside/useClickOutside.mjs";import{useEscPressed as p}from"../../../lib/hooks/useEscPressed/useEscPressed.mjs";import{useActiveBreakpoints as a}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{DEVICE_BREAKPOINTS as u}from"../../../lib/types/breakpoints/breakpoints.mjs";import{POSITIONS as f}from"../../../lib/types/positions/positions.mjs";import{focusElementOrFirstDescendant as m}from"../../../lib/utils/focusHandlers/focusHandlers.mjs";import{computePosition as d}from"../positioning/computePosition.mjs";const y=({align:y=f.TOP,...b})=>{const{device:R,isDesktop:v,isTablet:O}=a();const P=v||O;const g=n(null);const E=n(true);const w=n(false);const[T,j]=i(false);const[C,h]=i(y);const k=l({additionalClassNames:b.additionalClasses,component:"TOOLTIP",variant:b.variant});const x=async()=>{if(!b.labelRef.current||!b.tooltipRef.current)return;const r=b.tooltipRef.current.lastElementChild;try{const s=await d(b.labelRef.current,b.tooltipRef.current,{middleware:[e(),o({padding:4}),t({element:r})],placement:y,strategy:"absolute"});const{middlewareData:n,placement:i,x:l,y:c}=s;h(i);if(b.tooltipRef.current?.style)Object.assign(b.tooltipRef.current.style,{left:`${l}px`,top:`${c}px`});const{x:p,y:a}=n.arrow;const m={bottom:f.TOP,left:f.RIGHT,right:f.LEFT,top:f.BOTTOM}[C.split("-")[0]];const R={bottom:"",left:null!==p?`${p}px`:"",right:"",[m]:`calc(${k.tooltipexternalcontainer?.[u.DESKTOP]?.padding??0} - ${k.arrowposition?.[u.DESKTOP]?.top??"0px"} / 2)`,top:null!==a?`${a}px`:""};if(r&&r.style){r.style.removeProperty("left");r.style.removeProperty("top");r.style.removeProperty("right");r.style.removeProperty("bottom");Object.assign(r?.style,R)}}catch(t){console.error("Error computing position:",t)}};const L=t=>{if(!b.tooltipRef.current?.contains(t.target))x()};s(()=>{const t=()=>{x()};window.addEventListener("scroll",L,true);window.addEventListener("resize",t);return()=>{window.removeEventListener("scroll",L,true);window.removeEventListener("resize",t)}},[]);const $=()=>{if(w.current)return;w.current=true;g.current=document.activeElement;if(P){if(!b.tooltipRef.current)return;if(b.tooltipRef.current.style)b.tooltipRef.current.style.display="flex";x();m(b.tooltipRef.current,{preventScroll:true})}j(true);b.onOpenClose?.(true)};const S=r(()=>{if(!w.current)return;w.current=false;E.current=false;if(b.tooltipAsModal)g.current?.focus({preventScroll:true});E.current=true;if(P){if(!b.tooltipRef.current)return;if(b.tooltipRef.current.style)b.tooltipRef.current.style.display="none"}j(false);b.onOpenClose?.(false)},[R,b.onOpenClose,b.tooltipAsModal]);const M=r(t=>{if(!w.current)return;t.stopPropagation();S()},[S]);p({disableStopPropagation:true,onEscPress:M,ref:b.labelRef});c(b.tooltipRef,S,[b.labelRef.current]);return{allowFocusOpenTooltip:E,hideTooltip:S,open:T,placement:C,showTooltip:$}};export{y as useTooltip};

package/dist/esm/components/tooltip/hooks/useTooltipAsModal.mjs

@@ -0,0 +1 @@
+import{useMemo as o}from"react";const t=({propTooltipAsModal:t,styleTooltipAsModal:e})=>o(()=>t??e??false,[t,e]);export{t as useTooltipAsModal};

package/dist/esm/components/tooltip/hooks/useTooltipAsModalAriaLabel.mjs

@@ -0,0 +1 @@
+import{useEffect as r,useState as t}from"react";const e=e=>{const[o,n]=t(void 0);r(()=>{if(!e.current)return;n(e.current.innerText)});return o};export{e as useTooltipAsModalAriaLabel};

package/dist/esm/components/tooltip/hooks/useTooltipContentScroll.mjs

@@ -0,0 +1 @@
+import{useCallback as t,useRef as e,useState as o}from"react";import{hasScroll as r}from"../../../lib/utils/scroll/hasScroll.mjs";const n=({tooltipRef:n})=>{const[c,s]=o(false);const i=e(void 0);const l=t(t=>{if(t){const e=t=>{const e=r(t);if(e&&!n.current?.contains(document.activeElement)){t.setAttribute("tabindex","0");t.focus()}s(e)};e(t);i.current=new ResizeObserver(()=>{e(t)});i.current.observe(t)}else i.current?.disconnect()},[]);return{contentHasScroll:c,contentRefHandler:l}};export{n as useTooltipContentScroll};

package/dist/esm/components/tooltip/index.mjs

@@ -0,0 +1 @@
+import{TooltipControlled as o}from"./tooltipControlled.mjs";import{Tooltip as t}from"./tooltipUnControlled.mjs";export{t as Tooltip,o as TooltipControlled};

package/dist/esm/components/tooltip/positioning/computePosition.mjs

@@ -0,0 +1,2 @@
+/*! For license information please see computePosition.mjs.LICENSE.txt */
+import{computePosition as t}from"@floating-ui/dom";const o=async(o,e,a)=>{const{middleware:n=[],placement:i="top",strategy:c="fixed"}=a;const s=i||"top";const m=await t(o,e,{middleware:n,placement:s,strategy:c});const p=m.placement||"top";return{middlewareData:m.middlewareData,placement:p,strategy:m.strategy,x:m.x,y:m.y}};export{o as computePosition};

package/dist/esm/components/tooltip/positioning/computePosition.mjs.LICENSE.txt

@@ -0,0 +1,5 @@
+/**
+ * Tooltip positioning utilities built on top of Floating UI.
+ * @see https://floating-ui.com/docs/platform
+ * @license MIT - Floating UI is licensed under MIT
+ */

package/dist/esm/components/tooltip/tooltip.css

@@ -17,21 +17,6 @@
   display: flex;
 }
 
-.kbt-tooltip__header-content {
-  display: flex;
-  align-items: flex-start;
-}
-
-.kbt-tooltip__close-icon {
-  display: flex;
-  justify-content: flex-end;
-  align-self: flex-end;
-}
-
-.kbt-tooltip__title {
-  word-break: break-word;
-}
-
 .kbt-tooltip__paragraph {
   word-break: break-word;
 }

package/dist/esm/components/tooltip/tooltipControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useImperativeHandle as t,useRef as s}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.mjs";import{useMediaDevice as e}from"../../lib/hooks/useMediaDevice/useMediaDevice.mjs";import{useScrollDetection as i}from"../../lib/hooks/useScrollDetection/useScrollDetection.mjs";import{useTooltipAsModal as r}from"./hooks/useTooltipAsModal.mjs";import{useTooltipAsModalAriaLabel as a}from"./hooks/useTooltipAsModalAriaLabel.mjs";import{TooltipStandAlone as m}from"./tooltipStandAlone.mjs";const p=({additionalClasses:p,tooltipAriaLabel:c,tooltipAsModal:n,tooltipAsModal:d=false,tooltipRef:u,variant:A,...f})=>{const M=l({additionalClassNames:p,component:"TOOLTIP",variant:A});const T=e();const h=s(null);const j=a(h);const D=r({propTooltipAsModal:n,styleTooltipAsModal:d});const{handleScrollDetection:S,hasScroll:b}=i({autoFocus:true});t(u,()=>h.current,[]);return o(m,{...f,contentHasScroll:b,contentRef:S,cssClasses:M,mediaDevice:T,tooltipAriaLabel:c??j,tooltipAsModal:r({propTooltipAsModal:D,styleTooltipAsModal:d}),tooltipRef:h})};export{p as TooltipControlled};

package/dist/esm/components/tooltip/tooltipStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import"./tooltip.css";import{useId as e}from"react";import{Text as i}from"../text/text.mjs";import{useActiveBreakpoints as r}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{POSITIONS as a}from"../../lib/types/positions/positions.mjs";import{classNames as s}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processTextProp as n}from"../../lib/utils/process/processCommonProp.mjs";import{Popover as d}from"../popover/popover.mjs";import{TooltipTrigger as c}from"./components/tooltipTrigger.mjs";import{getAriaDescriptorsBy as p}from"./utils/tooltip.utils.mjs";const m=({align:m,children:b,childrenAsButton:u=true,content:v,contentHasScroll:h,contentRef:f,contentScrollArias:g,cssClasses:k,disabled:y,labelRef:C,mediaDevice:j,onPopoverCloseInternally:N,onTooltipFocus:A,onTooltipKeyDown:w,onTriggerClick:x,onTriggerKeyDown:_,onTriggerMouseDown:D,onTriggerMouseUp:B,onWrapperMouseEnter:M,onWrapperMouseLeave:T,popover:F,popoverOpen:$,tooltipAriaLabel:E,tooltipAsModal:I,tooltipRef:K,triggerAsButton:O,...P})=>{const z=P["data-testid"]||"tooltip";const L=l(P);const S=e();const U=`tooltip-${S.replace(/:/g,"")}`;const q=`${U}-content`;const G=n(v);const H="string"==typeof G.children;const{isDesktop:J,isTablet:Q}=r();const R=J||Q;if(y)return o("div",{className:"kbt-tooltip","data-testid":z,children:o(c,{childrenAsButton:u,disabled:true,children:b})});const V=p({contentId:q,hasContent:!!v,hasTitle:false,titleId:""});const W={"data-align":m||a.TOP};const X=l(W);const Y=t("div",{ref:K,"aria-label":R?E:void 0,"aria-labelledby":R?void 0:void 0,"aria-modal":R&&I?true:void 0,className:s("kbt-tooltip__external-container",k?.tooltipexternalcontainer),"data-testid":`${z}-content`,id:U,role:R?I?"dialog":"tooltip":void 0,...R&&{onFocus:A,onKeyDown:w},...L,children:[o("div",{className:k?.tooltipinternalcontainer,children:o("div",{ref:f,"aria-label":h?g?.["aria-label"]:void 0,"aria-labelledby":h?g?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:h?"region":void 0,...h&&{tabIndex:0},children:!!v&&o("div",{className:s("kbt-tooltip__paragraph",k?.paragraphcontainer),id:q,children:H?o(i,{additionalClasses:{text:k?.paragraph},...G}):G.children})})}),o("div",{...X,className:s("kbt-tooltip__arrow",k?.arrowsize,k?.tooltipalignstyles,k?.arrowcontainer),children:o("div",{className:k?.arrow})})]});return t("div",{ref:C,className:"kbt-tooltip","data-testid":z,children:[o(c,{ariaDescribedBy:!I&&(R||$)?V:void 0,childrenAsButton:u,triggerAsButton:O,onClick:x,onKeyDown:_,onMouseDown:D,onMouseEnter:M,onMouseLeave:T,onMouseUp:B,children:b}),R?Y:o(d,{additionalClasses:k?.popover?{arrow:"",popover:k.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||E,"aria-labelledby":void 0,"aria-modal":I||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:true,disableTrapFocus:false,open:$,preventCloseOnClickElements:[C?.current],role:I?"dialog":"tooltip",strategy:"absolute",onClose:N,...F,children:Y})]})};export{m as TooltipStandAlone};

package/dist/esm/components/tooltip/tooltipUnControlled.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e,useImperativeHandle as t,useRef as r}from"react";import{ENTER as s}from"../../lib/constants/keyboardKeys/keyboardKeys.mjs";import{useClassName as n}from"../../lib/hooks/useClassName/useClassName.mjs";import{useActiveBreakpoints as i}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{useScrollDetection as l}from"../../lib/hooks/useScrollDetection/useScrollDetection.mjs";import{useSwipeDown as a}from"../../lib/hooks/useSwipeDown/useSwipeDown.mjs";import{useTrapFocus as c}from"../../lib/hooks/useTrapFocus/useTrapFocus.mjs";import{isKeyPressed as p}from"../../lib/utils/keyboard/keyboard.mjs";import{useTooltip as u}from"./hooks/useTooltip.mjs";import{useTooltipAsModal as m}from"./hooks/useTooltipAsModal.mjs";import{TooltipStandAlone as f}from"./tooltipStandAlone.mjs";const d=e(function({additionalClasses:e,align:d,onOpenClose:T,popover:g,tooltipAriaLabel:k,tooltipAsModal:b,variant:v,...j},y){const C=n({additionalClassNames:e,component:"TOOLTIP",variant:v});const{device:D,isDesktop:h,isMobile:M,isTablet:A}=i();const S=h||A;const w=r(null);const F=r(null);const R=m({propTooltipAsModal:b,styleTooltipAsModal:b});t(y,()=>w.current);const{allowFocusOpenTooltip:W,hideTooltip:K,open:L,placement:N,showTooltip:O}=u({additionalClasses:e,align:d||"top",labelRef:w,onOpenClose:T,tooltipAsModal:R,tooltipRef:F,variant:v});const{handleScrollDetection:P,hasScroll:U}=l({autoFocus:true});const x=r(false);const B=()=>{if(x.current||R||!W.current||M)return;O()};const I=o=>{if(!R&&!o.currentTarget.contains(o.relatedTarget))K()};const E=o=>{if(!R){o.preventDefault();o.stopPropagation()}};const H=()=>{if(!R&&S)O()};const q=()=>{if(!R&&S)K()};const z=()=>{x.current=true};const G=()=>{x.current=false};const J=o=>{if(S){if(!R)return;if(!L)return void O();if(!F.current?.contains(o.target))K();return}if(!L)return void O();if(!F.current?.contains(o.target))K()};const Q=o=>{if(p(o.key,s.key)&&!L){O();o.preventDefault()}};const V=()=>{g?.onClose?.();K()};const{setPopoverRef:X}=a({handleClose:K});c({ref:F,trapFocus:L&&R});return o(f,{...j,align:N,contentHasScroll:U,contentRef:P,cssClasses:C,labelRef:w,mediaDevice:D,popover:{...g,popoverContainerRef:X},popoverOpen:L,tooltipAriaLabel:k,tooltipAsModal:R,tooltipRef:F,onPopoverCloseInternally:V,onTooltipFocus:E,onTriggerClick:J,onTriggerKeyDown:Q,onTriggerMouseDown:z,onTriggerMouseUp:G,onWrapperBlur:I,onWrapperFocus:B,onWrapperMouseEnter:H,onWrapperMouseLeave:q})});export{d as Tooltip,d as TooltipUnControlled};

package/dist/esm/components/tooltip/utils/tooltip.utils.mjs

@@ -0,0 +1 @@
+const t=({contentId:t,hasContent:o,hasTitle:r,titleId:e})=>{const i=[r&&e,o&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};export{t as getAriaDescriptorsBy};

package/dist/esm/components/virtualKeyboard/components/digitButton.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Text as i}from"../../text/text.mjs";import{pickCustomAttributes as o}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const s=({cssClasses:s,digit:e,onClick:n,...r})=>{const m=t=>{n(e,t)};const c=r["data-testid"]||"digit-button";const u=o(r);return t("button",{className:s?.digitbuttons,"data-testid":c,type:"button",onClick:m,...u,children:t(i,{additionalClasses:{text:s?.digittext},component:"span",children:e})})};export{s as DigitButton};

package/dist/esm/components/virtualKeyboard/index.mjs

@@ -0,0 +1 @@
+import{VirtualKeyboard as r}from"./virtualKeyboard.mjs";export{r as VirtualKeyboard};

package/dist/esm/components/virtualKeyboard/virtualKeyboard.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as s,useState as r}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.mjs";import{STATES as a}from"../../lib/types/states/states.mjs";import{VirtualKeyboardStandAlone as e}from"./virtualKeyboardStandAlone.mjs";const m=s(({additionalClasses:s,variant:m,...n},i)=>{const l=o({additionalClassNames:s,component:"VIRTUAL_KEYBOARD",variant:m});const[c,u]=r(a.INACTIVE);const d=()=>{u(a.ACTIVE)};const p=t=>{if(!t.currentTarget.contains(t.relatedTarget))u(a.INACTIVE)};return t(e,{...n,ref:i,cssClasses:l,state:c,onVirtualKeyboardBlur:p,onVirtualKeyboardFocus:d})});export{m as VirtualKeyboard};

package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as s,useId as e}from"react";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{STATES as i}from"../../lib/types/states/states.mjs";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as m}from"../../lib/utils/process/processCommonProp.mjs";import{DigitButton as a}from"./components/digitButton.mjs";const c=s(({cssClasses:s,digits:c,icon:l,id:p,onDigitButtonClick:d,onRemoveButtonClick:u,onVirtualKeyboardBlur:b,onVirtualKeyboardFocus:C,state:f,...A},I)=>{const k=e();const j=`virtualkeyboard-${k.replace(/:/g,"")}`;const v=p??j;const y={[i.ACTIVE]:f===i.ACTIVE,[i.INACTIVE]:f===i.INACTIVE};const N=A["data-testid"]||"virtual-keyboard";return o("div",{ref:I,className:s?.virtual_keyboard,"data-testid":N,id:v,role:"presentation",onBlur:b,onFocus:C,...n(y),children:[t("div",{className:s?.digitwrapper,...n(y),children:c?.map((o,e)=>t(a,{cssClasses:s,"data-testid":`${N}-digit-button-${e}`,digit:o,onClick:d},o))}),t("button",{className:s?.removebutton,type:"button",onClick:u,children:t(r,{className:s?.iconcontainer,customAttributes:y,...m(l)})})]})});export{c as VirtualKeyboardStandAlone};

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export*from"./components/index.mjs";export*from"./lib/components/index.mjs";export*from"./lib/provider/index.mjs";export*from"./lib/types/index.mjs";

package/dist/esm/lib/components/customComponent/customComponent.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";const s=t(({children:t,className:s,component:r,...o},n)=>{const c=r||"span";const i=["middlewareOptions","pressEscapeClose","onSelectItem","ariaDisabled","focus","index"];const a="string"==typeof c;const m=a?Object.keys(o).reduce((e,t)=>{if(!i.includes(t))e[t]=o[t];return e},{}):o;return e(c,{ref:n,className:s,...m,children:t})});export{s as CustomComponent};

package/dist/esm/lib/components/elementOrIcon/elementOrIcon.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,isValidElement as n}from"react";import{IconBasic as t}from"../../../components/icon/icon.mjs";import{Icon as e}from"../../../components/icon/iconHost.mjs";const i=r(({basic:r=false,icon:i,...m},c)=>{if(!i)return null;if("string"==typeof i)return r?o(t,{...m,ref:c,icon:i}):o(e,{...m,ref:c,icon:i});return n(i)?i:null});export{i as ElementOrIcon};

package/dist/esm/lib/components/elementOrIcon/index.mjs

@@ -0,0 +1 @@
+import{ElementOrIcon as e}from"./elementOrIcon.mjs";export{e as ElementOrIcon};

package/dist/esm/lib/components/errorMessage/errorMessage.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as r}from"react";import{useClassName as e}from"../../hooks/useClassName/useClassName.mjs";import{ErrorMessageStandAlone as o}from"./errorMessageStandAlone.mjs";const a=r(({additionalClasses:r,variant:a,...t},m)=>{const n=e({additionalClassNames:r,component:"ERROR_MESSAGE",variant:a});return s(o,{ref:m,cssClasses:n,...t,"data-testid":"error-message"})});export{a as ErrorMessage};

package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.mjs

@@ -0,0 +1 @@
+import{Fragment as r,jsx as s,jsxs as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Text as e}from"../../../components/text/text.mjs";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.mjs";import{classNames as i}from"../../utils/classNames/classNames.mjs";import{pickCustomAttributes as n}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processIconProp as a,processTextProp as c}from"../../utils/process/processCommonProp.mjs";const l=o(({cssClasses:o,icon:l,message:p,...u},f)=>{if(!p)return null;const d=n(u);return s("div",{ref:f,...d,className:i("kbt-error-message__container",o?.error_message,{"kbt-sr-only":!u.show}),id:u.id,children:u.show&&t(r,{children:[s(m,{className:o?.icon,...a(l)}),s(e,{additionalClasses:{text:o?.typography},...c(p)})]})})});export{l as ErrorMessageStandAlone};

package/dist/esm/lib/components/errorMessage/index.mjs

@@ -0,0 +1 @@
+import{ErrorMessage as r}from"./errorMessage.mjs";export*from"./types/index.mjs";export{r as ErrorMessage};

package/dist/esm/lib/components/index.mjs

@@ -0,0 +1 @@
+export*from"./errorMessage/index.mjs";export*from"./overlay/index.mjs";

package/dist/esm/lib/components/itemRove/index.mjs

@@ -0,0 +1 @@
+import{ItemRove as e}from"./itemRove.mjs";export{e as ItemRove};

package/dist/esm/lib/components/itemRove/itemRove.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useEffect as s,useRef as o}from"react";import{useClassName as t}from"../../hooks/useClassName/useClassName.mjs";import{classNames as r}from"../../utils/classNames/classNames.mjs";import{pickCustomAttributes as a}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as m}from"../customComponent/customComponent.mjs";const l=({ariaControls:l,ariaDisabled:n=false,ariaHidden:i=false,ariaLabel:c,ariaSelected:u,asElement:f,checkIsFirstTime:p=false,children:d,classNames:C,customAttributes:b,disabled:N=false,disableKeys:j=false,focus:v,id:k,index:h,onMouseOver:x,onSelectItem:I,preventScrollOnFocus:y=false,role:A,setFocus:E,type:M,url:O,...R})=>{const _=o(null);const w=o(p);const D=t({component:"ITEM_ROVE"});const F=a({...R,...b});s(()=>{if(v&&!w.current)_.current?.focus({preventScroll:y});else w.current=false},[v,y]);const K=e=>{if(!j){E?.(h);if(e)I?.()}};const S=()=>v?0:-1;return e(m,{ref:_,"aria-controls":l,"aria-disabled":n,"aria-hidden":i,"aria-label":c,"aria-selected":u,className:r(D.item_rove,C),component:f,"data-testid":"item-rove",disabled:N,id:k,role:A,tabIndex:S(),type:M,url:O,onClick:()=>K(true),onFocus:x,onKeyDown:()=>K(false),onMouseOver:x,...F,children:d})};export{l as ItemRove};

package/dist/esm/lib/components/overlay/__stories__/argtypes.mjs

@@ -0,0 +1 @@
+import{OverlayVariantType as r}from"@/lib/designSystem/kubit/components/overlay/variants";import{configArgTypes as t}from"@/lib/storybook/argtypes/argtypes";import{getVariantArgTypes as o}from"@/lib/storybook/argtypes/variantArgtypes";import{CATEGORY_CONTROL as a}from"@/lib/storybook/constants/categoryControl";const e=()=>({...t,variant:o({category:a.MODIFIERS,keyVariant:"variant",name:"overlay",variants:Object.keys(r).reduce((r,t)=>({...r,[t]:t}),{})})});export{e as argtypes};

package/dist/esm/lib/components/overlay/index.mjs

@@ -0,0 +1 @@
+export*from"./types/overlayTheme.mjs";

package/dist/esm/lib/components/overlay/overlay.mjs

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useClassName as r}from"../../hooks/useClassName/useClassName.mjs";import{OverlayStandAlone as e}from"./overlayStandAlone.mjs";const m=o(({additionalClasses:o,variant:m,...a},t)=>{const n=r({additionalClassNames:o,component:"OVERLAY",variant:m});return s(e,{...a,ref:t,cssClasses:n})});export{m as Overlay};

package/dist/esm/lib/components/overlay/overlayStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{pickCustomAttributes as e}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";const o=r(({cssClasses:r,...o},s)=>{const i=e(o);return t("div",{ref:s,className:r?.overlay,"data-testid":"overlay",...o,...i,...i})});export{o as OverlayStandAlone};

package/dist/esm/lib/components/screen-reader-only/index.mjs

@@ -0,0 +1 @@
+import{ScreenReaderOnly as e}from"./screenReaderOnly.mjs";import{ScreenReaderOnlyStandAlone as r}from"./screenReaderOnlyStandAlone.mjs";export{e as ScreenReaderOnly,r as ScreenReaderOnlyStandAlone};

package/dist/esm/lib/components/screen-reader-only/screenReaderOnly.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{ScreenReaderOnlyStandAlone as n}from"./screenReaderOnlyStandAlone.mjs";const m=r((r,m)=>e(n,{ref:m,...r}));m.displayName="ScreenReaderOnly";export{m as ScreenReaderOnly};

package/dist/esm/lib/components/screen-reader-only/screenReaderOnlyStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{classNames as t}from"../../utils/classNames/classNames.mjs";import{pickCustomAttributes as i}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";const s=r(({ariaAtomic:r,ariaLive:s,children:o,className:a,id:m,role:n,...c},l)=>{const d=i(c);const p=t("kbt-screen-reader-only",a);const f={};if(void 0!==s)f["aria-live"]=s;if(void 0!==r)f["aria-atomic"]=r;if(void 0!==n)f.role=n;return e("span",{ref:l,className:p,id:m,...f,...d,children:o})});s.displayName="ScreenReaderOnlyStandAlone";export{s as ScreenReaderOnlyStandAlone};

package/dist/esm/lib/constants/keyboardKeys/keyboardKeys.mjs

@@ -0,0 +1 @@
+const e={code:"Backspace",key:"Backspace",keyCode:8,which:8};const o={code:"Tab",key:"Tab",keyCode:9,which:9};const c={code:"Enter",key:"Enter",keyCode:13,which:13};const k={code:"Esc",key:["Escape","Esc"],keyCode:27,which:27};const h={code:"Space",key:" ",keyCode:32,which:32};const y={code:"PageUp",key:"PageUp",keyCode:33,which:33};const d={code:"PageDown",key:"PageDown",keyCode:34,which:34};const w={code:"ArrowLeft",key:"ArrowLeft",keyCode:37,which:37};const t={code:"ArrowUp",key:"ArrowUp",keyCode:38,which:38};const n={code:"ArrowRight",key:"ArrowRight",keyCode:39,which:39};const r={code:"ArrowDown",key:"ArrowDown",keyCode:40,which:40};const A={code:"ArrowDecimal",key:"Delete",keyCode:46,which:46};const E={key:"Home"};const s={key:"End"};export{r as ARROW_DOWN,w as ARROW_LEFT,n as ARROW_RIGHT,t as ARROW_UP,e as BACKSPACE,A as DELETE,s as END,c as ENTER,k as ESCAPE,E as HOME,d as PAGE_DOWN,y as PAGE_UP,h as SPACE,o as TAB};

package/dist/esm/lib/hooks/useClassName/useClassName.mjs

@@ -0,0 +1 @@
+import{useStylesContext as r}from"../../provider/stylesProvider/stylesProvider.mjs";const s=({additionalClassNames:s,component:e,variant:o})=>{const{getComponentStyles:t}=r();return t({additionalClassNames:s,component:e,variant:o})};export{s as useClassName};

package/dist/esm/lib/hooks/useClickOutside/clickOutsideHandler.mjs

@@ -0,0 +1 @@
+function e({element:e,onClickOutside:t,preventOnClickElements:n=[]}){if("u"<typeof window||!e)return{destroy:()=>{}};function o(o){if(e&&!e.contains(o.target)&&!n.some(e=>e?.contains(o.target)))t(o)}document.addEventListener("mouseup",o);return{destroy(){document.removeEventListener("mouseup",o)}}}export{e as createClickOutsideHandler};

package/dist/esm/lib/hooks/useClickOutside/useClickOutside.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";const n=(n,r,u=[])=>{const c=t(r);e(()=>{c.current=r},[r]);e(()=>{function e(e){const t=e.composedPath();const r=n.current&&t.includes(n.current);const o=u.some(e=>e&&t.includes(e));if(n.current&&!r&&!o)c.current(e)}document.addEventListener("mouseup",e,true);return()=>{document.removeEventListener("mouseup",e,true)}},[n,u])};export{n as useClickOutside};

package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useRef as r}from"react";import{isContentVisibleEnough as t}from"./utils/contentVisibility.mjs";const n=({minVisibleHeight:n=100,onContentInvisible:o,onContentVisible:s})=>{const c=r(null);const i=r(null);const u=r(void 0);const l=r(void 0);const f=r(void 0);const v=e(()=>{const e=c.current;const r=i.current;if(!e||!r)return;if(s)s();else{e.style.overflowY="";r.style.overflowY=""}},[s]);const b=e(()=>{const e=c.current;const r=i.current;if(!e||!r)return;if(o)o();else{e.style.overflowY="auto";r.style.overflowY="visible"}},[o]);const w=e(({container:e,content:r})=>{c.current=e;i.current=r;if(e&&r){const o=()=>{const o=t({container:e,content:r,minVisibleHeight:n});if(o!==f.current)if(o)v();else b();f.current=o};o();u.current=new ResizeObserver(()=>{o()});l.current=new ResizeObserver(()=>{o()});u.current.observe(r);u.current.observe(e)}else{u.current?.disconnect();l.current?.disconnect()}},[n,v,b]);return{handleContentVisibility:w}};export{n as useContentVisibility};

package/dist/esm/lib/hooks/useContentVisibility/utils/contentVisibility.mjs

@@ -0,0 +1 @@
+import{hasVerticalScroll as t}from"../../../utils/scroll/hasScroll.mjs";const i=({container:i,content:e,minVisibleHeight:l})=>{if(t(e)){const t=e.clientHeight>=l;return t}const n=i.scrollHeight-e.clientHeight+l<=i.clientHeight;return n};export{i as isContentVisibleEnough};

package/dist/esm/lib/hooks/useEscPressed/useEscPressed.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const r=({disablePreventDefault:r=false,disableStopPropagation:t=false,onEscPress:n,ref:s})=>{e(()=>{if(!s.current)return;const e=e=>{if("Escape"===e.key){if(!r)e.preventDefault();if(!t)e.stopPropagation();n(e)}};s.current.addEventListener("keydown",e);return()=>{s.current?.removeEventListener("keydown",e)}},[n])};export{r as useEscPressed};

package/dist/esm/lib/hooks/useManageState/useManageState.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as n,useImperativeHandle as t,useMemo as r,useRef as s,useState as o}from"react";import{STATES as i}from"../../types/states/states.mjs";const u=({active:u=false,disabled:c=false,loading:a=false,ref:v,states:E})=>{const[d,m]=o(false);const[l,f]=o(false);const L=s(null);t(v,()=>L?.current,[]);const p=e(()=>{if("u">typeof window&&window?.matchMedia){const e=window.matchMedia("(hover: none)");return!e.matches}return true},[]);const w=e(()=>m(true),[]);const D=e(()=>m(false),[]);const S=e(()=>f(true),[]);const A=e(()=>f(false),[]);const I=e(()=>f(false),[]);const R=e(e=>{if(L.current){L.current.removeEventListener("mouseenter",w);L.current.removeEventListener("mouseleave",D);L.current.removeEventListener("pointerdown",S);L.current.removeEventListener("pointercancel",A);window.removeEventListener("pointerup",I)}L.current=e;if(e){if(E?.includes(i.PRESSED)){e.addEventListener("pointerdown",S);e.addEventListener("pointercancel",A);window.addEventListener("pointerup",I)}if(p()&&E?.includes(i.HOVER)){e.addEventListener("mouseenter",w);e.addEventListener("mouseleave",D)}}},[E,w,D,S,A,I,p]);n(()=>()=>{if(L.current){L.current.removeEventListener("mouseenter",w);L.current.removeEventListener("mouseleave",D);L.current.removeEventListener("pointerdown",S);L.current.removeEventListener("pointercancel",A);window.removeEventListener("pointerup",I)}},[w,D,S,A,I]);const O=r(()=>{if(E?.includes(i.LOADING)&&a)return i.LOADING;if(E?.includes(i.DISABLED)&&c)return i.DISABLED;if(E?.includes(i.ACTIVE)&&u)return i.ACTIVE;if(E?.includes(i.PRESSED)&&l)return i.PRESSED;if(E?.includes(i.HOVER)&&d)return i.HOVER;return i.DEFAULT},[E,c,a,u,d,l]);return{setRef:R,states:O}};export{u as useManageState};

package/dist/esm/lib/hooks/useMediaDevice/useActiveBreakpoints.mjs

@@ -0,0 +1 @@
+import{DeviceBreakpointsTypeUtils as e}from"../../types/breakpoints/breakpoints.mjs";import{useMediaDevice as s}from"./useMediaDevice.mjs";const i=()=>{const i=s();return{device:i,isDesktop:e.isDesktop(i),isLargeDesktop:e.isLargeDesktop(i),isMobile:e.isMobile(i),isMobileOrTablet:e.isMobileOrTablet(i),isOnlyDesktop:e.isOnlyDesktop(i),isTablet:e.isTablet(i)}};export{i as useActiveBreakpoints};

package/dist/esm/lib/hooks/useMediaDevice/useMediaDevice.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useState as t}from"react";import{useStylesContext as n}from"../../provider/stylesProvider/stylesProvider.mjs";import{DEVICE_BREAKPOINTS as r}from"../../types/breakpoints/breakpoints.mjs";const o=()=>{const{mediaQueries:o}=n();const i=()=>{if("u"<typeof window||!window.matchMedia)return r.DESKTOP;const{onlyMobile:e,onlyTablet:t}=o;const n=window.matchMedia(e).matches;const i=window.matchMedia(t).matches;if(n)return r.MOBILE;if(i)return r.TABLET;return r.DESKTOP};const[s,a]=t(i);e(()=>{if("u"<typeof window||!window.matchMedia)return;const{onlyDesktop:e,onlyMobile:t,onlyTablet:n}=o;const i=window.matchMedia(e);const s=window.matchMedia(n);const c=window.matchMedia(t);const d=()=>{if(c.matches)a(r.MOBILE);else s.matches?a(r.TABLET):a(r.DESKTOP)};i.addEventListener("change",d);s.addEventListener("change",d);c.addEventListener("change",d);d();return()=>{i.removeEventListener("change",d);s.removeEventListener("change",d);c.removeEventListener("change",d)}},[o]);return s};export{o as useMediaDevice};

package/dist/esm/lib/hooks/useRoveFocus/useRoveFocus.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as t,useRef as n,useState as o}from"react";import{ARROW_DOWN as c,ARROW_LEFT as r,ARROW_RIGHT as f,ARROW_UP as u,PAGE_DOWN as s,PAGE_UP as a,TAB as l}from"../../constants/keyboardKeys/keyboardKeys.mjs";const i=({currentFocusSelected:i=0,keyDownMove:p=1,keyLeftMove:d=-1,keyPageDownMove:y=1,keyPageUpMove:k=-1,keyRightMove:v=1,keyTabMove:b=1,keyUpMove:D=-1,size:m})=>{const[w,E]=o(i);const K=n(null);const L=e=>{if(null!==p){e.preventDefault();"function"==typeof p?E(t=>p(t,e)):E(e=>e===m-1?0:e+p)}};const h=e=>{if(null!==D){e.preventDefault();"function"==typeof D?E(t=>D(t,e)):E(e=>0===e?m-1:e+D)}};const j=e=>{if(null!==d){e.preventDefault();"function"==typeof d?E(t=>d(t,e)):E(e=>0===e?m-1:e+d)}};const x=e=>{if(null!==v){e.preventDefault();"function"==typeof v?E(t=>v(t,e)):E(e=>e===m-1?0:e+v)}};const F=e=>{if(null!==b)"function"==typeof b?E(t=>b(t,e)):E(t=>{if(t===m-1)return t;e.preventDefault();if(0===t)return t+b+1;return t+b})};const R=e=>{if(null!==y){e.preventDefault();"function"==typeof y?E(t=>y(t,e)):E(e=>e+y)}};const g=e=>{if(null!==k){e.preventDefault();"function"==typeof k?E(t=>k(t,e)):E(e=>e+k)}};const q=e(e=>{switch(e.key){case c.code:L(e);break;case u.code:h(e);break;case r.code:j(e);break;case f.code:x(e);break;case l.code:F(e);break;case s.code:R(e);break;case a.code:g(e);break;default:(()=>null)()}},[m,E,p,D,d,v,b,k,y]);t(()=>{const e=K.current;if(e)e.addEventListener("keydown",q,false);return()=>{e?.removeEventListener("keydown",q,false)}},[q,K]);return[w,E,K]};export{i as useRoveFocus};

package/dist/esm/lib/hooks/useScrollBlock/useScrollBlock.mjs

@@ -0,0 +1 @@
+import{useCallback as t,useRef as e}from"react";import{getFirstScrollableElement as o}from"./utils/useScrollBlock.utils.mjs";const n=()=>{const n=e([]);const r=t(t=>{const e=t.target;if(e instanceof Node&&!n.current.some(t=>t?.contains(e)))t.preventDefault()},[]);const s=t(t=>{const e=t.target;if(!(e instanceof Element)||o({element:e,parentsToStop:n.current}))return;t.preventDefault()},[]);const c=t(t=>{const e=t.target;if(!(e instanceof Element))return;const r=o({element:e,parentsToStop:n.current});if(!r)return;const{scrollHeight:s,scrollTop:c}=r;let l=null;if(r instanceof HTMLElement)l=r.offsetHeight;if(c<=0)return void r.scrollTo(0,1);if(null!==l&&c+l>=s)r.scrollTo(0,s-l-1)},[]);const l=t(({elementsToOmit:t=[]}={})=>{if("u"<typeof document)return;const e=document.documentElement;const{body:o}=document;if(!o||!o.style)return;const l=o.getAttribute("data-scroll-blocked");if(l){const t=Number(l)+1;o.setAttribute("data-scroll-blocked",String(t))}else o.setAttribute("data-scroll-blocked","1");n.current=t;n.current.forEach(t=>{t?.addEventListener("touchmove",s,{passive:false});t?.addEventListener("touchstart",c)});document.addEventListener("touchmove",r,{passive:false});const i=window.innerWidth-e.clientWidth;const u=parseInt(window.getComputedStyle(o).getPropertyValue("padding-right"),10)||0;o.style.position="relative";o.style.overflow="hidden";o.style.paddingRight=`${u+i}px`},[]);const i=t(()=>{if("u"<typeof document)return;const{body:t}=document;if(!t||!t.style)return;const e=t.getAttribute("data-scroll-blocked");let o=false;if(e){const n=Number(e)-1;if(0===n)t.removeAttribute("data-scroll-blocked");else{t.setAttribute("data-scroll-blocked",String(n));o=true}}n.current.forEach(t=>{t?.removeEventListener("touchmove",s);t?.removeEventListener("touchstart",c)});document.removeEventListener("touchmove",r);if(o)return;t.style.position="";t.style.overflow="";t.style.paddingRight=""},[]);return{allowScroll:i,blockScroll:l}};export{n as useScrollBlock};

package/dist/esm/lib/hooks/useScrollBlock/utils/useScrollBlock.utils.mjs

@@ -0,0 +1 @@
+const e=e=>e.scrollHeight>e.clientHeight;const t=({element:l,parentsToStop:n})=>{if(l&&n.some(e=>e?.contains(l)))return e(l)?l:t({element:l.parentElement,parentsToStop:n});return null};export{t as getFirstScrollableElement,e as isElementScrollable};

package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.mjs

@@ -0,0 +1 @@
+import{useCallback as r,useRef as e,useState as s}from"react";import{hasScroll as t}from"../../utils/scroll/hasScroll.mjs";const c=({autoFocus:c=false}={})=>{const[o,n]=s(false);const l=e(void 0);const u=e(false);const i=r(r=>{if(r){const e=r=>{const e=t(r);n(e);if(c&&e&&!u.current){r.focus();u.current=true}};e(r);l.current=new ResizeObserver(()=>{e(r)});l.current.observe(r)}else l.current?.disconnect()},[c]);return{handleScrollDetection:i,hasScroll:o}};export{c as useScrollDetection};

package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.mjs

@@ -0,0 +1 @@
+import{useCallback as r,useEffect as e,useRef as t}from"react";import{scrollPercentage as n}from"./utils/scrollPercentage.mjs";const c=100;const u=1.25;const s=({conditional:s=true,scrollCallback:o,shadowStyles:l,shadowVisible:i=1})=>{const a=t(null);const m=t(null);const p=t(null);const f=t(0);const d=t(0);const v=t(null);const y=t(null);const P=t(null);const h=r(()=>{if(!s||!a.current)return;const r=n(a.current,u);if(m.current&&f.current>0){const e=r*f.current/c;const t=r*d.current/c;const n=[{cssPropertyName:"min-height",cssPropertyValue:`calc(${f.current}px - ${e}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${f.current}px - ${e}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${d.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${d.current}px - ${t}px)`}];n.forEach(({cssPropertyName:r,cssPropertyValue:e})=>{m.current?.style.setProperty(r,e)})}if(p.current&&l){const e=l.split(" ");if(r>i)p.current.classList.add(...e);else p.current.classList.remove(...e)}},[s,l,i]);const x=r(r=>{if(null!==v.current)cancelAnimationFrame(v.current);v.current=requestAnimationFrame(()=>{h();o?.(r);v.current=null})},[h,o]);e(()=>{y.current=x},[x]);const E=r(r=>{if(a.current&&y.current)a.current.removeEventListener("scroll",y.current);a.current=r;if(r&&y.current){r.addEventListener("scroll",y.current);h()}},[h]);const L=r(r=>{const e=()=>{if(m.current){f.current=m.current.clientHeight;d.current=m.current.clientWidth}};if(m.current&&P.current)m.current.removeEventListener("load",P.current);P.current=e;m.current=r;if(r){r.addEventListener("load",e);e()}},[]);const $=r(r=>{p.current=r},[]);e(()=>()=>{if(null!==v.current)cancelAnimationFrame(v.current);if(a.current&&y.current)a.current.removeEventListener("scroll",y.current);if(m.current&&P.current)m.current.removeEventListener("load",P.current)},[]);return{resizeRef:L,scrollableRef:E,shadowRef:$}};export{s as useScrollEffect};

package/dist/esm/lib/hooks/useScrollEffect/utils/scrollPercentage.mjs

@@ -0,0 +1 @@
+const t=(t,n=1)=>{const c=100;const{clientHeight:o,scrollHeight:r,scrollTop:s}=t;if(r>o){const t=r-o;const e=r/o;const l=e>n?s*e:s/(2*e);return l*c/t}return 0};export{t as scrollPercentage};

package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.mjs

@@ -0,0 +1 @@
+import{useCallback as e,useRef as t}from"react";const n=30;const r=({handleClose:r})=>{const s=t(null);const o=t(null);const c=t(false);const u=t("");const i=t(0);const m=t(null);const v=e(e=>{s.current=e},[]);const a=e(e=>{if(m.current){m.current();m.current=null}o.current=e;if(e){const t=e=>{if("touches"in e){const t=e.touches[0]||e.changedTouches[0];return t?.clientY||0}return e.clientY};const o=e=>{if(!c.current||!s.current)return;c.current=false;const o=t(e);const m=o-i.current;if(m>n)r?.();else s.current.style.bottom=u.current};const v=e=>{if(!c.current||!s.current)return;e.preventDefault();const n=t(e);const r=n-i.current;if(r>0)s.current.style.bottom=`-${r}px`};const a=e=>{if(c.current||!s.current)return;e.preventDefault();c.current=true;i.current=t(e);u.current=window.getComputedStyle(s.current).bottom;document.addEventListener("mousemove",v,{passive:false});document.addEventListener("mouseup",o,{passive:false});document.addEventListener("touchmove",v,{passive:false});document.addEventListener("touchend",o,{passive:false})};e.addEventListener("mousedown",a,{passive:false});e.addEventListener("touchstart",a,{passive:false});m.current=()=>{e.removeEventListener("mousedown",a);e.removeEventListener("touchstart",a);document.removeEventListener("mousemove",v);document.removeEventListener("mouseup",o);document.removeEventListener("touchmove",v);document.removeEventListener("touchend",o);c.current=false}}},[r]);return{setDragIconRef:a,setPopoverRef:v}};export{r as useSwipeDown};

package/dist/esm/lib/hooks/useSwipeDown/utils/convertDurationToNumber.mjs

@@ -0,0 +1 @@
+const e=e=>{if(!e)return 0;if("number"==typeof e)return e;const r=Number(e.replace("ms","").replace("s",""));if(e.includes("s")&&!e.includes("ms"))return 1e3*r;return r};export{e as convertDurationToNumber};

package/dist/esm/lib/hooks/useTrapFocus/useTrapFocus.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{getFocusableDescendants as t}from"../../utils/focusHandlers/focusHandlers.mjs";const n=({ref:n,trapFocus:r=false})=>{e(()=>{const e=e=>{if(!n.current||"Tab"!==e.key)return;const r=t({element:n.current});if(!r.length){if(n.current.contains(document.activeElement))e.preventDefault();return}const o=r[0];const u=r[r.length-1];if(!e.shiftKey&&document.activeElement===u){o?.focus();e.preventDefault();return}if(e.shiftKey&&document.activeElement===o){u?.focus();e.preventDefault();return}if(o?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_PRECEDING||u?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_FOLLOWING){if(e.shiftKey){u?.focus();e.preventDefault();return}o?.focus();e.preventDefault()}};if(r)window.addEventListener("keydown",e);return()=>{window.removeEventListener("keydown",e)}},[r])};export{n as useTrapFocus};

package/dist/esm/lib/provider/genericComponentsProvider/defaultGenericComponents.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{pickCustomAttributes as a}from"../../utils/pickCustomAttributes/pickCustomAttributes.mjs";const t=r(function({children:r,className:t,draggable:i,id:o,onClick:s,onFocus:n,onMouseEnter:l,onMouseLeave:c,rel:d,role:u,target:b,url:m,...f},p){const g=a(f);return e("a",{...g,ref:p,"aria-current":f["aria-current"],"aria-describedby":f["aria-describedby"],"aria-disabled":f["aria-disabled"],"aria-label":f["aria-label"],"aria-labelledby":f["aria-labelledby"],className:t,"data-testid":f["data-testid"],draggable:i,href:m,id:o,rel:d,role:u,target:b,onClick:s,onFocus:n,onMouseEnter:l,onMouseLeave:c,children:r})});const i=r(function(r,a){const{alt:t}=r;return e("img",{ref:a,...r,alt:t||""})});const o={IMAGE:i,LINK:t};export{o as defaultGenericComponents};

package/dist/esm/lib/provider/genericComponentsProvider/genericComponentsProvider.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as o,useContext as r}from"react";const n=o(null);const t=({children:o,value:r})=>e(n.Provider,{value:r,children:o});const i=()=>{const e=r(n);if(!e)throw Error("Generic components context is being used without a provider or with an unsupported value");return e};export{n as GenericComponentContext,t as GenericComponentsProvider,i as useGenericComponents};

package/dist/esm/lib/provider/genericComponentsProvider/index.mjs

@@ -0,0 +1 @@
+export*from"./genericComponentsProvider.mjs";

package/dist/esm/lib/provider/index.mjs

@@ -0,0 +1 @@
+export*from"./genericComponentsProvider/index.mjs";export*from"./stylesProvider/index.mjs";export*from"./utilsProvider/index.mjs";

package/dist/esm/lib/provider/stylesProvider/index.mjs

@@ -0,0 +1 @@
+export*from"./stylesProvider.mjs";

package/dist/esm/lib/provider/stylesProvider/stylesProvider.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useContext as s,useMemo as o,useState as r}from"react";import{getAddDays as l,getAddMonths as n,getAddYears as m,getAllMonthNames as a,getAllWeekdayNames as i,getSubDays as d,getSubMonths as c,getSubYears as p,isAfter as u,isBefore as g,isDatesEqual as h}from"../../utils/date/date.mjs";import{formatDate as y}from"../../utils/date/formatDate.mjs";import{transformDate as f}from"../../utils/date/transformDate.mjs";import{defaultGenericComponents as x}from"../genericComponentsProvider/defaultGenericComponents.mjs";import{GenericComponentsProvider as v}from"../genericComponentsProvider/genericComponentsProvider.mjs";import{UtilsProvider as S}from"../utilsProvider/utilsProvider.mjs";const b=t(void 0);const w=()=>{const e=s(b);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};const C={lg:992,md:768,sm:576,xl:1200};const D=e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`});const P=({bernovaProvider:t={},breakpoints:s=C,children:w,dateHelpers:P,genericComponents:j,icons:A={},illustrations:N={},jsInCss:$=true,linkId:k="kb-styled-provider",themeSelected:M})=>{const T=o(()=>D(s),[s]);const E=o(()=>{const e=t;return new e({jsInCss:$,linkId:k})},[t,$,k]);const[Y,q]=r(M||E.themeSelected);E.themeSelected=Y||"";const B=e=>{E.themeSelected=e;q(e)};const G=({additionalClassNames:e,component:t,variant:s})=>E.getComponentStyles({additionalClassNames:e,component:t,variant:s||""});const H=o(()=>({breakpoints:s,changeTheme:B,classes:[],currentTheme:Y,getComponentStyles:G,globalStyles:E.globalStyles,icons:A,illustrations:N,mediaQueries:T,themeClassNames:E.classNames,themes:E.allThemes,themeVariables:E.variables}),[s,Y,A,N,T,E.classNames,E.allThemes,E.variables,E.globalStyles]);return e(S,{dateHelpers:{getAddDays:l,getAddMonths:n,getAddYears:m,getAllMonthName:(e,t)=>{const s="numeric"===e||"2-digit"===e?"long":e||"long";return a(s,t)},getAllWeekdayName:i,getSubDays:d,getSubMonths:c,getSubYears:p,isAfter:u,isBefore:g,isDatesEqual:h,...P},formatDate:y,transformDate:f,children:e(v,{value:{...x,...j},children:e(b.Provider,{value:H,children:w})})})};export{b as StylesContext,P as StylesProvider,w as useStylesContext};

package/dist/esm/lib/provider/utilsProvider/index.mjs

@@ -0,0 +1 @@
+export*from"./utilsProvider.mjs";

package/dist/esm/lib/provider/utilsProvider/types/utilsProvider.mjs

@@ -0,0 +1 @@
+const t={d:"d",dd:"dd",ddd:"ddd",dddd:"dddd",f:"f",F:"F",ff:"ff",FF:"FF",fff:"fff",FFF:"FFF",ffff:"ffff",FFFF:"FFFF",t:"t",T:"T",tt:"tt",TT:"TT",ttt:"ttt",TTT:"TTT",tttt:"tttt",TTTT:"TTTT"};export{t as FORMAT_DATE};

package/dist/esm/lib/provider/utilsProvider/utilsProvider.mjs

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as t}from"react";const i=e(null);const o=e=>{const{assets:t,children:o,dateHelpers:n,formatDate:s,transformDate:d}=e;return r(i.Provider,{value:{assets:t,dateHelpers:n,formatDate:s,transformDate:d},children:o})};const n=()=>{const r=t(i);if(!r)throw new Error("UtilsProvider not initialized. Ensure <UtilsProvider> is rendered and configured properly.");return{...r}};export{i as UtilsContext,o as UtilsProvider,n as useUtilsProvider};

package/dist/esm/lib/types/breakpoints/breakpoints.mjs

@@ -0,0 +1 @@
+const e={DESKTOP:"desktop",LARGE_DESKTOP:"large_desktop",MOBILE:"mobile",TABLET:"tablet"};const s={isDesktop:i=>i===e.DESKTOP||s.isLargeDesktop(i),isLargeDesktop:s=>s===e.LARGE_DESKTOP,isMobile:s=>s===e.MOBILE,isMobileOrTablet:e=>s.isMobile(e)||s.isTablet(e),isOnlyDesktop:s=>s===e.DESKTOP,isTablet:s=>s===e.TABLET};export{e as DEVICE_BREAKPOINTS,s as DeviceBreakpointsTypeUtils};

package/dist/esm/lib/types/index.mjs

@@ -0,0 +1 @@
+export*from"./breakpoints/breakpoints.mjs";export*from"./cssGenerator/stylesTypes.mjs";export*from"./dataAttributes/dataAttributes.mjs";export*from"./positions/positions.mjs";export*from"./sizes/sizes.mjs";export*from"./states/states.mjs";

package/dist/esm/lib/types/positions/positions.mjs

@@ -0,0 +1 @@
+const T={BOTTOM:"bottom",BOTTOM_CENTER:"bottom-center",BOTTOM_CENTER_FIXED:"bottom-center-fixed",BOTTOM_FIXED:"bottom-fixed",BOTTOM_GAP_RIGHT:"bottom-gap-right",BOTTOM_LEFT:"bottom-left",BOTTOM_LEFT_FIT_CONTENT:"bottom-left-fit-content",BOTTOM_RIGHT:"bottom-right",BOTTOM_RIGHT_FIT_CONTENT:"bottom-right-fit-content",CENTER:"center",LEFT:"left",LEFT_BOTTOM_FIXED:"left-bottom-fixed",LEFT_FIXED:"left-fixed",RIGHT:"right",RIGHT_FIXED:"right-fixed",TOP:"top",TOP_CENTER:"top-center",TOP_CENTER_FIXED:"top-center-fixed",TOP_LEFT:"top-left",TOP_RIGHT:"top-right",WITHOUT:"without"};const t={[T.BOTTOM]:T.TOP,[T.BOTTOM_CENTER]:T.TOP_CENTER,[T.LEFT]:T.RIGHT,[T.RIGHT]:T.LEFT,[T.TOP]:T.BOTTOM,[T.TOP_CENTER]:T.BOTTOM_CENTER};export{t as MIRROR_POSITIONS,T as POSITIONS};

package/dist/esm/lib/types/sizes/sizes.mjs

@@ -0,0 +1 @@
+const a={EXTRA_LARGE:"extra_large",EXTRA_SMALL:"extra_small",LARGE:"large",MEDIUM:"medium",SMALL:"small"};export{a as SIZES};

package/dist/esm/lib/types/states/states.mjs

@@ -0,0 +1 @@
+const e={ACTIVE:"active",ACTIVE_FILLED:"active_filled",ACTIVE_FILLED_HIDE:"active_filled_hide",BLOCKED_BY_SYSTEM:"blocked_by_system",COMPLETED:"completed",CURRENT:"current",CURRENT_DAY:"current_day",DEFAULT:"default",DEFAULT_SELECTED:"default_selected",DEFAULT_UNSELECTED:"default_unselected",DISABLED:"disabled",DISABLED_EMPTY:"disabled_empty",DISABLED_FILLED:"disabled_filled",DISABLED_FILLED_HIDE:"disabled_filled_hide",DISABLED_SELECTED:"disabled_selected",DISABLED_UNSELECTED:"disabled_unselected",EMPTY:"empty",END_DATE_RANGE:"end_date_range",ERROR:"error",ERROR_EMPTY:"error_empty",ERROR_FILLED:"error_filled",ERROR_FILLED_HIDE:"error_filled_hide",ERROR_SELECTED:"error_selected",ERROR_UNSELECTED:"error_unselected",FILLED:"filled",FILLED_HIDE:"filled_hide",FILLING:"filling",FOCUS:"focus",HOVER:"hover",INACTIVE:"inactive",LOADING:"loading",MIDLE_DATE_RANGE:"midle_date_range",MULTIPLE_SELECTED:"multiple_selected",MULTIPLE_SELECTED_HOVER:"multiple_selected_hover",PENDING:"pending",PREFILLED:"prefilled",PRESSED:"pressed",SELECTED:"selected",SELECTED_HOVER:"selected_hover",START_DATE_RANGE:"start_date_range",SUCCESS:"success",UNSELECTED:"unselected",VISITED:"visited",WARNING:"warning"};export{e as STATES};

package/dist/esm/lib/utils/classNames/classNames.mjs

@@ -0,0 +1 @@
+const e=(...e)=>Array.from(new Set(e.flatMap(e=>{if("string"==typeof e)return e.split(" ");if("object"==typeof e&&null!==e)return Object.entries(e).filter(([,e])=>e).map(([e])=>e);return[]}).filter(Boolean))).join(" ")||"";export{e as classNames};

package/dist/esm/lib/utils/date/constants/common.constant.mjs

@@ -0,0 +1 @@
+const y=/(\[[^[]*\])|([-_:/.,()\s]+)|(yyyy|yy?|MM?M?M?|dd?|WW?|hh?|HH?|mm?|ss?)/g;export{y as FORMATTING_TOKENS};

package/dist/esm/lib/utils/date/constants/format.constant.mjs

@@ -0,0 +1 @@
+import{FORMAT_DATE as o}from"../types/format.types.mjs";const e="numeric",t="short",n="long",m="2-digit";const r={day:m,month:m,year:e};const c={day:m,month:t,year:e};const h={day:m,month:n,year:e};const u={day:m,month:n,weekday:n,year:e};const a={hour:m,minute:m};const d={hour:m,minute:m,second:m};const s={hour:m,minute:m,second:m,timeZoneName:t};const y={hour:m,minute:m,second:m,timeZoneName:n};const i={hour:m,hourCycle:"h23",minute:m};const T={hour:m,hourCycle:"h23",minute:m,second:m};const f={hour:m,hourCycle:"h23",minute:m,second:m,timeZoneName:t};const F={hour:m,hourCycle:"h23",minute:m,second:m,timeZoneName:n};const N={day:e,hour:m,minute:m,month:e,year:e};const O={day:e,hour:m,minute:m,month:e,second:m,year:e};const Z={day:e,hour:m,minute:m,month:t,year:e};const C={day:e,hour:m,minute:m,month:t,second:m,year:e};const l={day:e,hour:m,minute:m,month:n,timeZoneName:t,year:e};const _={day:e,hour:m,minute:m,month:n,second:m,timeZoneName:t,year:e};const p={day:e,hour:m,minute:m,month:n,timeZoneName:n,weekday:n,year:e};const R={day:e,hour:m,minute:m,month:n,second:m,timeZoneName:n,weekday:n,year:e};const k={[o.d]:r,[o.dd]:c,[o.ddd]:h,[o.dddd]:u,[o.f]:N,[o.F]:O,[o.ff]:Z,[o.FF]:C,[o.fff]:l,[o.FFF]:_,[o.ffff]:p,[o.FFFF]:R,[o.t]:a,[o.T]:i,[o.tt]:d,[o.TT]:T,[o.ttt]:s,[o.TTT]:f,[o.tttt]:y,[o.TTTT]:F};export{n as LONG,k as MACRO_TOKEN_TO_FORMAT_OPTS,e as NUMERIC,t as SHORT,m as TWO_DIGIT};