@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.63

package/dist/esm/components/popover/stories/demos/popoverScrollBehaviorDemo.mjs

@@ -0,0 +1 @@
+import{Fragment as e,jsx as o,jsxs as l}from"react/jsx-runtime";import{flip as r,size as t}from"@floating-ui/dom";import{useRef as a,useState as n}from"react";import{Text as i}from"../../../text/text.mjs";import{ENTER as c,ESCAPE as s,SPACE as d}from"../../../../lib/constants/keyboardKeys/keyboardKeys.mjs";import{TextVariantType as p}from"@/lib/designSystem/kubit/components/text/variants";import{isKeyPressed as m}from"../../../../lib/utils/keyboard/keyboard.mjs";import{Popover as h}from"../../popover.mjs";const b=[{color:"#ef4444",label:"Red",value:"red"},{color:"#f97316",label:"Orange",value:"orange"},{color:"#eab308",label:"Yellow",value:"yellow"},{color:"#22c55e",label:"Green",value:"green"},{color:"#06b6d4",label:"Cyan",value:"cyan"},{color:"#3b82f6",label:"Blue",value:"blue"},{color:"#a855f7",label:"Purple",value:"purple"},{color:"#ec4899",label:"Pink",value:"pink"},{color:"#800000",label:"Maroon",value:"maroon"},{color:"#000000",label:"Black",value:"black"},{color:"#ffffff",label:"White",value:"white"}];const u={COLORS:{active:"#adb5bd",border:"#e9ecef",hover:"#f8f9fa",placeholder:"#6c757d",primary:"#f8f9fa",secondary:"#e9ecef",white:"white"},SIZES:{bottomBlock:"300px",contentBlock:"150px",dropdownMaxHeight:"320px",minSelectWidth:"100%"},SPACING:{large:"16px",medium:"12px",small:"8px",xlarge:"20px"}};const f=({children:e,height:l=u.SIZES.contentBlock})=>o("div",{style:{alignItems:"center",backgroundColor:u.COLORS.white,border:`1px solid ${u.COLORS.border}`,borderRadius:u.SPACING.medium,display:"flex",height:l,justifyContent:"center",padding:u.SPACING.medium},children:e});const g=({children:e,title:r})=>l("div",{children:[o(i,{variant:p.PARAGRAPH_MEDIUM_EXTENDED,weight:600,children:r}),o("div",{style:{backgroundColor:u.COLORS.primary,display:"flex",flexDirection:"column",gap:u.SPACING.small,height:"100%",justifyContent:"space-around",margin:`${u.SPACING.medium} 0`,padding:u.SPACING.xlarge},children:e})]});const S=({color:e})=>o("div",{style:{backgroundColor:e,border:"1px solid rgba(0, 0, 0, 0.2)",borderRadius:"50%",flexShrink:0,height:u.SPACING.large,width:u.SPACING.large}});const y=(e,o)=>{const l=l=>{if(m(l.key,c.key,d.key)){l.preventDefault();e()}if(m(l.key,...s.key))o()};const r=(e,o)=>{if(m(e.key,c.key,d.key)){e.preventDefault();o()}};return{handleOptionKeyDown:r,handleSelectKeyDown:l}};const v=c=>{const[s,d]=n(false);const[m,v]=n(null);const x=a(null);const C=()=>d(!s);const A=()=>d(false);const P=e=>{v(e);d(false)};const{handleOptionKeyDown:I,handleSelectKeyDown:k}=y(C,A);const w={alignItems:"center",backgroundColor:s?u.COLORS.secondary:u.COLORS.primary,borderColor:s?u.COLORS.active:u.COLORS.border,borderRadius:u.SPACING.small,borderStyle:"solid",borderWidth:"1px",cursor:"default",display:"flex",gap:u.SPACING.small,minWidth:u.SIZES.minSelectWidth,outline:"none",padding:`${u.SPACING.medium} ${u.SPACING.large}`,position:"relative",transition:"all 0.2s ease",userSelect:"none"};const R={alignItems:"center",borderRadius:"4px",cursor:"pointer",display:"flex",gap:u.SPACING.small,outline:"none",padding:`${u.SPACING.small} ${u.SPACING.medium}`,transition:"background-color 0.15s ease"};const E={fontSize:u.SPACING.medium,marginLeft:"auto",transform:s?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"};return l("div",{style:{display:"flex",flexDirection:"column",gap:u.SPACING.small},children:[l("div",{children:[o(i,{variant:p.PARAGRAPH_MEDIUM_EXTENDED,weight:700,children:"Popover Scroll Behavior Demo"}),o(i,{variant:p.PARAGRAPH_SMALL_EXTENDED,children:"This demo shows how the popover automatically repositions when there's not enough space below the trigger element. Try scrolling the page while the dropdown is open to see the behavior in action."})]}),o(g,{title:"Scroll down to test the behavior",children:o(f,{children:o(i,{variant:p.PARAGRAPH_SMALL_EXTENDED,children:"Content block - This content creates the scrollable area to demonstrate the popover repositioning behavior."})})}),l("div",{style:{alignItems:"center",display:"flex",flexDirection:"column",gap:u.SPACING.small,minHeight:"120px",padding:`${u.SPACING.xlarge} 0`},children:[o(i,{variant:p.PARAGRAPH_MEDIUM_EXTENDED,weight:600,children:"Select a color (the dropdown will reposition on scroll)"}),l("div",{ref:x,"aria-controls":"color-listbox","aria-expanded":s,"aria-haspopup":"listbox","aria-label":"Select a color",role:"combobox",style:w,tabIndex:0,onClick:C,onKeyDown:k,children:[m?l(e,{children:[o(S,{color:m.color}),o("span",{children:m.label})]}):o("span",{style:{color:u.COLORS.placeholder},children:"Select a color..."}),o("span",{style:E,children:"▼"})]}),o(h,{...c,anchorElement:x.current,disableAnimations:true,middlewares:[t({apply({elements:e,rects:o}){Object.assign(e.floating.style,{minWidth:`${o.reference.width}px`})}}),r()],open:s,placement:"bottom-start",onClose:A,children:o("div",{"aria-label":"Color options",id:"color-listbox",role:"listbox",style:{backgroundColor:u.COLORS.white,border:`1px solid ${u.COLORS.border}`,borderRadius:u.SPACING.small,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",maxHeight:u.SIZES.dropdownMaxHeight,overflowY:"auto",padding:"4px"},children:b.map(e=>{const r=m?.value===e.value;return l("div",{"aria-selected":r,className:"dropdown-option",role:"option",style:{...R,backgroundColor:r?u.COLORS.secondary:"transparent"},tabIndex:0,onClick:()=>P(e),onKeyDown:o=>I(o,()=>P(e)),onMouseDown:e=>e.preventDefault(),children:[o(S,{color:e.color}),o("span",{children:e.label}),r&&o("span",{style:{fontSize:"14px",marginLeft:"auto"},children:"✓"})]},e.value)})})})]}),o(g,{title:"More content below",children:o(f,{height:u.SIZES.bottomBlock,children:o(i,{variant:p.PARAGRAPH_SMALL_EXTENDED,children:"Bottom content block - Keep scrolling to see how the popover repositions itself when space becomes limited."})})})]})};export{v as ScrollBehaviorDemo};

package/dist/esm/components/popover/stories/demos/popoverWithAnchorElementDemo.mjs

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";const t=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];const o=({anchorElRef:o,handlePlacementChange:n,placement:i})=>{const d={alignItems:"center",backgroundColor:"#f8f9fa",borderRadius:"8px",boxShadow:"0 0 20px rgba(0, 0, 0, 0.05)",display:"flex",flexDirection:"column",padding:"20px",position:"relative"};const a={backgroundColor:"white",borderRadius:"8px",boxShadow:"0 0 10px rgba(0, 0, 0, 0.03)",display:"grid",gap:"0px",gridTemplateColumns:"repeat(5, 1fr)",gridTemplateRows:"repeat(5, 1fr)",padding:"6px",position:"relative"};const l=r=>{switch(r){case"top-start":return{gridColumn:"2",gridRow:"1"};case"top":return{gridColumn:"3",gridRow:"1"};case"top-end":return{gridColumn:"4",gridRow:"1"};case"right-start":return{gridColumn:"5",gridRow:"2"};case"right":return{gridColumn:"5",gridRow:"3"};case"right-end":return{gridColumn:"5",gridRow:"4"};case"bottom-start":return{gridColumn:"2",gridRow:"5"};case"bottom":return{gridColumn:"3",gridRow:"5"};case"bottom-end":return{gridColumn:"4",gridRow:"5"};case"left-start":return{gridColumn:"1",gridRow:"2"};case"left":return{gridColumn:"1",gridRow:"3"};case"left-end":return{gridColumn:"1",gridRow:"4"};default:return{gridColumn:"3",gridRow:"3"}}};return r("div",{style:d,children:e("div",{style:a,children:[t.map(t=>r("div",{style:{...l(t),alignItems:"center",display:"flex",justifyContent:"center"},children:e("label",{style:{alignItems:"center",backgroundColor:i===t?"#f5f5f5":"white",border:i===t?"1px solid #1A1A1A":"1px solid #e0e0e0",borderRadius:"4px",boxShadow:i===t?"0 0 0 2px rgba(26, 26, 26, 0.1)":"none",cursor:"pointer",display:"flex",gap:"4px",padding:"4px 6px",transition:"all 0.2s ease",whiteSpace:"nowrap"},children:[r("input",{checked:i===t,name:"placement",style:{accentColor:"#DF2B51",cursor:"pointer",height:"14px",width:"14px"},type:"radio",value:t,onChange:n}),r("span",{style:{color:i===t?"#1A1A1A":"#767676",fontSize:"11px",fontWeight:i===t?500:400},children:t})]})},t)),r("div",{style:{cursor:"default",gridColumn:"3",gridRow:"3",pointerEvents:"none",position:"relative",transform:"scale(1)",transition:"all 0.2s ease"},children:r("div",{ref:o,style:{background:"rgb(223, 43, 81)",border:"2px dashed black",padding:"36px 24px"},children:r("p",{children:"AnchorEl"})})})]})})};const n=({placement:e})=>r("div",{style:{background:"#767676",border:"none",borderRadius:"4px",boxShadow:"0px 2px 8px 0px rgba(0, 0, 0, 0.25)",color:"#FFFFFF",fontSize:"14px",fontWeight:400,lineHeight:"20px",maxWidth:"180px",padding:"16px",position:"relative",textAlign:"center"},children:e});export{n as PopoverWithAnchorElementContent,o as RadioGroupPositions,t as placements};

package/dist/esm/components/popover/stories/notes.mjs

@@ -0,0 +1 @@
+import{jsx as n,jsxs as e}from"react/jsx-runtime";const t={text:[e("span",{children:["- Closes via Escape key (unless ",n("strong",{children:"disablePressEscapeClose"})," ","is true) or by clicking outside the popover content (handled by the"," ",n("strong",{children:"onClose"})," callback in the controlled component)."]},"note-1"),e("span",{children:["- Animations can be fully customized using the"," ",n("strong",{children:"animationConfig"})," prop, which allows configuring duration, timing functions, rotation, scaling, distance, and spring effects for smooth entrance and exit transitions."]},"note-2")],theme:"information"};const o={text:[e("span",{children:["This example demonstrates the ",n("strong",{children:"Popover"})," component positioned relative to a specific element."]},"note-1"),e("span",{children:["- Uses an ",n("strong",{children:"anchor element"})," (via the"," ",n("strong",{children:"anchorElement"})," prop) with various"," ",n("strong",{children:"placement"})," options to position the popover."]},"note-2"),e("span",{children:["- Features a directional ",n("strong",{children:"arrow"})," that points to the anchor element, creating a visual connection."]},"note-3"),n("span",{children:"- Doesn't include an overlay/backdrop, allowing interaction with elements behind the popover."},"note-4"),e("span",{children:["- Supports custom animations through the ",n("strong",{children:"animationConfig"})," ","prop for enhanced user experience with configurable entrance and exit effects."]},"note-5")],theme:"information"};const i={text:[e("span",{children:[n("strong",{children:"Note:"})," This is a behavioral demonstration and should not be used for accessibility testing as it may not meet all accessibility requirements."]},"note-1")],theme:"information"};const r={text:[n("span",{children:n("strong",{children:"Available Animation Methods:"})},"note-1"),e("span",{children:["- ",n("strong",{children:"createSpringAnimation(direction, config)"}),": Physics-based animations with realistic spring behavior. Directions: 'up', 'down', 'left', 'right'"]},"note-2"),e("span",{children:["- ",n("strong",{children:"customKeyframes"}),": Complete control using custom CSS animations for unique brand-specific effects"]},"note-3"),e("span",{children:["- ",n("strong",{children:"Built-in system"}),": Modify duration, distance, and timing without losing automatic entrance/exit handling"]},"note-4")],theme:"information"};export{r as popoverAnimationsNotes,t as popoverBodyLikeAnchorElementNotes,i as popoverScrollBehaviorNotes,o as popoverWithAnchorElementNotes};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+const t={ENTER:"enter",EXIT:"exit"};const e={CUSTOM:"custom",SIMPLE:"simple"};const n="center";const i=["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"];const o=[...i,"center"];const E={CUBIC_BEZIER:"cubic-bezier(0.16, 1, 0.3, 1)",EASE:"ease",EASE_IN:"ease-in",EASE_IN_OUT:"ease-in-out",EASE_IN_OUT_CUBIC:"cubic-bezier(0.645, 0.045, 0.355, 1)",EASE_OUT:"ease-out",EASE_OUT_BOUNCE:"cubic-bezier(0.68, -0.55, 0.265, 1.55)",LINEAR:"linear"};const a={animationDistanceInPx:0,animationRotationInDeg:0,delay:"0ms",duration:"500ms",iterationCount:1,opacityEnd:1,opacityStart:0,scaleStart:1,timingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",transformOrigin:"",type:e.SIMPLE};export{e as ANIMATION_CONFIG_TYPES,t as ANIMATION_TYPES,n as DEFAULT_PLACEMENT,a as DEFAULT_POPOVER_ANIMATION_CONFIG,E as PopoverAnimationTimingFunction,i as VALID_PLACEMENTS,o as VALID_PLACEMENTS_WITH_CENTER};

package/dist/esm/components/popover/types/index.mjs

@@ -0,0 +1 @@
+import{ANIMATION_CONFIG_TYPES as i,ANIMATION_TYPES as n,PopoverAnimationTimingFunction as o}from"./animation.mjs";export{i as ANIMATION_CONFIG_TYPES,n as ANIMATION_TYPES,o as PopoverAnimationTimingFunctions};

package/dist/esm/components/popover/utils/animation.utils.mjs

@@ -0,0 +1 @@
+import{convertDurationToNumber as t}from"../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.mjs";const n={bottom:"center bottom","bottom-end":"right bottom","bottom-start":"left bottom",center:"center center",left:"left center","left-end":"left bottom","left-start":"left top",right:"right center","right-end":"right bottom","right-start":"right top",top:"center top","top-end":"right top","top-start":"left top"};const e=(t,n)=>{if("enter"in t&&"exit"in t)return n?t.exit:t.enter;return t};const r=(t,e=n.center)=>t.transformOrigin&&""!==t.transformOrigin?t.transformOrigin:e;const o=(t,n)=>({end:n?t.opacityEnd:t.opacityStart,start:n?t.opacityStart:t.opacityEnd});const a=n=>{const e=t(n.duration);const r=t(n.delay);return e>0&&r>=0&&n.iterationCount>0&&n.opacityStart>=0&&n.opacityStart<=1&&n.opacityEnd>=0&&n.opacityEnd<=1&&n.scaleStart>0};const i=t=>1===t.scaleStart&&0===t.animationRotationInDeg;const s=t=>0===t.animationDistanceInPx?"100%":`${t.animationDistanceInPx}px`;const l={down:{axis:"Y",enterFrom:t=>`translateY(-${t})`,exitTo:t=>`translateY(${t})`,neutral:"translateY(0)"},fade:{axis:null,enterFrom:()=>"",exitTo:()=>"",neutral:""},left:{axis:"X",enterFrom:t=>`translateX(-${t})`,exitTo:t=>`translateX(-${t})`,neutral:"translateX(0)"},right:{axis:"X",enterFrom:t=>`translateX(${t})`,exitTo:t=>`translateX(${t})`,neutral:"translateX(0)"},up:{axis:"Y",enterFrom:t=>`translateY(${t})`,exitTo:t=>`translateY(-${t})`,neutral:"translateY(0)"}};const c=(t,n,e)=>{const r=s(t);const o=l[n];return{end:e?o.neutral:o.exitTo(r),start:e?o.enterFrom(r):o.neutral}};const m=t=>{const n={bottom:"translateX(-50%)","bottom-end":"","bottom-start":"",center:"translate(-50%, -50%)",left:"translateY(-50%)","left-end":"","left-start":"",right:"translateY(-50%)","right-end":"","right-start":"",top:"translateX(-50%)","top-end":"","top-start":""};return n[t]||""};const f=(t,n,e=[])=>{const r=[t,n,...e].filter(Boolean).join(" ");return r};const g=(t,n="",e=false,r=false,o)=>{const a=o?m(o):"";if(i(t))return f(a,n);const s=e?1:t.scaleStart;const l=e?0:r?-t.animationRotationInDeg:t.animationRotationInDeg;const c=[`scale(${s})`,`rotate(${l}deg)`].filter(Boolean);return f(a,n,c)};export{n as PLACEMENT_TRANSFORM_ORIGINS,l as TRANSFORM_CONFIGURATIONS,f as combineTransforms,g as generateTransform,o as getAnimationOpacities,m as getPositioningTransforms,s as getSlideDistance,c as getSlideTransforms,r as getTransformOrigin,i as isDefaultTransforms,e as resolveAnimationConfig,a as validateAnimationConfig};

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

@@ -0,0 +1 @@
+import{DEFAULT_PLACEMENT as t,VALID_PLACEMENTS as r}from"../types/animation.mjs";const i=r=>{if(!r)return t;if(r.startsWith("top"))return"top";if(r.startsWith("bottom"))return"bottom";if(r.startsWith("left"))return"left";if(r.startsWith("right"))return"right";return t};const e=t=>{const r=["fade"];if(t.startsWith("top")||t.startsWith("bottom"))return[...r,"up","down"];if(t.startsWith("left")||t.startsWith("right"))return[...r,"left","right"];return[...r,"up","down","left","right"]};const n=e=>{if(!e)return t;if(r.includes(e))return e;return i(e)};export{e as getAvailableDirections,i as getPlacementDirection,n as normalizeToValidPlacement};

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

@@ -0,0 +1 @@
+import{getPlacementDirection as r}from"./placement.utils.mjs";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})};const t=(t,e)=>{if(!e)return{};const i={"--arrow-size":`${e.size}px`,backgroundColor:e.backgroundColor,height:`${e.size}px`,width:`${e.size}px`};if(e.border){const b=r(t);const d=o[b];if(d)Object.assign(i,d(e.border))}return i};export{t as getArrowBorderStyles};

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

