@kubit-ui-web/react-components 2.0.0-beta.5 → 2.0.0-beta.51

package/dist/cjs/lib/provider/kubitProvider/kubitProvider.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../utils/date/date.js"),t=require("../../utils/date/formatDate.js"),s=require("../../utils/date/transformDate.js"),i=require("../genericComponentsProvider/defaultGenericComponents.js"),o=require("../genericComponentsProvider/genericComponentsProvider.js"),n=require("../stylesProvider/stylesProvider.js"),a=require("../utilsProvider/utilsProvider.js");exports.KubitProvider=({children:d,genericComponentsProvider:u=i.defaultGenericComponents,utilsConfig:l})=>e.jsxRuntimeExports.jsx(a.UtilsProvider,{dateHelpers:{getAddDays:(e,t)=>r.getAddDays(e,t),getAddMonths:(e,t)=>r.getAddMonths(e,t),getAddYears:(e,t)=>r.getAddYears(e,t),getAllMonthName:()=>r.getAllMonthNames(),getAllWeekdayName:(e,t,s)=>r.getAllWeekdayNames(e,t,s),getSubDays:(e,t)=>r.getSubDays(e,t),getSubMonths:(e,t)=>r.getSubMonths(e,t),getSubYears:(e,t)=>r.getSubYears(e,t),isAfter:(e,t)=>r.isAfter(e,t),isBefore:(e,t)=>r.isBefore(e,t),isDatesEqual:(e,t)=>r.isDatesEqual(e,t)},formatDate:(e,r,s)=>t.formatDate(e,r,s),transformDate:(e,r)=>s.transformDate(e,r),...l,children:e.jsxRuntimeExports.jsx(n.StylesProvider,{children:e.jsxRuntimeExports.jsx(o.GenericComponentsProvider,{value:u,children:d})})});

package/dist/cjs/lib/utils/changeCssProperty/changeCssProperty.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.changeCssProperty=(e,t)=>{if(!(t.length<1))for(let r=0;r<t.length;r++)e.style.setProperty(t[r].cssPropertyName,t[r].cssPropertyValue)};

package/dist/cjs/lib/utils/is/isReactNode.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.isReactNode=t=>e.isValidElement(t);

package/dist/cjs/lib/utils/is/isString.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.isString=t=>"string"==typeof t||t instanceof String;

package/dist/cjs/lib/utils/process/processIcon/processIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../is/isString.js");exports.processIcon=r=>r?e.isString(r)?{icon:r}:r:{};

package/dist/cjs/lib/utils/process/processText/processText.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../is/isReactNode.js"),t=require("../../is/isString.js");exports.processText=(i,r)=>{if(!i)return{children:null};let n;return t.isString(i)||e.isReactNode(i)?n=t.isString(i)?i:void 0:"object"==typeof i&&"content"in i&&(n=i.content),r&&n&&(n=n.substring(0,r)),e.isReactNode(i)?{children:i}:"object"==typeof i?{children:n,...i}:{children:n}};

package/dist/cjs/lib/utils/resizeObserver/resizeObserver.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{constructor(e){this.callback=e}observe(e){this.callback([{target:e}],this)}unobserve(){}disconnect(){}}exports.ResizeObserver=void 0,"undefined"!=typeof self&&self.ResizeObserver?exports.ResizeObserver=self.ResizeObserver:exports.ResizeObserver=e;

package/dist/cjs/react-components.css

@@ -1 +0,0 @@
-.kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@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}[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-iteration-count:1}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[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)}:root{--border-radius: 0;--fallback-ratio: 1;--object-fit: cover;--ratio: 1;--width: 100%}.kbt-picture{position:relative;display:inline-block;overflow:hidden;max-width:100%;max-height:100%;width:var(--width);aspect-ratio:var(--ratio)}@supports not (aspect-ratio: 16 / 9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{position:absolute;top:0;left:0;width:100%;height:auto}}.kbt-picture img{max-width:100%;border-radius:var(--border-radius);object-fit:var(--object-fit);aspect-ratio:var(--ratio)}.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;min-height:1.5rem;min-width:1.5rem}.kbt-tooltip__external-container{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,.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);animation-name:breatheAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--skeleton-duration, 2s);animation-delay:1ms;background-size:200% 100%}

