@kubit-ui-web/react-components 2.0.0-beta.1 → 2.0.0-beta.11

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

@@ -1,10 +1,8 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";/* empty css           */import{RenderIf as e}from"../renderIf/renderIf.js";import{Text as i}from"../text/text.js";import{useId as t}from"../../lib/hooks/useId/useId.js";import{useActiveBreakpoints as s}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{POSITIONS as r}from"../../lib/types/positions/positions.js";import{classNames as l}from"../../lib/utils/classNames/classNames.js";import{isString as n}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as c}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as d}from"../../lib/utils/process/processText/processText.js";import{ElementOrIcon as p}from"../elementOrIcon/elementOrIcon.js";import{IconHost as m}from"../icon/iconHost.js";import{Popover as b}from"../popover/popover.js";import{TooltipTrigger as j}from"./components/tooltipTrigger.js";import{getAriaDescriptorsBy as h}from"./utils/tooltip.utils.js";const u=({align:u,children:v,childrenAsButton:x=!0,closeIcon:f,content:g,contentHasScroll:C,contentRef:k,contentScrollArias:y,cssClasses:I,disabled:N,dragIcon:T,dragIconRef:A,labelRef:w,mediaDevice:D,onCloseIconClick:_,onPopoverCloseInternally:B,onTooltipFocus:M,onTooltipKeyDown:F,onTriggerClick:O,onTriggerKeyDown:$,onTriggerMouseDown:K,onTriggerMouseUp:R,popover:S,popoverOpen:H,title:P,tooltipAriaLabel:U,tooltipAsModal:z,tooltipRef:E,triggerAsButton:L,...q})=>{const G=q["data-testid"]||"tooltip",J=a(q),Q=t("tooltip"),V=`${Q}Title`,W=`${Q}Content`,X=d(g),Y=d(P),Z=n(X.children),{isDesktop:oo,isMobile:eo,isTablet:io}=s(),to=oo||io;if(N)/* @__PURE__ */
-return o.jsx("div",{className:"kbt-tooltip","data-testid":G,children:/* @__PURE__ */o.jsx(j,{childrenAsButton:x,disabled:!0,children:v})});const so=h({contentId:W,hasContent:!!g,hasTitle:!!Y.children,titleId:V}),ro={"data-align":u||r.TOP},lo=a(ro),no=/* @__PURE__ */o.jsxs("div",{ref:E,"aria-label":to?U:void 0,"aria-labelledby":to?h({hasTitle:!!Y.children,titleId:V}):void 0,"aria-modal":!(!to||!z)||void 0,className:l("kbt-tooltip__external-container",I?.tooltipexternalcontainer),"data-testid":`${G}-content`,id:Q,role:to?z?"dialog":"tooltip":void 0,...to&&{onFocus:M,onKeyDown:F},...J,children:[
-/* @__PURE__ */o.jsxs("div",{className:I?.tooltipinternalcontainer,children:[
-/* @__PURE__ */o.jsx(e,{condition:(eo||io)&&!!T,children:/* @__PURE__ */o.jsx("div",{ref:A,className:I?.dragiconcontainer,"data-testid":`${G}-drag`,children:/* @__PURE__ */o.jsx(p,{className:I?.dragicon,...T})})}),
-/* @__PURE__ */o.jsxs("div",{className:l(I?.title,I?.headercontainer),style:(ao=!!Y.children,co=!!f?.icon,ao&&co?{justifyContent:"space-between"}:ao?{justifyContent:"flex-end"}:co?{justifyContent:"flex-start"}:{display:"none"}),children:[c(f).icon&&/* @__PURE__ */o.jsx("div",{className:I?.closebuttoncontainer,children:/* @__PURE__ */o.jsx(m,{...c(f),className:I?.closebuttonicon,icon:c(f).icon,onClick:_})}),
-/* @__PURE__ */o.jsx(e,{condition:!!Y.children,children:/* @__PURE__ */o.jsx("div",{className:"kbt-tooltip__title",id:V,children:/* @__PURE__ */o.jsx(i,{additionalClasses:{text:I?.title},component:"h2",...Y,children:Y.children})})})]}),
-/* @__PURE__ */o.jsx("div",{ref:k,"aria-label":C?y?.["aria-label"]:void 0,"aria-labelledby":C?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:C?"region":void 0,...C&&{tabIndex:0},children:/* @__PURE__ */o.jsx(e,{condition:!!g,children:/* @__PURE__ */o.jsx("div",{className:l("kbt-tooltip__paragraph",I?.paragraphcontainer,{[`${I?.divider}`]:!!Y.children}),id:W,children:Z?/* @__PURE__ */o.jsx(i,{additionalClasses:{text:I?.paragraph},...X}):X.children})})})]}),
-/* @__PURE__ */o.jsx("div",{...lo,className:l("kbt-tooltip__arrow",I?.arrowsize,I?.tooltipalignstyles,I?.arrowcontainer),children:/* @__PURE__ */o.jsx("div",{className:I?.arrow})})]});var ao,co;/* @__PURE__ */
-return o.jsxs("div",{ref:w,className:"kbt-tooltip","data-testid":G,children:[
-/* @__PURE__ */o.jsx(j,{ariaDescribedBy:z||!to&&!H?void 0:so,childrenAsButton:x,triggerAsButton:L,onClick:O,onKeyDown:$,onMouseDown:K,onMouseUp:R,children:v}),to?no:/* @__PURE__ */o.jsx(b,{additionalClasses:I?.popover?{arrow:"",popover:I.popover.popover||""}:void 0,"aria-label":S?.["aria-label"]||U,"aria-labelledby":h({hasTitle:!!Y.children,titleId:V}),"aria-modal":z||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:H,preventCloseOnClickElements:[w?.current],role:z?"dialog":"tooltip",strategy:"absolute",onClose:B,...S,children:no})]})};export{u as TooltipStandAlone};
+import{j as o}from"../../_virtual/jsx-runtime.js";/* empty css           */import{useId as e}from"react";import{Text as t}from"../text/text.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{useActiveBreakpoints as s}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";import{IconHost as d}from"../icon/iconHost.js";import{Popover as p}from"../popover/popover.js";import{TooltipTrigger as m}from"./components/tooltipTrigger.js";import{getAriaDescriptorsBy as b}from"./utils/tooltip.utils.js";const v=({align:v,children:h,childrenAsButton:j=!0,closeIcon:u,content:x,contentHasScroll:g,contentRef:f,contentScrollArias:C,cssClasses:y,disabled:k,dragIcon:N,dragIconRef:T,labelRef:I,mediaDevice:A,onCloseIconClick:w,onPopoverCloseInternally:D,onTooltipFocus:_,onTooltipKeyDown:B,onTriggerClick:M,onTriggerKeyDown:$,onTriggerMouseDown:F,onTriggerMouseUp:O,popover:K,popoverOpen:R,title:H,tooltipAriaLabel:P,tooltipAsModal:S,tooltipRef:U,triggerAsButton:z,...E})=>{const L=E["data-testid"]||"tooltip",q=n(E),G=`tooltip-${e().replace(/:/g,"")}`,J=`${G}-title`,Q=`${G}-content`,V=c(x),W=c(H),X="string"==typeof V.children,{isDesktop:Y,isMobile:Z,isTablet:oo}=s(),eo=Y||oo;if(k)/* @__PURE__ */
+return o.jsx("div",{className:"kbt-tooltip","data-testid":L,children:/* @__PURE__ */o.jsx(m,{childrenAsButton:j,disabled:!0,children:h})});const to=b({contentId:Q,hasContent:!!x,hasTitle:!!W.children,titleId:J}),io={"data-align":v||l.TOP},so=n(io),lo=/* @__PURE__ */o.jsxs("div",{ref:U,"aria-label":eo?P:void 0,"aria-labelledby":eo?b({hasTitle:!!W.children,titleId:J}):void 0,"aria-modal":!(!eo||!S)||void 0,className:r("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${L}-content`,id:G,role:eo?S?"dialog":"tooltip":void 0,...eo&&{onFocus:_,onKeyDown:B},...q,children:[
+/* @__PURE__ */o.jsxs("div",{className:y?.tooltipinternalcontainer,children:[(Z||oo)&&!!N&&/* @__PURE__ */o.jsx("div",{ref:T,className:y?.dragiconcontainer,"data-testid":`${L}-drag`,children:/* @__PURE__ */o.jsx(i,{className:y?.dragicon,...N})}),
+/* @__PURE__ */o.jsxs("div",{className:r(y?.title,y?.headercontainer),style:(ro=!!W.children,no=!!u?.icon,ro&&no?{justifyContent:"space-between"}:ro?{justifyContent:"flex-end"}:no?{justifyContent:"flex-start"}:{display:"none"}),children:[a(u).icon&&/* @__PURE__ */o.jsx("div",{className:y?.closebuttoncontainer,children:/* @__PURE__ */o.jsx(d,{...a(u),className:y?.closebuttonicon,icon:a(u).icon,onClick:w})}),!!W.children&&/* @__PURE__ */o.jsx("div",{className:"kbt-tooltip__title",id:J,children:/* @__PURE__ */o.jsx(t,{additionalClasses:{text:y?.title},component:"h2",...W,children:W.children})})]}),
+/* @__PURE__ */o.jsx("div",{ref:f,"aria-label":g?C?.["aria-label"]:void 0,"aria-labelledby":g?C?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!x&&/* @__PURE__ */o.jsx("div",{className:r("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!W.children}),id:Q,children:X?/* @__PURE__ */o.jsx(t,{additionalClasses:{text:y?.paragraph},...V}):V.children})})]}),
+/* @__PURE__ */o.jsx("div",{...so,className:r("kbt-tooltip__arrow",y?.arrowsize,y?.tooltipalignstyles,y?.arrowcontainer),children:/* @__PURE__ */o.jsx("div",{className:y?.arrow})})]});var ro,no;/* @__PURE__ */
+return o.jsxs("div",{ref:I,className:"kbt-tooltip","data-testid":L,children:[
+/* @__PURE__ */o.jsx(m,{ariaDescribedBy:S||!eo&&!R?void 0:to,childrenAsButton:j,triggerAsButton:z,onClick:M,onKeyDown:$,onMouseDown:F,onMouseUp:O,children:h}),eo?lo:/* @__PURE__ */o.jsx(p,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":K?.["aria-label"]||P,"aria-labelledby":b({hasTitle:!!W.children,titleId:J}),"aria-modal":S||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:R,preventCloseOnClickElements:[I?.current],role:S?"dialog":"tooltip",strategy:"absolute",onClose:D,...K,children:lo})]})};export{v as TooltipStandAlone};

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

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

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

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

package/dist/esm/index.js

@@ -1 +1 @@
-import{AccordionControlled as o}from"./components/accordion/accordionControlled.js";import{Accordion as t}from"./components/accordion/accordionUnControlled.js";import{Avatar as r}from"./components/avatar/avatar.js";import{Badge as e}from"./components/badge/badge.js";import{BreadCrumbs as n}from"./components/breadcrumbs/breadcrumbs.js";import{Button as m}from"./components/button/button.js";import{Calendar as s}from"./components/calendar/calendar.js";import{CardImage as p}from"./components/cardImage/cardImage.js";import{Carousel as i}from"./components/carousel/carousel.js";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as a,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as c}from"./components/carousel/types/carousel.js";import{CheckboxControlled as l}from"./components/checkbox/checkboxControlled.js";import{CheckboxUnControlled as d}from"./components/checkbox/checkboxUnControlled.js";import{CheckboxBaseControlled as f}from"./components/checkboxBase/checkboxBaseControlled.js";import{CheckboxBaseUnControlled as j}from"./components/checkboxBase/checkboxBaseUncontrolled.js";import{Chip as b}from"./components/chip/chip.js";import{Container as u}from"./components/container/container.js";import{DataTable as g}from"./components/dataTable/dataTable.js";import{Dot as v}from"./components/dot/dot.js";import{DropdownSelectedControlled as C}from"./components/dropdownSelected/dropdownSelectedControlled.js";import{DropdownSelectedUnControlled as k}from"./components/dropdownSelected/dropdownSelectedUncontrolled.js";import{IconBasic as B}from"./components/icon/icon.js";import{IconHost as x}from"./components/icon/iconHost.js";import{Image as S}from"./components/image/image.js";import{Input as h}from"./components/input/input.js";import{InputBase as U}from"./components/inputBase/inputBase.js";import{InputDecoration as A}from"./components/inputDecoration/inputDecoration.js";import{InputSignatureControlled as M}from"./components/inputSignature/inputSignatureControlled.js";import{InputSignatureUnControlled as P}from"./components/inputSignature/inputSignatureUncontrolled.js";import{LabelStandAlone as w}from"./components/label/labelStandAlone.js";import{Link as W}from"./components/link/link.js";import{LinkAsButton as y}from"./components/link/linkAsButton/linkAsButton.js";import{ListOptions as D}from"./components/listOptions/listOptions.js";import{MessageControlled as F}from"./components/message/messageControlled.js";import{MessageUnControlled as H}from"./components/message/messageUnControlled.js";import{ModalControlled as I}from"./components/modal/modalControlled.js";import{ModalUnControlled as T}from"./components/modal/modalUnControlled.js";import{NabVar as O}from"./components/navBar/navBar.js";import{Option as K}from"./components/option/option.js";import{PageControl as N}from"./components/pageControl/pageControl.js";import{Pagination as R}from"./components/pagination/pagination.js";import{Popover as z}from"./components/popover/popover.js";import{arrow as L,autoPlacement as q,flip as E,hide as G,offset as J,shift as Q,size as V}from"@floating-ui/dom";import{ProgressBar as X}from"./components/progressBar/progressBar.js";import{RadioButton as Y}from"./components/radioButton/radioButton.js";import{RadioButtonStandAlone as Z}from"./components/radioButton/radioButtonStandAlone.js";import{SelectorBoxFile as $}from"./components/selectorBoxFile/selectorBoxFile.js";import{Skeleton as _}from"./components/skeleton/skeleton.js";import{Slider as oo}from"./components/slider/slider.js";import{Snackbar as to}from"./components/snackbar/snackbar.js";import{StepperNumber as ro}from"./components/stepperNumber/stepperNumber.js";import{Table as eo}from"./components/table/table.js";import{TableCaption as no}from"./components/tableCaption/tableCaption.js";import{TableCell as mo}from"./components/tableCell/tableCell.js";import{TableDivider as so}from"./components/tableDivider/tableDivider.js";import{TableFoot as po}from"./components/tableFoot/tableFoot.js";import{TableHead as io}from"./components/tableHead/tableHead.js";import{TableRow as ao}from"./components/tableRow/tableRow.js";import{TabsControlled as co}from"./components/tabs/tabsControlled.js";import{TabsUnControlled as lo}from"./components/tabs/tabsUnControlled.js";import{Tag as fo}from"./components/tag/tag.js";import{Text as jo}from"./components/text/text.js";import{TextArea as bo}from"./components/textArea/textArea.js";import{ToggleControlled as uo}from"./components/toggle/toggleControlled.js";import{ToggleStandalone as go}from"./components/toggle/toggleStandAlone.js";import{ToggleUncontrolled as vo}from"./components/toggle/toggleUnControlled.js";import{TooltipControlled as Co}from"./components/tooltip/tooltipControlled.js";import{TooltipUnControlled as ko}from"./components/tooltip/tooltipUnControlled.js";import{VirtualKeyboard as Bo}from"./components/virtualKeyboard/virtualKeyboard.js";import{GenericComponentContext as xo,GenericComponentsProvider as So,useGenericComponents as ho}from"./lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{KubitProvider as Uo}from"./lib/provider/kubitProvider/kubitProvider.js";import{StylesContext as Ao,StylesProvider as Mo,useStylesContext as Po}from"./lib/provider/stylesProvider/stylesProvider.js";import{UtilsContext as wo,UtilsProvider as Wo,useUtilsProvider as yo}from"./lib/provider/utilsProvider/utilsProvider.js";export{t as Accordion,o as AccordionControlled,r as Avatar,e as Badge,n as BreadCrumbs,m as Button,a as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,c as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,s as Calendar,p as CardImage,i as Carousel,d as Checkbox,j as CheckboxBase,f as CheckboxBaseControlled,l as CheckboxControlled,b as Chip,u as Container,g as DataTable,v as Dot,k as DropdownSelected,C as DropdownSelectedControlled,xo as GenericComponentContext,So as GenericComponentsProvider,x as Icon,B as IconBasic,S as Image,h as Input,U as InputBase,A as InputDecoration,P as InputSignature,M as InputSignatureControlled,Uo as KubitProvider,w as Label,W as Link,y as LinkAsButton,D as ListOptions,H as Message,F as MessageControlled,T as Modal,I as ModalControlled,O as NabVar,K as Option,N as PageControl,R as Pagination,z as Popover,X as ProgressBar,Y as RadioButton,Z as RadioButtonStandAlone,$ as SelectorBoxFile,_ as Skeleton,oo as Slider,to as Snackbar,ro as StepperNumber,Ao as StylesContext,Mo as StylesProvider,eo as Table,no as TableCaption,mo as TableCell,so as TableDivider,po as TableFoot,io as TableHead,ao as TableRow,lo as Tabs,co as TabsControlled,fo as Tag,jo as Text,bo as TextArea,uo as ToggleControlled,go as ToggleStandalone,vo as ToggleUncontrolled,ko as Tooltip,Co as TooltipControlled,wo as UtilsContext,Wo as UtilsProvider,Bo as VirtualKeyboard,L as popoverMWArrow,q as popoverMWAutoPlacement,E as popoverMWFlip,G as popoverMWHide,J as popoverMWOffset,Q as popoverMWShift,V as popoverMWSize,ho as useGenericComponents,Po as useStylesContext,yo as useUtilsProvider};
+import{AccordionControlled as o}from"./components/accordion/accordionControlled.js";import{Accordion as t}from"./components/accordion/accordionUnControlled.js";import{Avatar as r}from"./components/avatar/avatar.js";import{Badge as e}from"./components/badge/badge.js";import{BreadCrumbs as n}from"./components/breadcrumbs/breadcrumbs.js";import{Button as m}from"./components/button/button.js";import{Calendar as s}from"./components/calendar/calendar.js";import{CardImage as p}from"./components/cardImage/cardImage.js";import{Carousel as i}from"./components/carousel/carousel.js";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as a,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as c}from"./components/carousel/types/carousel.js";import{CheckboxControlled as l}from"./components/checkbox/checkboxControlled.js";import{CheckboxUnControlled as d}from"./components/checkbox/checkboxUnControlled.js";import{CheckboxBaseControlled as f}from"./components/checkboxBase/checkboxBaseControlled.js";import{CheckboxBaseUnControlled as j}from"./components/checkboxBase/checkboxBaseUncontrolled.js";import{Chip as b}from"./components/chip/chip.js";import{Container as u}from"./components/container/container.js";import{DataTable as g}from"./components/dataTable/dataTable.js";import{Dot as v}from"./components/dot/dot.js";import{DropdownSelectedControlled as C}from"./components/dropdownSelected/dropdownSelectedControlled.js";import{DropdownSelectedUnControlled as k}from"./components/dropdownSelected/dropdownSelectedUncontrolled.js";import{IconBasic as B}from"./components/icon/icon.js";import{IconHost as x}from"./components/icon/iconHost.js";import{Image as S}from"./components/image/image.js";import{Input as h}from"./components/input/input.js";import{InputBase as U}from"./components/inputBase/inputBase.js";import{InputDecoration as A}from"./components/inputDecoration/inputDecoration.js";import{InputSignatureControlled as M}from"./components/inputSignature/inputSignatureControlled.js";import{InputSignatureUnControlled as P}from"./components/inputSignature/inputSignatureUncontrolled.js";import{LabelStandAlone as w}from"./components/label/labelStandAlone.js";import{Link as y}from"./components/link/link.js";import{LinkAsButton as W}from"./components/link/linkAsButton/linkAsButton.js";import{ListOptions as D}from"./components/listOptions/listOptions.js";import{MessageControlled as F}from"./components/message/messageControlled.js";import{MessageUnControlled as H}from"./components/message/messageUnControlled.js";import{ModalControlled as I}from"./components/modal/modalControlled.js";import{ModalUnControlled as T}from"./components/modal/modalUnControlled.js";import{NabVar as O}from"./components/navBar/navBar.js";import{Option as K}from"./components/option/option.js";import{PageControl as N}from"./components/pageControl/pageControl.js";import{Pagination as R}from"./components/pagination/pagination.js";import{Popover as z}from"./components/popover/popover.js";import{arrow as L,autoPlacement as q,flip as E,hide as G,offset as J,shift as Q,size as V}from"@floating-ui/dom";import{ProgressBar as X}from"./components/progressBar/progressBar.js";import{RadioButton as Y}from"./components/radioButton/radioButton.js";import{RadioButtonStandAlone as Z}from"./components/radioButton/radioButtonStandAlone.js";import{SelectorBoxFile as $}from"./components/selectorBoxFile/selectorBoxFile.js";import{Skeleton as _}from"./components/skeleton/skeleton.js";import{Slider as oo}from"./components/slider/slider.js";import{Snackbar as to}from"./components/snackbar/snackbar.js";import{StepperNumber as ro}from"./components/stepperNumber/stepperNumber.js";import{Table as eo}from"./components/table/table.js";import{TableBody as no}from"./components/tableBody/tableBody.js";import{TableCaption as mo}from"./components/tableCaption/tableCaption.js";import{TableCell as so}from"./components/tableCell/tableCell.js";import{TableDivider as po}from"./components/tableDivider/tableDivider.js";import{TableFoot as io}from"./components/tableFoot/tableFoot.js";import{TableHead as ao}from"./components/tableHead/tableHead.js";import{TableRow as co}from"./components/tableRow/tableRow.js";import{TabsControlled as lo}from"./components/tabs/tabsControlled.js";import{TabsUnControlled as fo}from"./components/tabs/tabsUnControlled.js";import{Tag as jo}from"./components/tag/tag.js";import{Text as bo}from"./components/text/text.js";import{TextArea as uo}from"./components/textArea/textArea.js";import{ToggleControlled as go}from"./components/toggle/toggleControlled.js";import{ToggleStandalone as vo}from"./components/toggle/toggleStandAlone.js";import{ToggleUncontrolled as Co}from"./components/toggle/toggleUnControlled.js";import{TooltipControlled as ko}from"./components/tooltip/tooltipControlled.js";import{TooltipUnControlled as Bo}from"./components/tooltip/tooltipUnControlled.js";import{VirtualKeyboard as xo}from"./components/virtualKeyboard/virtualKeyboard.js";import{GenericComponentContext as So,GenericComponentsProvider as ho,useGenericComponents as Uo}from"./lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{KubitProvider as Ao}from"./lib/provider/kubitProvider/kubitProvider.js";import{StylesContext as Mo,StylesProvider as Po,useStylesContext as wo}from"./lib/provider/stylesProvider/stylesProvider.js";import{UtilsContext as yo,UtilsProvider as Wo,useUtilsProvider as Do}from"./lib/provider/utilsProvider/utilsProvider.js";export{t as Accordion,o as AccordionControlled,r as Avatar,e as Badge,n as BreadCrumbs,m as Button,a as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,c as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,s as Calendar,p as CardImage,i as Carousel,d as Checkbox,j as CheckboxBase,f as CheckboxBaseControlled,l as CheckboxControlled,b as Chip,u as Container,g as DataTable,v as Dot,k as DropdownSelected,C as DropdownSelectedControlled,So as GenericComponentContext,ho as GenericComponentsProvider,x as Icon,B as IconBasic,S as Image,h as Input,U as InputBase,A as InputDecoration,P as InputSignature,M as InputSignatureControlled,Ao as KubitProvider,w as Label,y as Link,W as LinkAsButton,D as ListOptions,H as Message,F as MessageControlled,T as Modal,I as ModalControlled,O as NabVar,K as Option,N as PageControl,R as Pagination,z as Popover,X as ProgressBar,Y as RadioButton,Z as RadioButtonStandAlone,$ as SelectorBoxFile,_ as Skeleton,oo as Slider,to as Snackbar,ro as StepperNumber,Mo as StylesContext,Po as StylesProvider,eo as Table,no as TableBody,mo as TableCaption,so as TableCell,po as TableDivider,io as TableFoot,ao as TableHead,co as TableRow,fo as Tabs,lo as TabsControlled,jo as Tag,bo as Text,uo as TextArea,go as ToggleControlled,vo as ToggleStandalone,Co as ToggleUncontrolled,Bo as Tooltip,ko as TooltipControlled,yo as UtilsContext,Wo as UtilsProvider,xo as VirtualKeyboard,L as popoverMWArrow,q as popoverMWAutoPlacement,E as popoverMWFlip,G as popoverMWHide,J as popoverMWOffset,Q as popoverMWShift,V as popoverMWSize,Uo as useGenericComponents,wo as useStylesContext,Do as useUtilsProvider};

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

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

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

@@ -0,0 +1 @@
+import{j as o}from"../../../_virtual/jsx-runtime.js";import{forwardRef as n,isValidElement as i}from"react";import{IconBasic as r}from"../../../components/icon/icon.js";import{IconHost as t}from"../../../components/icon/iconHost.js";const s=n(({basic:n=!1,icon:s,...c},m)=>s?"string"==typeof s?n?/* @__PURE__ */o.jsx(r,{...c,ref:m,icon:s}):/* @__PURE__ */o.jsx(t,{...c,ref:m,icon:s}):i(s)?s:null:null);export{s as ElementOrIcon};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{useRef as e,useCallback as t}from"react";import{convertDurationToNumber as r}from"./utils/convertDurationToNumber.js";const n=(n,u)=>{const o=e(null),c=e(null),s=t(e=>{o.current=e||null},[]),i=e(0),m=e(0),v=e(0),l=e(!1),a=e=>{const t=o?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?m.current=e.touches[0].clientY:m.current=e.clientY,l.current=!0,v.current=null)},d=e=>{const t=o?.current;if(!l.current||!t)return;"touchmove"===e.type&&null!==v?v.current=e.touches[0].clientY:v.current=e.clientY;const r=m.current-v.current;v.current<m.current||(t.style.bottom=`${i.current+r}px`)},p=1e3*((r(n?.exitDuration)||r(n?.duration)||0)+(r(n?.delay)||0)),E=async()=>{const e=o?.current;if(!e||!v.current)return;if(l.current=!1,e.style.setProperty("transition",`bottom ${p}ms linear`),v.current<m.current+30)return void(e.style.bottom="0px");const t=i.current+e.scrollHeight;var r;e.style.bottom=`-${t}px`,await(r=p,new Promise(e=>setTimeout(e,r))),u?.()};return{setDragIconRef:t(e=>{e?(c.current=e,c?.current?.addEventListener("mousedown",a),c?.current?.addEventListener("mousemove",d),c?.current?.addEventListener("mouseup",E),c?.current?.addEventListener("touchstart",a),c?.current?.addEventListener("touchmove",d),c?.current?.addEventListener("touchend",E)):(c?.current?.removeEventListener("mousedown",a),c?.current?.removeEventListener("mousemove",d),c?.current?.removeEventListener("mouseup",E),c?.current?.removeEventListener("touchstart",a),c?.current?.removeEventListener("touchmove",d),c?.current?.removeEventListener("touchend",E),c.current=null)},[]),setPopoverRef:s}};export{n as useSwipeDown};
+import{useRef as e,useCallback as t,useEffect as r}from"react";import{convertDurationToNumber as n}from"./utils/convertDurationToNumber.js";const o=({animationOptions:o,distanceThreshold:u=30,enabled:c=!0,onClose:s}={})=>{const v=e(null),i=e(null),m=e(0),a=e(0),d=e(null),l=e(!1),M=e(null),E=1e3*((n(o?.exitDuration)||n(o?.duration)||0)+(n(o?.delay)||0)),L=t(e=>new Promise(t=>{M.current=setTimeout(t,e)}),[]),h=t(e=>{if(!c)return;const t=v?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?a.current=e.touches[0].clientY:a.current=e.clientY,l.current=!0,d.current=null)},[c]),p=t(e=>{if(!c)return;const t=v?.current;if(!l.current||!t)return;"touchmove"===e.type?d.current=e.touches[0].clientY:d.current=e.clientY;const r=a.current-d.current;d.current<a.current||(t.style.bottom=`${m.current+r}px`)},[c]),f=t(async()=>{if(!c)return;const e=v?.current;if(!e||null===d.current)return;if(l.current=!1,e.style.setProperty("transition",`bottom ${E}ms linear`),d.current<a.current+u)return void(e.style.bottom="0px");const t=m.current+e.scrollHeight;e.style.bottom=`-${t}px`,await L(E),s?.()},[c,E,u,s,L]),y=e({currentMove:p,endMove:f,startMove:h});r(()=>{y.current={currentMove:p,endMove:f,startMove:h}},[p,f,h]);const b=t(e=>{v.current=e},[]),w=t(e=>{if(i.current){const e=y.current;i.current.removeEventListener("mousedown",e.startMove),i.current.removeEventListener("mousemove",e.currentMove),i.current.removeEventListener("mouseup",e.endMove),i.current.removeEventListener("touchstart",e.startMove),i.current.removeEventListener("touchmove",e.currentMove),i.current.removeEventListener("touchend",e.endMove)}if(i.current=e,e&&c){const t=y.current;e.addEventListener("mousedown",t.startMove),e.addEventListener("mousemove",t.currentMove),e.addEventListener("mouseup",t.endMove),e.addEventListener("touchstart",t.startMove),e.addEventListener("touchmove",t.currentMove),e.addEventListener("touchend",t.endMove)}},[c]);return r(()=>()=>{if(M.current&&clearTimeout(M.current),i.current){const e=y.current;i.current.removeEventListener("mousedown",e.startMove),i.current.removeEventListener("mousemove",e.currentMove),i.current.removeEventListener("mouseup",e.endMove),i.current.removeEventListener("touchstart",e.startMove),i.current.removeEventListener("touchmove",e.currentMove),i.current.removeEventListener("touchend",e.endMove)}},[]),{setDragIconRef:w,setPopoverRef:b}};export{o as useSwipeDown};

package/dist/esm/lib/provider/cssProvider/provider.js

@@ -1 +1 @@
-import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#l;#m;#o=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#a=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#l}-foreign-before-${t+1}`;this.#o(e,s)}),this.#o(t,this.#l),n.forEach((e,t)=>{const s=`${this.#l}-foreign-after-${t+1}`;this.#o(e,s)})};#c=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#l}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:l}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#l=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#m=!!l,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#m&&(this.#c(),this.#a(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#m&&(this.#c(),this.#a(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}
+import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#o;#a;#c=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#l=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#o}-foreign-before-${t+1}`;this.#c(e,s)}),this.#c(t,this.#o),n.forEach((e,t)=>{const s=`${this.#o}-foreign-after-${t+1}`;this.#c(e,s)})};#d=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#o}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:o}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#o=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#a=!!o,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#a&&(this.#d(),this.#l(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#a&&(this.#d(),this.#l(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}