@@ -0,0 +1 @@
+import{Portal as o}from"./portal.mjs";export{o as Portal};

package/dist/esm/components/portal/portal.mjs

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

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

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

package/dist/esm/components/progressBar/progressBar.mjs

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

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

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

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

@@ -0,0 +1 @@
+import{RadioButton as o}from"./radioButton.mjs";import{RadioButtonStandAlone as t}from"./radioButtonStandAlone.mjs";export{o as RadioButton,t as RadioButtonStandAlone};

package/dist/esm/components/radioButton/radioButton.mjs

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

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

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

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

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

package/dist/esm/components/radioButton/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./aria.utils.mjs";export*from"./state.utils.mjs";

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

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const e=(e=false,r=false,E=false)=>{const s=E;const n=r;const f=e;if(s&&!f)return t.ERROR;if(s&&f)return t.ERROR_SELECTED;if(n&&!f)return t.DISABLED;if(n&&f)return t.DISABLED_SELECTED;if(f)return t.SELECTED;return t.DEFAULT};export{e as getState};

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

@@ -0,0 +1 @@
+import{SelectControlled as e}from"./selectControlled.mjs";import{Select as o}from"./selectUncontrolled.mjs";export{o as Select,e as SelectControlled};

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

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

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

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

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

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

package/dist/esm/components/select/utils/getState/getState.mjs