package/dist/esm/_virtual/jsx-runtime.js

@@ -1 +0,0 @@
-import{__require as r}from"../node_modules/react/jsx-runtime.js";var e=r();export{e as j};

package/dist/esm/_virtual/jsx-runtime2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/react-jsx-runtime.production.min.js

@@ -1 +0,0 @@
-var r={};export{r as __exports};

package/dist/esm/components/cardImage/cardImage.js

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

package/dist/esm/components/cardImage/cardImageStandAlone.js

@@ -1,7 +0,0 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{Link as s}from"../link/link.js";import{Text as e}from"../text/text.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as n}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.js";const c=i(({component:i="div",cssClasses:c,description:l,device:m,image:a,imageAltText:d,link:p,onClick:x,title:j,...u},v)=>{const k=o(u);/* @__PURE__ */
-return t.jsxs(r,{ref:v,className:c?.card_image,component:i,tabIndex:0,onClick:x,...k,children:[
-/* @__PURE__ */t.jsx("div",{"aria-label":d||void 0,className:c?.imagecontainer,role:d?"img":void 0,style:a?.[m]?{backgroundImage:`url(${a[m]})`}:void 0}),
-/* @__PURE__ */t.jsxs("div",{className:c?.content,children:[
-/* @__PURE__ */t.jsxs("div",{className:c?.textcontainer,children:[
-/* @__PURE__ */t.jsx(e,{additionalClasses:{text:c?.title},component:"h3",...n(j)}),
-/* @__PURE__ */t.jsx(e,{additionalClasses:{text:c?.description},...n(l)})]}),p?.url&&/* @__PURE__ */t.jsx("div",{className:c?.linkcontainer,children:/* @__PURE__ */t.jsx(s,{iconPosition:"right",...p,children:p.content||""})})]})]})});export{c as CardImageStandAlone};

package/dist/esm/components/container/container.js

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

package/dist/esm/components/container/containerStandAlone.js

@@ -1,4 +0,0 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as r}from"../../lib/utils/process/processText/processText.js";const o=s(({children:s,cssClasses:o,title:c,...a},l)=>{const m=i(a);/* @__PURE__ */
-return t.jsxs("div",{className:o?.container,"data-testid":"container",...m,children:[
-/* @__PURE__ */t.jsx("div",{className:o?.header,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:o?.title},...r(c)})}),
-/* @__PURE__ */t.jsx("div",{ref:l,className:o?.content,children:s})]})});export{o as ContainerStandAlone};

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

@@ -1 +0,0 @@
-export {  Container  } from './container.js';

package/dist/esm/components/dropdownSelected/dropdownSelectedControlled.js

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

package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js

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

package/dist/esm/components/dropdownSelected/dropdownSelectedUncontrolled.js

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

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

@@ -1,2 +0,0 @@
-export {  DropdownSelectedControlled  } from './dropdownSelectedControlled.js';
-export {  DropdownSelected  } from './dropdownSelectedUncontrolled.js';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-/**
- * PopoverV2 Styles Index
- * Imports all popover-related CSS files
- */
-
-/* Core popover styles and animations */
-@import './popover.css';
-
-/* Arrow positioning and styling */
-@import './popover-arrow.css';

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