@@ -0,0 +1 @@
+import{STATES as t}from"../../../../lib/types/states/states.mjs";function e({hover:e}){return e?t.HOVER:t.DEFAULT}export{e as getState};

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

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

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

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

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

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

package/dist/esm/components/selectorBoxFile/hooks/index.mjs

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

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

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

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

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

package/dist/esm/components/selectorBoxFile/selectorBoxFile.mjs

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useId as s}from"react";import{STATES as n}from"../../lib/types/states/states.mjs";import{SelectorBoxFileAnimation as i}from"./components/selectorBoxFileAnimation.mjs";import{SelectorBoxFileContainerBox as a}from"./components/selectorBoxFileContainerBox.mjs";const l=o(({accept:o,containerBoxStateContent:l,cssClasses:r,filename:c,focus:m,id:d,multiple:p,name:f,onAnimationCompleted:x,onBlur:u,onChange:h,onClick:B,onFocus:C,percentage:b,state:F,...j},A)=>{const S=s();const g=`selectorboxfile-${S.replace(/:/g,"")}`;const v=d??g;const y=j["data-testid"]??"selector-box-file";return t("div",{ref:A,children:[e("div",{className:r?.selector_box_file,"data-testid":y,children:e("div",{className:r?.header,children:e(i,{cssClasses:r,"data-testid":y,focus:m,percentage:b,state:F,onAnimationCompleted:x,children:e(a,{containerBoxStateContent:l,cssClasses:r,filename:c,focus:false,htmlFor:v,state:F})})})}),e("input",{accept:o,className:"kbt-sr-only",disabled:F===n.DISABLED,id:v,multiple:p,name:f,type:"file",onBlur:u,onChange:h,onClick:B,onFocus:C})]})});export{l as SelectorBoxFileStandAlone};

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

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

package/dist/esm/components/selectorBoxFile/utils/index.mjs

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

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

@@ -0,0 +1 @@
+import{STATES as t}from"../../../../lib/types/states/states.mjs";const r=(r,e,s,i)=>{if(i)return t.DISABLED;if(s)return t.ERROR;if(e)return t.SUCCESS;if(r)return t.LOADING;return t.DEFAULT};export{r as getState};

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

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

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

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

package/dist/esm/components/skeleton/skeleton.css

@@ -0,0 +1 @@
+@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{animation-name:breatheAnimation}

package/dist/esm/components/skeleton/skeleton.mjs

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

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

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"./skeleton.css";import{forwardRef as e,useMemo as s}from"react";import{classNames as o}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";const r=e(({borderRadius:e="",cssClasses:r,cssShapeClasses:l,duration:n="1.2s",height:m="20px",width:a="100%",...c},k)=>{const u=i(c);const p=s(()=>r?.dynamic_values({$skeletonBorderRadius:e,$skeletonDuration:n,$skeletonHeight:m,$skeletonWidth:a}).object,[m,a,e,n]);return t("div",{ref:k,className:o("kbt-skeleton",r?.skeleton,l?.skeleton),"data-testid":"skeleton",style:p,...u})});export{r as SkeletonStandAlone};

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

@@ -0,0 +1 @@
+export*from"./sliderButtonStandAlone.mjs";export*from"./sliderHelperTextStandAlone.mjs";export*from"./sliderScaleStandAlone.mjs";export*from"./sliderThumbStandAlone.mjs";

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

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Text as r}from"../../text/text.mjs";const n=({cssClasses:n,customAttributes:i,leftHelperText:l,leftHelperTextId:s,rightHelperText:a,rightHelperTextId:o})=>{if(!l&&!a)return null;return t("div",{className:n?.helpertextcontainer,children:[!!l&&e("div",{className:n?.helpertextleftcontainer,children:e(r,{additionalClasses:{text:n?.helpertext},component:"span",customAttributes:i,id:s,children:l})}),!!a&&e("div",{className:n?.helpertextrightcontainer,children:e(r,{additionalClasses:{text:n?.helpertext},component:"span",customAttributes:i,id:o,children:a})})]})};export{n as SliderHelperTextStandAlone};

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

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

package/dist/esm/components/slider/components/sliderThumbStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{TooltipUnControlled as e}from"../../tooltip/tooltipUnControlled.mjs";import{ElementOrIcon as o}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{useMediaDevice as t}from"../../../lib/hooks/useMediaDevice/useMediaDevice.mjs";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{isTooltipVisible as r}from"../utils/ui.utils.mjs";const l=({ariaDescribedBy:l,ariaLabel:s,ariaLabelBy:n,cssClasses:d,customAttributes:m,disabled:u,hover:c,icon:b,max:p,min:h,onFocus:v,onKeyDown:f,onMouseOut:y,onMouseOver:M,onTouchStart:j,pressed:x,rightThumb:O,style:A,tooltip:N,tooltipAlign:w="top",value:C,...D})=>{const I=t();const S=i({...D,...m});const g=i(m);if(!r(N,x,I)||!d?.tooltip)return a("div",{"aria-describedby":l,"aria-disabled":u,"aria-label":s,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":C,className:d?.thumb,"data-disabled":u,"data-hover":c,"data-position":O?"right":void 0,"data-pressed":x,role:"slider",style:A,tabIndex:0,onBlur:y,onFocus:v,onKeyDown:f,onMouseOut:y,onMouseOver:M,onTouchStart:j,...S,children:a(o,{className:d?.thumbicon,...b})});return a("div",{"data-disabled":u,"data-hover":c,"data-pressed":x,role:"presentation",style:A,...S,className:d?.thumb,children:a(e,{additionalClasses:d?.tooltip,align:w,childrenAsButton:false,content:{content:N?.content},tooltipAsModal:false,children:a("div",{"aria-describedby":l,"aria-disabled":u,"aria-label":s,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":h,"aria-valuenow":C,className:d.innerthumbtooltip,"data-disabled":u,"data-hover":c,"data-pressed":x,role:"slider",tabIndex:0,onBlur:y,onFocus:v,onKeyDown:f,onMouseOut:y,onMouseOver:M,onTouchStart:j,...g,children:a(o,{className:O?d?.rightthumbicon:d?.thumbicon,...b})})})})};export{l as SliderThumbStandAlone};

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

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

package/dist/esm/components/slider/slider.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useCallback as n,useEffect as o,useRef as r,useState as s}from"react";import{useClassName as i}from"../../lib/hooks/useClassName/useClassName.mjs";import{SliderStandAlone as c}from"./sliderStandAlone.mjs";import{calcNewValueAfterKeyPress as a,decrementValue as u,incrementValue as l}from"./utils/accessibility.utils.mjs";import{calcDefaultValue as d,calcNewRangeValue as m,calcScaleValue as f,calcValueByOffset as v,calculateChange as w,equalsRangeValues as h,focusThumb as p,getOffset as b,getScale as L}from"./utils/slider.utils.mjs";const g=50;const C=t(({additionalClasses:t,ariaLabel:C,ariaLabelBy:E,decrementButton:x,defaultValue:B,disabled:T=false,incrementButton:P,initialStepOffset:S,label:j,leftHelperText:k,max:y=100,min:R=0,onChange:A,onDragEnd:H,onDragStart:I,range:N=false,rightAriaLabel:z,rightAriaLabelBy:D,rightHelperText:q,rightThumbIcon:K,rightTooltip:M,step:O=1,thumbExceedsTrack:V=true,thumbIcon:F,tooltip:G,type:J="discrete",value:Q,variant:U},W)=>{const X=e=>d({initialStepOffset:S,max:y,min:R,range:N,step:O,value:e});const Y=r(null);const[Z,$]=s(X(Q??B));const[_,ee]=s(false);const[et,en]=s(false);const eo=r("left");const[er,es]=s({max:100,min:0});const ei=r(void 0);p({container:Y.current,currentActivePointer:eo.current,range:N});const ec=n(e=>{if(!A)return;clearTimeout(ei.current);ei.current=setTimeout(()=>{A(e)},g)},[A]);const ea=e=>{if(!Y.current||T)return;const t=w({container:Y.current,event:e,offsetBoundaries:er});const n=v({max:y,min:R,offset:t,offsetBoundaries:er,step:O});const o=f({initialStepOffset:S,max:y,min:R,step:O,value:n});$(e=>{let t=o;if(N)t=m({activePointer:eo,newValue:o,prevValue:e});ec(t);return t})};const eu=e=>{if(T)return;const t=a({activePointer:eo.current,event:e,max:y,min:R,range:N,step:O,value:Z});if(void 0!==t){$(t);ec(t)}};const el=e=>{const t=l({activePointer:eo.current,max:y,range:N,step:O,value:Z});if(void 0!==t){$(t);ec(t)}P?.onClick?.(e)};const ed=e=>{const t=u({activePointer:eo.current,min:R,range:N,step:O,value:Z});if(void 0!==t){$(t);ec(t)}x?.onClick?.(e)};const em=()=>{H?.();en(false);eb()};const{scaleOffsets:ef,showScale:ev}=L({initialStepOffset:S,max:y,min:R,step:O,type:J});const{offset:ew,offsetLeft:eh,offsetRight:ep}=b({max:y,min:R,offsetBoundaries:er,range:N,value:Z});const eb=()=>{window.removeEventListener("mousemove",ea);window.removeEventListener("mouseup",em);window.removeEventListener("touchend",em)};const eL=i({additionalClassNames:t,component:"SLIDER",variant:U});const eg=n(()=>{if(V)return void es({max:100,min:0});if(!Y.current)return;const e=Y.current.querySelector('[role="slider"]');if(!e)return;const t=Y.current.getBoundingClientRect().width;const n=e.getBoundingClientRect().width;const o=n/t*100;const r=o/2;const s=100-r;es({max:s,min:r})},[V]);o(()=>{eg();if(!V)window.addEventListener("resize",eg);return()=>{if(!V)window.removeEventListener("resize",eg)}},[V]);o(()=>{if(void 0!==Q){if(N&&!h({values1:Q,values2:Z})||!N&&Q!==Z)$(X(Q))}},[Q]);o(()=>eb,[]);const eC=e=>{I?.();en(true);ea(e);window.addEventListener("mousemove",ea);window.addEventListener("mouseup",em)};const eE=e=>{I?.();en(true);ea(e);window.addEventListener("touchend",em)};return e(c,{ref:W,activePointer:eo,ariaLabel:C,ariaLabelBy:E,containerRef:Y,cssClasses:eL,decrementButton:{...x,disabled:T||x?.disabled,onClick:ed},disabled:T,hover:_,incrementButton:{...P,disabled:T||P?.disabled,onClick:el},label:j,leftHelperText:k,max:y,min:R,offset:ew,offsetLeft:eh,offsetRight:ep,pressed:et,range:N,rightAriaLabel:z,rightAriaLabelBy:D,rightHelperText:q,rightThumbIcon:K,rightTooltip:M,scaleOffsets:ef,setHover:ee,showScale:ev,step:O,thumbIcon:F,tooltip:G,value:Z,onChange:ea,onKeyPress:eu,onMouseDown:eC,onTouchStart:eE})});export{C as Slider};

package/dist/esm/components/slider/sliderStandAlone.mjs