@@ -1,421 +0,0 @@
-/**
- * CSS animations for popover positioning
- * Each animation corresponds to a specific body position from positionStyles.ts
- */
-
-/* ========================================
-   CENTER POSITION ANIMATIONS
-   ======================================== */
-
-/* Center position - scales from center */
-@keyframes popover-enter-center {
-  from {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(0.8);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-}
-
-@keyframes popover-exit-center {
-  from {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(0.8);
-  }
-}
-
-/* ========================================
-   TOP POSITION ANIMATIONS
-   ======================================== */
-
-/* Top center - slides down and fades in */
-@keyframes popover-enter-top {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) translateY(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0);
-  }
-}
-
-@keyframes popover-exit-top {
-  from {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(-50%) translateY(-20px);
-  }
-}
-
-/* Top start (left) - slides down only (same as top) */
-@keyframes popover-enter-top-start {
-  from {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes popover-exit-top-start {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
-}
-
-/* Top end (right) - slides down only (same as top) */
-@keyframes popover-enter-top-end {
-  from {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes popover-exit-top-end {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
-}
-
-/* ========================================
-   BOTTOM POSITION ANIMATIONS
-   ======================================== */
-
-/* Bottom center - slides up and fades in */
-@keyframes popover-enter-bottom {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0);
-  }
-}
-
-@keyframes popover-exit-bottom {
-  from {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(-50%) translateY(20px);
-  }
-}
-
-/* Bottom start (left) - slides up only (same as bottom) */
-@keyframes popover-enter-bottom-start {
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes popover-exit-bottom-start {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-}
-
-/* Bottom end (right) - slides up only (same as bottom) */
-@keyframes popover-enter-bottom-end {
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes popover-exit-bottom-end {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-}
-
-/* ========================================
-   LEFT POSITION ANIMATIONS
-   ======================================== */
-
-/* Left center - slides right and fades in */
-@keyframes popover-enter-left {
-  from {
-    opacity: 0;
-    transform: translateY(-50%) translateX(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(-50%) translateX(0);
-  }
-}
-
-@keyframes popover-exit-left {
-  from {
-    opacity: 1;
-    transform: translateY(-50%) translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-50%) translateX(-20px);
-  }
-}
-
-/* Left start (top) - slides right only (same as left) */
-@keyframes popover-enter-left-start {
-  from {
-    opacity: 0;
-    transform: translateX(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
-@keyframes popover-exit-left-start {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(-20px);
-  }
-}
-
-/* Left end (bottom) - slides right only (same as left) */
-@keyframes popover-enter-left-end {
-  from {
-    opacity: 0;
-    transform: translateX(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
-@keyframes popover-exit-left-end {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(-20px);
-  }
-}
-
-/* ========================================
-   RIGHT POSITION ANIMATIONS
-   ======================================== */
-
-/* Right center - slides left and fades in */
-@keyframes popover-enter-right {
-  from {
-    opacity: 0;
-    transform: translateY(-50%) translateX(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(-50%) translateX(0);
-  }
-}
-
-@keyframes popover-exit-right {
-  from {
-    opacity: 1;
-    transform: translateY(-50%) translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-50%) translateX(20px);
-  }
-}
-
-/* Right start (top) - slides left only (same as right) */
-@keyframes popover-enter-right-start {
-  from {
-    opacity: 0;
-    transform: translateX(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
-@keyframes popover-exit-right-start {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(20px);
-  }
-}
-
-/* Right end (bottom) - slides left only (same as right) */
-@keyframes popover-enter-right-end {
-  from {
-    opacity: 0;
-    transform: translateX(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
-@keyframes popover-exit-right-end {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(20px);
-  }
-}
-
-/* ========================================
-   NOTE: No default animation needed
-   ======================================== */
-/* When no placement is specified, center animation is used as fallback */
-
-/* ========================================
-   UTILITY CLASSES FOR APPLYING ANIMATIONS
-   ======================================== */
-
-/* Animation duration and timing */
-.popover-animate {
-  animation-duration: 200ms;
-  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
-  animation-fill-mode: forwards;
-}
-
-/* Enter animations by position */
-.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;
-}
-
-/* Exit animations by position */
-.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;
-}