@@ -0,0 +1 @@
+import{Fragment as t,jsx as e,jsxs as s}from"react/jsx-runtime";import{forwardRef as a,useId as r}from"react";import{classNames as i}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{processTextProp as o}from"../../lib/utils/process/processCommonProp.mjs";import{Text as c}from"../text/text.mjs";import{SliderButtonStandAlone as d}from"./components/sliderButtonStandAlone.mjs";import{SliderHelperTextStandAlone as n}from"./components/sliderHelperTextStandAlone.mjs";import{SliderScaleStandAlone as m}from"./components/sliderScaleStandAlone.mjs";import{SliderThumbStandAlone as u}from"./components/sliderThumbStandAlone.mjs";import{buildAriaDescribedBy as h}from"./utils/accessibility.utils.mjs";import{getState as p}from"./utils/state.utils.mjs";import{isActive as b}from"./utils/ui.utils.mjs";const v=a(({activePointer:a,ariaLabel:v,ariaLabelBy:f,containerRef:$,cssClasses:x,decrementButton:T,disabled:k,hover:y,incrementButton:g,label:A,leftHelperText:j,max:N,min:C,offset:S,offsetLeft:w,offsetRight:I,onChange:L,onKeyPress:B,onMouseDown:M,onTouchStart:D,pressed:H,range:O,rightAriaLabel:K,rightAriaLabelBy:F,rightHelperText:P,rightThumbIcon:R,rightTooltip:q,scaleOffsets:z,setHover:E,showScale:G,step:J,thumbIcon:Q,tooltip:U,value:V,...W},X)=>{const Y=r();const Z=`slider-${Y.replace(/:/g,"")}`;const _=p({disabled:k,hover:y,pressed:H});const tt={"data-state":_};const te=W["data-testid"]??"slider";const ts=l(tt);const ta=o(A).children&&!O?`${Z}Label`:void 0;const tr=`${Z}LeftHelperText`;const ti=`${Z}RightHelperText`;const tl=f??ta;return s("div",{ref:X,className:x?.slider,"data-disabled":k,"data-hover":y,"data-pressed":H,...ts,children:[e("div",{className:x?.labelcontainer,...ts,children:e(c,{additionalClasses:{text:x?.label},component:"label",customAttributes:tt,id:ta,...o(A)})}),e(m,{cssClasses:x,customAttributes:tt,scaleOffsets:z,showScale:G}),s("div",{className:x?.buttonstrackscontainer,children:[e(d,{...T,cssClasses:x,customAttributes:tt}),e("div",{className:x?.tracksthumbscontainer,children:s("div",{ref:$,className:x?.tracksthumbsinnercontainer,"data-testid":`${te}-container`,role:"button",tabIndex:0,onMouseDown:M,onTouchMove:L,onTouchStart:D,children:[O&&s(t,{children:[e("div",{className:i({[`${x?.activetrack}`]:false,[`${x?.inactivetrack}`]:true}),...ts,"data-disabled":k,"data-hover":y,"data-pressed":H,"data-testid":`${te}-inactive-left-track`,style:{left:0,width:`${w}%`}}),e("div",{className:i({[`${x?.activetrack}`]:true,[`${x?.inactivetrack}`]:false}),"data-disabled":k,"data-hover":y,"data-pressed":H,"data-testid":`${te}-active-track`,style:{left:`${w}%`,right:`${I}%`},...ts}),e("div",{className:i({[`${x?.activetrack}`]:false,[`${x?.inactivetrack}`]:true}),"data-disabled":k,"data-hover":y,"data-pressed":H,"data-testid":`${te}-inactive-right-track`,style:{right:0,width:`${I}%`},...ts}),e(u,{ariaDescribedBy:h([{helperText:j,helperTextId:tr},{helperText:P,helperTextId:ti}]),ariaLabel:v,ariaLabelBy:tl,cssClasses:x,customAttributes:tt,"data-testid":`${te}-left-thumb`,disabled:k,hover:b(y,a.current,"left"),icon:Q,max:V[1]-J,min:C,pressed:b(H,a.current,"left"),state:_,style:{left:`${w}%`},tooltip:U,value:V[0],onFocus:()=>a.current="left",onKeyDown:B,onMouseOut:()=>E(false),onMouseOver:()=>{E(true);a.current="left"},onTouchStart:()=>{a.current="left"}}),e(u,{ariaDescribedBy:h([{helperText:j,helperTextId:tr},{helperText:P,helperTextId:ti}]),ariaLabel:K,ariaLabelBy:F,cssClasses:x,customAttributes:tt,"data-testid":`${te}-right-thumb`,disabled:k,hover:b(y,a.current,"right"),icon:R,max:N,min:V[0]+J,pressed:b(H,a.current,"right"),rightThumb:true,state:_,style:{right:`${I}%`},tooltip:q,value:V[1],onFocus:()=>a.current="right",onKeyDown:B,onMouseOut:()=>E(false),onMouseOver:()=>{E(true);a.current="right"},onTouchStart:()=>{a.current="right"}})]}),!O&&s(t,{children:[e("div",{className:i({[`${x?.activetrack}`]:true,[`${x?.inactivetrack}`]:false}),"data-disabled":k,"data-hover":y,"data-pressed":H,"data-testid":`${te}-active-track`,style:{width:`${S}%`},...ts}),e("div",{className:i({[`${x?.activetrack}`]:false,[`${x?.inactivetrack}`]:true}),"data-disabled":k,"data-hover":y,"data-pressed":H,"data-testid":`${te}-inactive-track`,style:{right:0,width:`calc(${100-S}%)`},...ts}),e(u,{ariaDescribedBy:h([{helperText:j,helperTextId:tr},{helperText:P,helperTextId:ti}]),ariaLabel:v,ariaLabelBy:tl,cssClasses:x,customAttributes:tt,"data-testid":`${te}-thumb`,disabled:k,hover:y,icon:Q,max:N,min:C,pressed:H,state:_,style:{left:`${S}%`},tooltip:U,value:V,onKeyDown:B,onMouseOut:()=>E(false),onMouseOver:()=>E(true)})]})]})}),e(d,{...g,cssClasses:x,customAttributes:tt})]}),e(n,{cssClasses:x,customAttributes:tt,leftHelperText:j,leftHelperTextId:tr,rightHelperText:P,rightHelperTextId:ti})]})});export{v as SliderStandAlone};

package/dist/esm/components/slider/utils/accessibility.utils.mjs

@@ -0,0 +1 @@
+import{ARROW_DOWN as e,ARROW_LEFT as r,ARROW_RIGHT as t,ARROW_UP as n,END as u,HOME as i}from"../../../lib/constants/keyboardKeys/keyboardKeys.mjs";const f=({max:e,step:r,value:t})=>{if(t+r>e)return e;return t+r};const l=({activePointer:e,max:r,step:t,value:n})=>{if("left"===e){if(n[0]+t>=n[1])return;return[n[0]+t,n[1]]}if(n[1]+t>r)return[n[0],r];return[n[0],n[1]+t]};const s=({activePointer:e,max:r,range:t,step:n,value:u})=>{if(t)return l({activePointer:e,max:r,step:n,value:u});return f({max:r,step:n,value:u})};const c=({min:e,step:r,value:t})=>{if(t-r<e)return e;return t-r};const o=({activePointer:e,min:r,step:t,value:n})=>{if("left"===e){if(n[0]-t<r)return[r,n[1]];return[n[0]-t,n[1]]}if(n[1]-t<=n[0])return;return[n[0],n[1]-t]};const a=({activePointer:e,min:r,range:t,step:n,value:u})=>{if(t)return o({activePointer:e,min:r,step:n,value:u});return c({min:r,step:n,value:u})};const y=({max:e})=>e;const k=({activePointer:e,max:r,step:t,value:n})=>{if("left"===e)return[n[1]-t,n[1]];return[n[0],r]};const d=({activePointer:e,max:r,range:t,step:n,value:u})=>{if(t)return k({activePointer:e,max:r,step:n,value:u});return y({max:r})};const v=({min:e})=>e;const p=({activePointer:e,min:r,step:t,value:n})=>{if("left"===e)return[r,n[1]];return[n[0],n[0]+t]};const m=({activePointer:e,min:r,range:t,step:n,value:u})=>{if(t)return p({activePointer:e,min:r,step:n,value:u});return v({min:r})};const b=({activePointer:f,event:l,max:c,min:o,range:y,step:k,value:v})=>{if([e.key,r.key].includes(l.key)){l.preventDefault();return a({activePointer:f,min:o,range:y,step:k,value:v})}if([n.key,t.key].includes(l.key)){l.preventDefault();return s({activePointer:f,max:c,range:y,step:k,value:v})}if([i.key].includes(l.key)){l.preventDefault();return m({activePointer:f,min:o,range:y,step:k,value:v})}if([u.key].includes(l.key)){l.preventDefault();return d({activePointer:f,max:c,range:y,step:k,value:v})}};const D=e=>{const r=e.filter(e=>e.helperText).map(e=>e.helperTextId).join(" ");return r||void 0};export{D as buildAriaDescribedBy,b as calcNewValueAfterKeyPress,a as decrementValue,s as incrementValue};

package/dist/esm/components/slider/utils/index.mjs

@@ -0,0 +1 @@
+export*from"./accessibility.utils.mjs";export*from"./slider.utils.mjs";export*from"./state.utils.mjs";export*from"./ui.utils.mjs";

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

@@ -0,0 +1 @@
+import{translateValue as t}from"../../selectorBoxFile/utils/translateValue/translateValue.mjs";const e=({container:t,event:e,offsetBoundaries:n})=>{e.preventDefault();const u=t.clientWidth;const a="number"==typeof e?.pageX?e.pageX:e.touches[0].pageX;const r=t.getBoundingClientRect().left+window.scrollX;const l=a-r;let o=100*l/u;o=Math.min(n.max,Math.max(n.min,o));return o};const n=({max:e,min:n,offset:u,offsetBoundaries:a,step:r})=>{let l=t({inputMax:a.max,inputMin:a.min,outputMax:e,outputMin:n,value:u});const o=String(r).indexOf(".")>0?String(r).split(".")[1].length:0;if(o>0){const t=Math.pow(10,o);l=Math.round(l*t)/t}else l=Math.round(l);return l};const u=({initialStepOffset:t,max:e,min:n,step:u,value:a})=>{const r=t+Math.ceil((n-t)/u)*u;if(r>e)return a;const l=Math.round((a-r)/u);let o=r+l*u;o=Math.max(n,o);o=Math.min(e,o);if(Math.abs(n-a)<Math.abs(o-a))o=n;if(Math.abs(e-a)<Math.abs(o-a))o=e;return o};const a=({max:t,min:e,step:n,value:u})=>{const a=u-e;let r=n/2;if((t-e)%n>0&&a/n>Math.floor((t-e)/n))r=(t-e)%n/2;if(a%n>r){const u=e+Math.ceil(a/n)*n;return u>t?t:u}return e+Math.floor(a/n)*n};const r=({initialStepOffset:t,max:e,min:n,step:r,value:l})=>{if(r<=0)return l;if(void 0!==t)return u({initialStepOffset:t,max:e,min:n,step:r,value:l});return a({max:e,min:n,step:r,value:l})};const l=({activePointer:t,newValue:e,prevValue:n})=>"left"===t&&e<n[1]||e<=n[0];const o=({activePointer:t,newValue:e,prevValue:n})=>"right"===t&&e>n[0]||e>=n[1];const i=({activePointer:t,newValue:e,prevValue:n})=>{if(l({activePointer:t.current,newValue:e,prevValue:n})){if("right"===t.current)t.current="left";return[e,n[1]]}if(o({activePointer:t.current,newValue:e,prevValue:n})){if("left"===t.current)t.current="right";return[n[0],e]}return n};const c=({initialStepOffset:e,max:n,min:u,step:a,type:r})=>{const l="discrete"===r&&a>0&&a<n-u;let o=[];if(l){const r=[u];for(let t=e??u;t<n;t+=a)if(t>u)r.push(t);r.push(n);o=r.map(e=>t({inputMax:n,inputMin:u,outputMax:100,outputMin:0,value:e}))}return{scaleOffsets:o,showScale:l}};const s=({max:e,min:n,offsetBoundaries:u,range:a,value:r})=>{if(n===e)return{offset:100,offsetLeft:0,offsetRight:0};let l,o,i;if(a){o=t({inputMax:e,inputMin:n,outputMax:u.max,outputMin:u.min,value:r[0]});i=100-t({inputMax:e,inputMin:n,outputMax:u.max,outputMin:u.min,value:r[1]})}else l=t({inputMax:e,inputMin:n,outputMax:u.max,outputMin:u.min,value:r});return{offset:l,offsetLeft:o,offsetRight:i}};const f=({values1:t,values2:e})=>{if(!Array.isArray(t)||!Array.isArray(e)||2!==t.length||2!==e.length)return false;return t[0]===e[0]&&t[1]===e[1]};const h=({max:t,min:e,value:n})=>void 0!==n&&n>=e&&n<=t;const M=({defaultValue:t,max:e,min:n,value:u})=>h({max:e,min:n,value:u})?u:t;const p=({value:t})=>Boolean(t&&Array.isArray(t)&&2===t.length);const m=({initialStepOffset:t,max:e,min:n,range:u,step:a,value:l})=>{if(u){let u=[n,e];if(p({value:l})){const o=l[0];const i=l[1];const c=M({defaultValue:n,max:e,min:n,value:o});const s=M({defaultValue:e,max:e,min:n,value:i});const f=r({initialStepOffset:t,max:e,min:n,step:a,value:c});const h=r({initialStepOffset:t,max:e,min:n,step:a,value:s});u=[f,h]}return u}const o=M({defaultValue:n,max:e,min:n,value:l});return r({initialStepOffset:t,max:e,min:n,step:a,value:o})};const g=({container:t,currentActivePointer:e,range:n})=>{if(!t)return;let u;if(n){const[n,a]=Array.from(t.querySelectorAll('[role="slider"]'));u="left"===e?n:a}else u=t.querySelector('[role="slider"]');if(u instanceof HTMLElement&&document.activeElement!==u)u.focus()};export{m as calcDefaultValue,i as calcNewRangeValue,r as calcScaleValue,u as calcScaleValueWithStepOffset,a as calcScaleValueWithoutStepOffset,n as calcValueByOffset,e as calculateChange,f as equalsRangeValues,g as focusThumb,s as getOffset,c as getScale,l as shouldUpdateLeftThumb,o as shouldUpdateRightThumb};

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

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const r=({disabled:r,hover:e,pressed:s})=>{if(r)return t.DISABLED;if(s)return t.PRESSED;if(e)return t.HOVER;return t.DEFAULT};export{r as getState};

package/dist/esm/components/slider/utils/ui.utils.mjs

@@ -0,0 +1 @@
+import{DeviceBreakpointsTypeUtils as i}from"../../../lib/types/breakpoints/breakpoints.mjs";const s=(i,s,o)=>i&&s===o;const o=(s,o,t)=>!!s&&(!i.isDesktop(t)||!o);export{s as isActive,o as isTooltipVisible};

package/dist/esm/components/snackbar/hooks/index.mjs

@@ -0,0 +1 @@
+import{useSnackbarAutoClose as o}from"./useSnackbarAutoClose.mjs";export{o as useSnackbarAutoClose};

package/dist/esm/components/snackbar/hooks/useSnackbarAutoClose.mjs

@@ -0,0 +1 @@
+import{useCallback as r,useEffect as t,useRef as e}from"react";const n=({closeTimeout:n,onClose:c,open:u})=>{const o=e(null);const s=e(false);const a=e(false);const l=e(null);const f=r(()=>{if(!n||s.current||a.current)return;o.current=setTimeout(()=>{c?.()},n)},[n,c]);const i=r(()=>{if(o.current)clearTimeout(o.current)},[]);t(()=>{if(u){l.current=document.activeElement;f()}else i();return()=>{i()}},[u,f]);const m=r(r=>{s.current=true;i()},[i]);const T=r(r=>{s.current=false;f()},[f]);const d=r(r=>{if(a.current)return;a.current=true;i()},[i]);const g=r(r=>{if(a.current&&r.currentTarget.contains(r.relatedTarget))return;a.current=false;f()},[f]);return{handleBlur:g,handleFocus:d,handleMouseEnter:m,handleMouseLeave:T,lastFocusedElement:l}};export{n as useSnackbarAutoClose};

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

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

package/dist/esm/components/snackbar/snackbar.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s,useImperativeHandle as e,useRef as n}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.mjs";import{useSnackbarAutoClose as t}from"./hooks/useSnackbarAutoClose.mjs";import{SnackbarStandAlone as a}from"./snackbarStandAlone.mjs";const m=({additionalClasses:s,closeTimeout:m,open:c=false,...l},u)=>{const i=r({additionalClassNames:s,component:"SNACKBAR"});const p=n(null);e(u,()=>p?.current,[]);const{handleBlur:C,handleFocus:f,handleMouseEnter:k,handleMouseLeave:b}=t({closeTimeout:m,onClose:l.onClose,open:c});return o(a,{...l,ref:p,cssClasses:i,open:c,onBlur:C,onFocus:f,onMouseEnter:k,onMouseLeave:b})};const c=s(m);export{c as Snackbar};

package/dist/esm/components/snackbar/snackbarStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{classNames as r}from"../../lib/utils/classNames/classNames.mjs";import{Popover as s}from"../popover/popover.mjs";const a=({children:o,cssClasses:a,onClose:t,open:i,popover:c,...l},m)=>e(s,{disableClickOverlayClose:true,disableEscapeClose:true,component:"div",open:i,onClose:t,...c,children:e("div",{ref:m,className:r(a?.container),"data-testid":"snackbar",...l,children:o})});const t=o(a);export{t as SnackbarStandAlone};

package/dist/esm/components/snackbar/stories/argtypes.mjs

@@ -0,0 +1 @@
+import{configArgTypes as o}from"@/lib/storybook/argtypes/argtypes";import{getBooleanArgTypes as r}from"@/lib/storybook/argtypes/booleanArgTypes";import{getDisabledArgTypes as e}from"@/lib/storybook/argtypes/disabledArgTypes";import{getNumbertArgTypes as t}from"@/lib/storybook/argtypes/numberArgTypes";import{getStringtArgTypes as s}from"@/lib/storybook/argtypes/stringArgTypes";import{CATEGORY_CONTROL as a}from"@/lib/storybook/constants/categoryControl";const p=()=>({...o,...e(["onClose","popover"]),children:s({category:a.CONTENT,keyName:"children",name:"snackbar"}),closeTimeout:t({category:a.MODIFIERS,keyName:"closeTimeout",name:"snackbar"}),open:r({descriptionName:"snackbar",name:"open",subCategory:a.MODIFIERS})});export{p as argtypes};

package/dist/esm/components/stepperNumber/fixture/ariaLabels.mjs

@@ -0,0 +1 @@
+const e=[{["aria-label"]:"Register this is a very long text, very very long long text isnt it",name:"Register this is a very long text, very very long long text isnt it"},{["aria-label"]:"Verification Code this is another very very long long text is not it",name:"Verification Code this is another very very long long text is not it"},{["aria-label"]:"Banking credential",name:"Banking credential"},{["aria-label"]:"Address info",name:"Address info"},{["aria-label"]:"Terms and Conditions",name:"Terms and Conditions"}];const t={prefix:{of:"of",step:"Step"},suffix:{completed:"Completed",current:"Current Step"}};export{e as StepperNumberSteps,t as ariaSteps};

package/dist/esm/components/stepperNumber/fixture/index.mjs

@@ -0,0 +1 @@
+import{StepperNumberSteps as e,ariaSteps as r}from"./ariaLabels.mjs";export{e as StepperNumberSteps,r as ariaSteps};

package/dist/esm/components/stepperNumber/helpers/aria.mjs

@@ -0,0 +1 @@
+const r=(r,t,e)=>r===t&&"vertical"===e?"step":void 0;export{r as buildAriaCurrent};

package/dist/esm/components/stepperNumber/helpers/index.mjs

@@ -0,0 +1 @@
+export*from"./aria.mjs";export*from"./screnReader.mjs";export*from"./stepState.mjs";

package/dist/esm/components/stepperNumber/helpers/screnReader.mjs

@@ -0,0 +1 @@
+const e=(e,t,f,r,c)=>{let i;if(c?.prefix){const f=`${c.prefix?.step} ${e+1}`;const n=`${c.prefix?.of} ${t} ${r}`;i=`${f} ${n}`}else i=r;if(e<f&&c?.suffix?.completed)i=i.concat(" ",c.suffix?.completed);else if(e===f&&c?.suffix?.current)i=i.concat(" ",c.suffix?.current);return i};const t=(t,f,r,c,i,n)=>{if(!n)return;return e(t,r,f,i,c)};export{t as buildScreenReaderText};

package/dist/esm/components/stepperNumber/helpers/stepState.mjs

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.mjs";const e=(e,a)=>{if(!e?.length)return[];const n=Math.max(0,Math.min(a,e.length));const r=e?.reduce((e,a,r)=>{const s=r<n?t.COMPLETED:t.INACTIVE;const o=r===n?t.ACTIVE:s;return[...e,{["aria-label"]:a["aria-label"],name:a.name,state:o}]},[]);return r};export{e as mapToStepState};

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

@@ -0,0 +1 @@
+import{StepperNumber as e}from"./stepperNumber.mjs";export*from"./types/orientation.mjs";export{e as StepperNumber};

package/dist/esm/components/stepperNumber/stepperNumber.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{StepperNumberStandAlone as e}from"./stepperNumberStandAlone.mjs";const a="STEPPER_NUMBER";const r=o(({additionalOrientationClasses:o,additionalVariantClasses:r,orientation:n="horizontal",variant:m,...i},l)=>{const p=t({additionalClassNames:r,component:a,variant:m});const c=t({additionalClassNames:o,component:a,variant:n});return s(e,{...i,ref:l,cssOrientationClasses:c,cssVariantClasses:p,orientation:n})});export{r as StepperNumber};

package/dist/esm/components/stepperNumber/stepperNumberStandAlone.mjs

@@ -0,0 +1 @@
+import{Fragment as t,jsx as e,jsxs as s}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Text as a}from"../text/text.mjs";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{ScreenReaderOnly as o}from"../../lib/components/screen-reader-only/screenReaderOnly.mjs";import{STATES as i}from"../../lib/types/states/states.mjs";import{classNames as c}from"../../lib/utils/classNames/classNames.mjs";import{pickCustomAttributes as m}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as l}from"../../lib/components/customComponent/customComponent.mjs";import{buildAriaCurrent as p}from"./helpers/aria.mjs";import{buildScreenReaderText as d}from"./helpers/screnReader.mjs";import{mapToStepState as u}from"./helpers/stepState.mjs";const h=0;const b=n(({completedStepIcon:n,cssOrientationClasses:b,cssVariantClasses:f,currentStep:N=h,horizontalOrientationWidth:j,orientation:x,screenReaderCompletedStep:C,screenReaderTextBuilder:y,screenReaderTitle:$,stepMaxTruncatedLines:A,steps:k,...v},O)=>{const E=u(k,N);const S="vertical"===x;const g=Boolean($);const D=v["data-testid"]||"stepper-number";return s("div",{ref:O,"aria-hidden":!S,"data-testid":D,children:[$?.content&&e(l,{className:"kbt-sr-only",component:$.component,children:$?.content}),e("ol",{className:c(b?.stepper_number,f?.stepper_number),"data-testid":`${D}-steps-container`,children:E.map((u,h)=>{const $=h===E.length-1;const k={"data-state":u.state};const v=m(k);return s("li",{"aria-current":p(N,h,x),"data-testid":`${D}-li-${h}`,style:{display:S?"flex":"block",width:!S&&$?"auto":j},children:[g&&e(o,{children:d(h,N,E.length,y,u.name,S)}),s("span",{"aria-hidden":!S||g?true:void 0,className:c(b?.stepcontainer,f?.stepcontainer),...v,children:[s("span",{className:f?.stepcirclecontainer,"data-testid":`${D}-step-${h}`,style:{flexDirection:"vertical"===x?"column":"row"},children:[e("span",{className:c(b?.stepcircle,f?.stepcircle),...v,children:u.state===i.COMPLETED?s(t,{children:[e(r,{className:c(b?.iconselected,f?.iconselected),customAttributes:k,...n}),e(o,{children:h+1})]}):e(a,{additionalClasses:{text:c(b?.stepindex,f?.stepindex)},component:"span",customAttributes:k,children:h+1})}),!$&&e("span",{className:c(b?.stepbar,f?.stepbar),...m({"data-state":E[h+1].state})})]}),S&&s("span",{"aria-hidden":g?true:void 0,className:c(b?.stepnamecontainer,f?.stepnamecontainer),"data-islast":$,"data-testid":`${D}-step-description-${h}`,...v,children:[e(a,{additionalClasses:{text:c(b?.stepname,f?.stepname)},component:"span",customAttributes:k,maxTruncatedLines:A,children:u.name}),!g&&u.state===i.COMPLETED&&C?.content&&s(l,{className:"kbt-sr-only",component:C.component,"data-testid":C["data-testid"],children:["\xa0",C.content]})]})]})]},`stepContainer-${h.toString()}`)})})]})});export{b as StepperNumberStandAlone};

package/dist/esm/components/table/hooks/index.mjs

@@ -0,0 +1 @@
+export*from"./useTableHasScroll.mjs";export*from"./useTableShadow.mjs";export*from"./useTableStickyLeftColumns.mjs";export*from"./useTableStickyRightColumns.mjs";

package/dist/esm/components/table/hooks/useTableHasScroll.mjs

@@ -0,0 +1 @@
+import{useEffect as e,useState as r}from"react";import{hasScroll as l}from"../../../lib/utils/scroll/hasScroll.mjs";const s=({disabled:s=false,ref:t})=>{const[o,c]=r(false);e(()=>{const e=t.current?.querySelector?.("[data-table-scrollable-container]");let r;if(e instanceof HTMLElement&&!s){const s=e=>{c(l(e))};s(e);r=new ResizeObserver(()=>{s(e)});r.observe(e)}if(s)c(false);return()=>{r?.disconnect()}},[s]);return{hasScroll:o}};export{s as useTableHasScroll};

package/dist/esm/components/table/hooks/useTableShadow.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const t=({disabled:t=false,headBoxShadow:s,leftBoxShadow:l,ref:r,rightBoxShadow:a})=>{e(()=>{const e=r.current;const o=e?.querySelector("[data-table-scrollable-container]");let c;const n=()=>{if(!o)return;const t=o.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s)if(o.scrollTop)t.classList.add(s);else t.classList.remove(s);if(l){const t=e?.querySelector("[data-table-left-shadow]");if(t instanceof HTMLElement)if(o.scrollLeft)t.classList.add(l);else t.classList.remove(l)}if(a){const t=e?.querySelector("[data-table-right-shadow]");if(t instanceof HTMLElement)if(o.scrollLeft+o.clientWidth<o.scrollWidth)t.classList.add(a);else t.classList.remove(a)}};if(o instanceof HTMLElement&&!t){n();o?.addEventListener("scroll",n);c=new ResizeObserver(()=>{n()});c.observe(o)}return()=>{o?.removeEventListener("scroll",n);c?.disconnect()}},[t]);return{}};export{t as useTableShadow};

package/dist/esm/components/table/hooks/useTableStickyLeftColumns.mjs

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{hasHorizontalScroll as t}from"../../../lib/utils/scroll/hasScroll.mjs";const l=({disabled:l=false,ref:r})=>{e(()=>{const e=r.current?.querySelector("[data-table-scrollable-container]");const o=r.current?.querySelector("[data-table-left-shadow]");let a;if(e instanceof HTMLElement&&!l){const l=e=>{const l=t(e);const r=e.querySelectorAll("[data-table-row]");let a=0;r.forEach(e=>{const t=Array.from(e.querySelectorAll('[data-sticky="left"]'));let r=0;t.forEach(e=>{if(e instanceof HTMLElement){e.style.left=l?`${r}px`:"auto";r+=e.offsetWidth}});a=Math.max(a,r)});if(o instanceof HTMLElement)o.style.left=`${a}px`};l(e);a=new ResizeObserver(()=>{l(e)});a.observe(e)}return()=>{a?.disconnect()}},[l]);return{}};export{l as useTableStickyLeftColumns};

package/dist/esm/components/table/hooks/useTableStickyRightColumns.mjs

@@ -0,0 +1 @@
+import{useEffect as t}from"react";import{hasHorizontalScroll as e,hasVerticalScroll as r}from"../../../lib/utils/scroll/hasScroll.mjs";const o=({disabled:o=false,ref:l})=>{t(()=>{const t=l.current?.querySelector("[data-table-scrollable-container]");const s=l.current?.querySelector("[data-table-right-shadow]");let c;if(t instanceof HTMLElement&&!o){const o=t=>{const o=e(t);const l=t.querySelectorAll("[data-table-row]");let c=0;l.forEach(t=>{const e=Array.from(t.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let r=0;e.forEach(t=>{if(t instanceof HTMLElement){t.style.right=o?`${r}px`:"auto";r+=t.offsetWidth}});c=Math.max(c,r)});if(s instanceof HTMLElement){const e=r(t);if(e){const e=t.offsetWidth-t.clientWidth;c+=e}s.style.right=`${c}px`}};o(t);c=new ResizeObserver(()=>{o(t)});c.observe(t)}return()=>{c?.disconnect()}},[o]);return{}};export{o as useTableStickyRightColumns};

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

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

package/dist/esm/components/table/table.mjs

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as s,useImperativeHandle as e,useRef as r}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.mjs";import{useTableHasScroll as t}from"./hooks/useTableHasScroll.mjs";import{useTableShadow as m}from"./hooks/useTableShadow.mjs";import{useTableStickyLeftColumns as l}from"./hooks/useTableStickyLeftColumns.mjs";import{useTableStickyRightColumns as i}from"./hooks/useTableStickyRightColumns.mjs";import{TableStandAlone as d}from"./tableStandAlone.mjs";const h=s(({additionalClasses:s,autoLeftStickyCalc:h=true,autoRightStickyCalc:f=true,disableShadowEffects:n,hasScrollDisabled:b,variant:u,...c},p)=>{const S=a({additionalClassNames:s,component:"TABLE",variant:u});const x=r(null);e(p,()=>x.current);const{hasScroll:j}=t({disabled:b,ref:x});i({disabled:!f,ref:x});l({disabled:!h,ref:x});m({disabled:n,headBoxShadow:S?.headboxshadow,leftBoxShadow:S?.leftboxshadow,ref:x,rightBoxShadow:S?.rightboxshadow});return o(d,{ref:x,cssClasses:S,hasScroll:j,...c})});export{h as Table};

package/dist/esm/components/table/tableStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.mjs";const l=e(({children:e,component:l="table",cssClasses:r,hasScroll:s,hasScrollDisabled:n,sticky:d,...c},b)=>{const m=o(c);const p=c["data-testid"]||"table-standalone";return t("div",{ref:b,className:r?.table,"data-sticky":d,"data-testid":`${p}-wrapper`,children:[a("div",{"aria-hidden":c["aria-hidden"],"aria-label":s?c["aria-label"]:void 0,"aria-labelledby":s?c["aria-labelledby"]:void 0,className:r?.scrollablecontainer,"data-table-scrollable-container":true,"data-testid":`${p}-scrollable-container`,role:s?"region":void 0,style:{overflow:n?"visible":"auto"},...s?{tabIndex:0}:{},children:a(i,{className:r?.container,component:l,"data-testid":p,...m,children:e})}),a("div",{className:r?.leftboxshadowcontainer,"data-table-left-shadow":true}),a("div",{className:r?.rightboxshadowcontainer,"data-table-right-shadow":true})]})});export{l as TableStandAlone};

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

@@ -0,0 +1 @@
+import{TableBody as o}from"./tableBody.mjs";export{o as TableBody};

package/dist/esm/components/tableBody/tableBody.mjs

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

package/dist/esm/components/tableBody/tableBodyStandAlone.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{pickCustomAttributes as m}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.mjs";const r=o(({children:o,component:r="tbody",cssClasses:s,id:i,...n},c)=>{const p=m(n);return t(e,{ref:c,className:s?.table_body,component:r,"data-testid":"table-body",...p,id:i,children:o})});export{r as TableBodyStandAlone};

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

@@ -0,0 +1 @@
+import{TableCaption as o}from"./tableCaption.mjs";export{o as TableCaption};

package/dist/esm/components/tableCaption/tableCaption.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{TableCaptionStandAlone as a}from"./tableCaptionStandAlone.mjs";const e=o(({additionalClasses:o,variant:e,...m},r)=>{const n=t({additionalClassNames:o,component:"TABLE_CAPTION",variant:e});return s(a,{ref:r,cssClasses:n,...m})});export{e as TableCaption};