@kubit-ui-web/react-components 2.0.0-beta.72 → 2.0.0-beta.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/accordion/accordionStandAlone.js +1 -1
  3. package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
  4. package/dist/cjs/components/calendar/calendarStandAlone.js +1 -1
  5. package/dist/cjs/components/checkboxBase/checkboxBaseControlled.js +1 -1
  6. package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
  7. package/dist/cjs/components/dataTable/components/dataTableHead.js +1 -1
  8. package/dist/cjs/components/dataTable/components/hiddenDataTableHead.js +1 -1
  9. package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
  10. package/dist/cjs/components/label/labelStandAlone.js +1 -1
  11. package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
  12. package/dist/cjs/components/modal/modalStandAlone.js +1 -1
  13. package/dist/cjs/components/popover/popover.js +1 -1
  14. package/dist/cjs/components/popover/stories/demos/animationsDemo.js +3 -3
  15. package/dist/cjs/components/popover/stories/demos/popoverBodyPositionDemo.js +1 -1
  16. package/dist/cjs/components/popover/stories/demos/popoverScrollBehaviorDemo.js +1 -1
  17. package/dist/cjs/components/popover/styles/popover-arrow.css +1 -1
  18. package/dist/cjs/components/select/selectStandAlone.js +1 -1
  19. package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +1 -1
  20. package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
  21. package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
  22. package/dist/cjs/components/table/tableStandAlone.js +1 -1
  23. package/dist/cjs/components/tableDivider/tableDividerStandAlone.js +1 -1
  24. package/dist/cjs/components/tableHead/tableHeadStandAlone.js +1 -1
  25. package/dist/cjs/components/tableRow/tableRowStandAlone.js +1 -1
  26. package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
  27. package/dist/cjs/components/text/text.css +1 -1
  28. package/dist/cjs/components/textArea/components/textCount/textCountStandAlone.js +1 -1
  29. package/dist/cjs/components/tooltip/positioning/computePosition.js +1 -1
  30. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  31. package/dist/cjs/lib/components/overlay/overlayStandAlone.js +1 -1
  32. package/dist/esm/components/accordion/accordionStandAlone.mjs +1 -1
  33. package/dist/esm/components/accordion/index.mjs +1 -1
  34. package/dist/esm/components/alert/index.mjs +1 -1
  35. package/dist/esm/components/avatar/fragments/drawContent.mjs +1 -1
  36. package/dist/esm/components/avatar/index.mjs +1 -1
  37. package/dist/esm/components/badge/index.mjs +1 -1
  38. package/dist/esm/components/breadcrumbs/index.mjs +1 -1
  39. package/dist/esm/components/button/index.mjs +1 -1
  40. package/dist/esm/components/calendar/calendarStandAlone.mjs +1 -1
  41. package/dist/esm/components/calendar/header/index.mjs +1 -1
  42. package/dist/esm/components/calendar/index.mjs +1 -1
  43. package/dist/esm/components/calendar/selector/index.mjs +1 -1
  44. package/dist/esm/components/card/index.mjs +1 -1
  45. package/dist/esm/components/carousel/hooks/utils/calc.utils.mjs +1 -1
  46. package/dist/esm/components/carousel/hooks/utils/constants.mjs +1 -1
  47. package/dist/esm/components/carousel/hooks/utils/dom.utils.mjs +1 -1
  48. package/dist/esm/components/carousel/index.mjs +1 -1
  49. package/dist/esm/components/carousel/types/index.mjs +1 -1
  50. package/dist/esm/components/checkbox/index.mjs +1 -1
  51. package/dist/esm/components/checkboxBase/checkboxBaseControlled.mjs +1 -1
  52. package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.mjs +1 -1
  53. package/dist/esm/components/checkboxBase/index.mjs +1 -1
  54. package/dist/esm/components/chip/index.mjs +1 -1
  55. package/dist/esm/components/dataTable/components/dataTableHead.mjs +1 -1
  56. package/dist/esm/components/dataTable/components/hiddenDataTableHead.mjs +1 -1
  57. package/dist/esm/components/dataTable/dataTableStandAlone.mjs +1 -1
  58. package/dist/esm/components/dataTable/index.mjs +1 -1
  59. package/dist/esm/components/dot/index.mjs +1 -1
  60. package/dist/esm/components/icon/index.mjs +1 -1
  61. package/dist/esm/components/image/index.mjs +1 -1
  62. package/dist/esm/components/input/index.mjs +1 -1
  63. package/dist/esm/components/inputBase/index.mjs +1 -1
  64. package/dist/esm/components/inputDecoration/index.mjs +1 -1
  65. package/dist/esm/components/inputSignature/hook/index.mjs +1 -1
  66. package/dist/esm/components/inputSignature/index.mjs +1 -1
  67. package/dist/esm/components/inputSignature/utils/index.mjs +1 -1
  68. package/dist/esm/components/label/index.mjs +1 -1
  69. package/dist/esm/components/label/labelStandAlone.mjs +1 -1
  70. package/dist/esm/components/link/index.mjs +1 -1
  71. package/dist/esm/components/listOptions/index.mjs +1 -1
  72. package/dist/esm/components/modal/fragments/index.mjs +1 -1
  73. package/dist/esm/components/modal/fragments/modalHeader.mjs +1 -1
  74. package/dist/esm/components/modal/index.mjs +1 -1
  75. package/dist/esm/components/modal/modalStandAlone.mjs +1 -1
  76. package/dist/esm/components/modal/utils/index.mjs +1 -1
  77. package/dist/esm/components/option/index.mjs +1 -1
  78. package/dist/esm/components/pageControl/index.mjs +1 -1
  79. package/dist/esm/components/pagination/index.mjs +1 -1
  80. package/dist/esm/components/popover/index.mjs +1 -1
  81. package/dist/esm/components/popover/popover.mjs +1 -1
  82. package/dist/esm/components/popover/positioning/middlewares.mjs +1 -1
  83. package/dist/esm/components/popover/stories/demos/animationsDemo.mjs +3 -3
  84. package/dist/esm/components/popover/stories/demos/popoverBodyPositionDemo.mjs +1 -1
  85. package/dist/esm/components/popover/stories/demos/popoverScrollBehaviorDemo.mjs +1 -1
  86. package/dist/esm/components/popover/styles/popover-arrow.css +1 -1
  87. package/dist/esm/components/popover/types/index.mjs +1 -1
  88. package/dist/esm/components/portal/index.mjs +1 -1
  89. package/dist/esm/components/progressBar/index.mjs +1 -1
  90. package/dist/esm/components/radioButton/index.mjs +1 -1
  91. package/dist/esm/components/select/index.mjs +1 -1
  92. package/dist/esm/components/select/selectStandAlone.mjs +1 -1
  93. package/dist/esm/components/select/utils/getState/getState.mjs +1 -1
  94. package/dist/esm/components/selectorBoxFile/index.mjs +1 -1
  95. package/dist/esm/components/skeleton/index.mjs +1 -1
  96. package/dist/esm/components/slider/components/sliderScaleStandAlone.mjs +1 -1
  97. package/dist/esm/components/slider/index.mjs +1 -1
  98. package/dist/esm/components/slider/sliderStandAlone.mjs +1 -1
  99. package/dist/esm/components/snackbar/hooks/index.mjs +1 -1
  100. package/dist/esm/components/stepperNumber/fixture/index.mjs +1 -1
  101. package/dist/esm/components/stepperNumber/index.mjs +1 -1
  102. package/dist/esm/components/stepperNumber/stepperNumberStandAlone.mjs +1 -1
  103. package/dist/esm/components/table/index.mjs +1 -1
  104. package/dist/esm/components/table/tableStandAlone.mjs +1 -1
  105. package/dist/esm/components/tableBody/index.mjs +1 -1
  106. package/dist/esm/components/tableCaption/index.mjs +1 -1
  107. package/dist/esm/components/tableCell/index.mjs +1 -1
  108. package/dist/esm/components/tableDivider/index.mjs +1 -1
  109. package/dist/esm/components/tableDivider/tableDividerStandAlone.mjs +1 -1
  110. package/dist/esm/components/tableFoot/index.mjs +1 -1
  111. package/dist/esm/components/tableHead/index.mjs +1 -1
  112. package/dist/esm/components/tableHead/tableHeadStandAlone.mjs +1 -1
  113. package/dist/esm/components/tableRow/index.mjs +1 -1
  114. package/dist/esm/components/tableRow/tableRowStandAlone.mjs +1 -1
  115. package/dist/esm/components/tabs/index.mjs +1 -1
  116. package/dist/esm/components/tabs/tabsStandAlone.mjs +1 -1
  117. package/dist/esm/components/tag/index.mjs +1 -1
  118. package/dist/esm/components/text/index.mjs +1 -1
  119. package/dist/esm/components/text/text.css +1 -1
  120. package/dist/esm/components/textArea/components/textCount/textCountStandAlone.mjs +1 -1
  121. package/dist/esm/components/textArea/index.mjs +1 -1
  122. package/dist/esm/components/toggle/index.mjs +1 -1
  123. package/dist/esm/components/tooltip/index.mjs +1 -1
  124. package/dist/esm/components/tooltip/positioning/computePosition.mjs +1 -1
  125. package/dist/esm/components/tooltip/tooltipStandAlone.mjs +1 -1
  126. package/dist/esm/components/virtualKeyboard/index.mjs +1 -1
  127. package/dist/esm/lib/components/elementOrIcon/index.mjs +1 -1
  128. package/dist/esm/lib/components/errorMessage/index.mjs +1 -1
  129. package/dist/esm/lib/components/itemRove/index.mjs +1 -1
  130. package/dist/esm/lib/components/overlay/overlayStandAlone.mjs +1 -1
  131. package/dist/esm/lib/components/screen-reader-only/index.mjs +1 -1
  132. package/dist/esm/lib/hooks/useClickOutside/clickOutsideHandler.mjs +1 -1
  133. package/dist/types/components/popover/types/index.d.ts +2 -2
  134. package/package.json +16 -18
@@ -1 +1 @@
1
- "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableHeadStandAlone:()=>TableHeadStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableHeadStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="thead",cssClasses:_,hidden:a,id:r,sticky:o,...c},s)=>{const n=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(c);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:s,className:_?.table_head,component:t,"data-hidden":a,"data-sticky":o,"data-table-head":true,"data-testid":"table-head",id:r,...n,children:e})});exports.TableHeadStandAlone=__webpack_exports__.TableHeadStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableHeadStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
1
+ "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableHeadStandAlone:()=>TableHeadStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableHeadStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="thead",cssClasses:_,hidden:a,id:r,sticky:o,...c},s)=>{const n=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(c);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:s,"data-table-head":true,className:_?.table_head,component:t,"data-hidden":a,"data-sticky":o,"data-testid":"table-head",id:r,...n,children:e})});exports.TableHeadStandAlone=__webpack_exports__.TableHeadStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableHeadStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
@@ -1 +1 @@
1
- "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableRowStandAlone:()=>TableRowStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableRowStandAlone=(0,external_react_namespaceObject.forwardRef)(({active:e,children:t,component:_="tr",cssClasses:r,hoverable:o=true,id:a,onClick:c,onKeyDown:n,onMouseEnter:s,onMouseLeave:p,...i},b)=>{const u=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(i);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:b,className:r?.table_row,component:_,"data-active":e,"data-hoverable":o,"data-table-row":true,"data-testid":"table-row",id:a,onClick:c,onKeyDown:n,onMouseEnter:s,onMouseLeave:p,...u,children:t})});exports.TableRowStandAlone=__webpack_exports__.TableRowStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableRowStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
1
+ "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TableRowStandAlone:()=>TableRowStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const TableRowStandAlone=(0,external_react_namespaceObject.forwardRef)(({active:e,children:t,component:_="tr",cssClasses:r,hoverable:o=true,id:a,onClick:c,onKeyDown:n,onMouseEnter:s,onMouseLeave:p,...i},b)=>{const u=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(i);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:b,"data-table-row":true,className:r?.table_row,component:_,"data-active":e,"data-hoverable":o,"data-testid":"table-row",id:a,onClick:c,onKeyDown:n,onMouseEnter:s,onMouseLeave:p,...u,children:t})});exports.TableRowStandAlone=__webpack_exports__.TableRowStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableRowStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
@@ -1 +1 @@
1
- "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TabsStandAlone:()=>TabsStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const elementOrIcon_js_namespaceObject=require("../../lib/components/elementOrIcon/elementOrIcon.js");const itemRove_js_namespaceObject=require("../../lib/components/itemRove/itemRove.js");const useActiveBreakpoints_js_namespaceObject=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const states_js_namespaceObject=require("../../lib/types/states/states.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const useTabs_js_namespaceObject=require("./hooks/useTabs/useTabs.js");const MAX_TABS_IN_VIEW=3;const TabsStandAlone=(0,external_react_namespaceObject.forwardRef)(({allowFocusTabPanel:e=true,autoWidth:t=false,content:s,cssClasses:a,device:c,hideLabelForSingleTab:n,leftControlAriaLabel:r,leftIcon:o,maxTabsInView:_=MAX_TABS_IN_VIEW,onSelectTab:i,rightControlAriaLabel:b,rightIcon:p,selectedTab:l,tabs:m,unMountContent:j=true,...u},d)=>{const{isMobile:x}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const O=(0,external_react_namespaceObject.useId)();const k=`tabs-${O.replace(/:/g,"")}`;const T=`${k}-tab-list`;const A=`${k}-tab-panel`;const $=m?.length??0;const v=Math.min($,_);const{focus:f,handleClickIcon:h,handleClickTab:S,listEl:N,position:q}=(0,useTabs_js_namespaceObject.useTabs)({numTabsInView:v,selectedTab:l,tabsLength:$});const w=0===q;const y=q>=$-v;const C=u["data-testid"]||"tabs";const I=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u);const P=e=>{const t="left"===e;const s=t?w:y;const c=()=>{if(!s)h(!t)};return $>v?(0,jsx_runtime_namespaceObject.jsx)("button",{"aria-label":t?r:b,className:a?.arrowiconcontainer,"data-position":t?"left":"right","data-testid":`${C}-icon-${e}`,disabled:s,tabIndex:0,type:"button",onClick:c,children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:a?.icon,customAttributes:{"data-disabled":s},"data-position":t?"left":"right",...t?o:p})}):null};const g=()=>{const t={role:"tabpanel",tabIndex:e?0:-1};if(j)return null!=l&&(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-labelledby":`${k}-tab-${l}`,className:a?.contentcontainer,...t,children:s?.[l]});return s?.map((e,s)=>(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-labelledby":`${k}-tab-${s}`,className:a?.contentcontainer,id:`${A}-${s}`,style:{display:l===s?"block":"none"},...t,children:e},`${k}-${s.toString()}-tab`))};return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:d,className:a?.tabs,"data-testid":C,...I,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.container,children:[P("left"),(0,jsx_runtime_namespaceObject.jsx)("div",{ref:N,className:a?.tabbuttonscontainer,id:T,role:"tablist",children:m?.map((e,s)=>{const c=l===s;const r=c?states_js_namespaceObject.STATES.SELECTED:states_js_namespaceObject.STATES.UNSELECTED;const o=s>=q&&s<q+v;const _={"data-state":r};return(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.tabcontainer,"data-testid":`${C}-tab-${s}`,...(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(_),style:{minWidth:x?`calc(100% / ${v})`:"auto",width:t?"auto":`calc(100% / ${$})`},children:$>1?(0,jsx_runtime_namespaceObject.jsx)(itemRove_js_namespaceObject.ItemRove,{ariaDisabled:x&&!o||e.disabled,ariaSelected:c,asElement:"button",checkIsFirstTime:true,classNames:(0,classNames_js_namespaceObject.classNames)(a?.tabbutton,{[`${a?.firsttabbutton}`]:0===s,[`${a?.lasttabbutton}`]:s===$-1}),customAttributes:_,disabled:x&&!o||e.disabled,focus:f===s,id:`${k}-tab-${s}`,index:s,preventScrollOnFocus:true,role:"tab",type:"button",onSelectItem:()=>{i?.(s);S(s)},children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:a?.label},component:"span",customAttributes:_,"data-hidden":!!n,...(0,processCommonProp_js_namespaceObject.processTextProp)(e)})}):(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)(a?.onetabcontainer,{[`${a?.tabbutton}`]:!!n}),id:`${k}-tab-${s}`,role:"tab",children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:a?.label},"data-hidden":!!n,...(0,processCommonProp_js_namespaceObject.processTextProp)(e),children:(0,processCommonProp_js_namespaceObject.processTextProp)(e).children})})},`${C}-tab-${s.toString()}`)})}),P("right")]}),g()]})});exports.TabsStandAlone=__webpack_exports__.TabsStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TabsStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
1
+ "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TabsStandAlone:()=>TabsStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const elementOrIcon_js_namespaceObject=require("../../lib/components/elementOrIcon/elementOrIcon.js");const itemRove_js_namespaceObject=require("../../lib/components/itemRove/itemRove.js");const useActiveBreakpoints_js_namespaceObject=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const states_js_namespaceObject=require("../../lib/types/states/states.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const useTabs_js_namespaceObject=require("./hooks/useTabs/useTabs.js");const MAX_TABS_IN_VIEW=3;const TabsStandAlone=(0,external_react_namespaceObject.forwardRef)(({allowFocusTabPanel:e=true,autoWidth:t=false,content:s,cssClasses:a,device:c,hideLabelForSingleTab:n,leftControlAriaLabel:r,leftIcon:o,maxTabsInView:_=MAX_TABS_IN_VIEW,onSelectTab:i,rightControlAriaLabel:b,rightIcon:p,selectedTab:l,tabs:m,unMountContent:j=true,...u},d)=>{const{isMobile:x}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const O=(0,external_react_namespaceObject.useId)();const k=`tabs-${O.replace(/:/g,"")}`;const T=`${k}-tab-list`;const A=`${k}-tab-panel`;const $=m?.length??0;const v=Math.min($,_);const{focus:f,handleClickIcon:h,handleClickTab:S,listEl:N,position:q}=(0,useTabs_js_namespaceObject.useTabs)({numTabsInView:v,selectedTab:l,tabsLength:$});const w=0===q;const y=q>=$-v;const C=u["data-testid"]||"tabs";const I=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u);const P=e=>{const t="left"===e;const s=t?w:y;const c=()=>{if(!s)h(!t)};return $>v?(0,jsx_runtime_namespaceObject.jsx)("button",{"aria-label":t?r:b,className:a?.arrowiconcontainer,"data-position":t?"left":"right","data-testid":`${C}-icon-${e}`,disabled:s,tabIndex:0,type:"button",onClick:c,children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:a?.icon,customAttributes:{"data-disabled":s},"data-position":t?"left":"right",...t?o:p})}):null};const g=()=>{const t={role:"tabpanel",tabIndex:e?0:-1};if(j)return null!=l&&(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-labelledby":`${k}-tab-${l}`,className:a?.contentcontainer,...t,children:s?.[l]});return s?.map((e,s)=>(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-labelledby":`${k}-tab-${s}`,className:a?.contentcontainer,id:`${A}-${s}`,style:{display:l===s?"block":"none"},...t,children:e},`${k}-${s.toString()}-tab`))};return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:d,className:a?.tabs,"data-testid":C,...I,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.container,children:[P("left"),(0,jsx_runtime_namespaceObject.jsx)("div",{ref:N,className:a?.tabbuttonscontainer,id:T,role:"tablist",children:m?.map((e,s)=>{const c=l===s;const r=c?states_js_namespaceObject.STATES.SELECTED:states_js_namespaceObject.STATES.UNSELECTED;const o=s>=q&&s<q+v;const _={"data-state":r};return(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.tabcontainer,"data-testid":`${C}-tab-${s}`,...(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(_),style:{minWidth:x?`calc(100% / ${v})`:"auto",width:t?"auto":`calc(100% / ${$})`},children:$>1?(0,jsx_runtime_namespaceObject.jsx)(itemRove_js_namespaceObject.ItemRove,{checkIsFirstTime:true,preventScrollOnFocus:true,ariaDisabled:x&&!o||e.disabled,ariaSelected:c,asElement:"button",classNames:(0,classNames_js_namespaceObject.classNames)(a?.tabbutton,{[`${a?.firsttabbutton}`]:0===s,[`${a?.lasttabbutton}`]:s===$-1}),customAttributes:_,disabled:x&&!o||e.disabled,focus:f===s,id:`${k}-tab-${s}`,index:s,role:"tab",type:"button",onSelectItem:()=>{i?.(s);S(s)},children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:a?.label},component:"span",customAttributes:_,"data-hidden":!!n,...(0,processCommonProp_js_namespaceObject.processTextProp)(e)})}):(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)(a?.onetabcontainer,{[`${a?.tabbutton}`]:!!n}),id:`${k}-tab-${s}`,role:"tab",children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:a?.label},"data-hidden":!!n,...(0,processCommonProp_js_namespaceObject.processTextProp)(e),children:(0,processCommonProp_js_namespaceObject.processTextProp)(e).children})})},`${C}-tab-${s.toString()}`)})}),P("right")]}),g()]})});exports.TabsStandAlone=__webpack_exports__.TabsStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TabsStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
@@ -1 +1 @@
1
- .kbt-text{text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
1
+ .kbt-text{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@@ -1 +1 @@
1
- "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TextCountStandAlone:()=>TextCountStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../../../text/text.js");const screenReaderOnly_js_namespaceObject=require("../../../../lib/components/screen-reader-only/screenReaderOnly.js");const pickCustomAttributes_js_namespaceObject=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const TextCountStandAloneComponent=({cssClasses:e,currentCharacters:t,id:_,leftColor:r,leftWeight:n,marginTop:a,maxLength:s,rightColor:c,rightWeight:o,screenReaderText:i,textVariant:p,...u},l)=>{const b=()=>{if(0===t||t>=s)return"polite"};const x=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u);return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:l,"aria-live":b(),className:e?.text_count,"data-testid":"text-count",style:{marginTop:a},...x,children:[(0,jsx_runtime_namespaceObject.jsx)(screenReaderOnly_js_namespaceObject.ScreenReaderOnly,{children:i},t),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:e?.letftext},"aria-hidden":true,color:r,component:"span",variant:p,weight:n,children:t}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:e?.righttext},"aria-hidden":true,color:c,component:"span",variant:p,weight:o,children:` / ${s}`})]})};const TextCountStandAlone=(0,external_react_namespaceObject.forwardRef)(TextCountStandAloneComponent);exports.TextCountStandAlone=__webpack_exports__.TextCountStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TextCountStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
1
+ "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var _ in t)if(__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_))Object.defineProperty(e,_,{enumerable:true,get:t[_]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TextCountStandAlone:()=>TextCountStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../../../text/text.js");const screenReaderOnly_js_namespaceObject=require("../../../../lib/components/screen-reader-only/screenReaderOnly.js");const pickCustomAttributes_js_namespaceObject=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const TextCountStandAloneComponent=({cssClasses:e,currentCharacters:t,id:_,leftColor:r,leftWeight:n,marginTop:a,maxLength:s,rightColor:c,rightWeight:o,screenReaderText:i,textVariant:p,...u},l)=>{const b=()=>{if(0===t||t>=s)return"polite"};const x=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(u);return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:l,"aria-live":b(),className:e?.text_count,"data-testid":"text-count",style:{marginTop:a},...x,children:[(0,jsx_runtime_namespaceObject.jsx)(screenReaderOnly_js_namespaceObject.ScreenReaderOnly,{children:i},t),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{"aria-hidden":true,additionalClasses:{text:e?.letftext},color:r,component:"span",variant:p,weight:n,children:t}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{"aria-hidden":true,additionalClasses:{text:e?.righttext},color:c,component:"span",variant:p,weight:o,children:` / ${s}`})]})};const TextCountStandAlone=(0,external_react_namespaceObject.forwardRef)(TextCountStandAloneComponent);exports.TextCountStandAlone=__webpack_exports__.TextCountStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TextCountStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
@@ -1,2 +1,2 @@
1
- /*! For license information please see computePosition.js.LICENSE.txt */
1
+ /*! LICENSE: computePosition.js.LICENSE.txt */
2
2
  "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var t in _)if(__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:_[t]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{computePosition:()=>computePosition});const dom_namespaceObject=require("@floating-ui/dom");const computePosition=async(e,_,t)=>{const{middleware:o=[],placement:r="top",strategy:p="fixed"}=t;const a=r||"top";const c=await (0,dom_namespaceObject.computePosition)(e,_,{middleware:o,placement:a,strategy:p});const i=c.placement||"top";return{middlewareData:c.middlewareData,placement:i,strategy:c.strategy,x:c.x,y:c.y}};exports.computePosition=__webpack_exports__.computePosition;for(var __rspack_i in __webpack_exports__)if(-1===["computePosition"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
@@ -1 +1 @@
1
- "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TooltipStandAlone:()=>TooltipStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");require("./tooltip.css");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const useActiveBreakpoints_js_namespaceObject=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const positions_js_namespaceObject=require("../../lib/types/positions/positions.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const popover_js_namespaceObject=require("../popover/popover.js");const tooltipTrigger_js_namespaceObject=require("./components/tooltipTrigger.js");const tooltip_utils_js_namespaceObject=require("./utils/tooltip.utils.js");const TooltipStandAlone=({align:e,children:t,childrenAsButton:s=true,content:a,contentHasScroll:o,contentRef:r,contentScrollArias:i,cssClasses:c,disabled:n,labelRef:_,mediaDevice:p,onPopoverCloseInternally:l,onTooltipFocus:j,onTooltipKeyDown:b,onTriggerClick:u,onTriggerKeyDown:m,onTriggerMouseDown:d,onTriggerMouseUp:x,onWrapperMouseEnter:O,onWrapperMouseLeave:v,popover:k,popoverOpen:g,tooltipAriaLabel:w,tooltipAsModal:A,tooltipRef:y,triggerAsButton:T,...h})=>{const q=h["data-testid"]||"tooltip";const f=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(h);const C=(0,external_react_namespaceObject.useId)();const N=`tooltip-${C.replace(/:/g,"")}`;const S=`${N}-content`;const P=(0,processCommonProp_js_namespaceObject.processTextProp)(a);const B="string"==typeof P.children;const{isDesktop:M,isTablet:D}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const I=M||D;if(n)return(0,jsx_runtime_namespaceObject.jsx)("div",{className:"kbt-tooltip","data-testid":q,children:(0,jsx_runtime_namespaceObject.jsx)(tooltipTrigger_js_namespaceObject.TooltipTrigger,{childrenAsButton:s,disabled:true,children:t})});const F=(0,tooltip_utils_js_namespaceObject.getAriaDescriptorsBy)({contentId:S,hasContent:!!a,hasTitle:false,titleId:""});const $={"data-align":e||positions_js_namespaceObject.POSITIONS.TOP};const E=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)($);const K=(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:y,"aria-label":I?w:void 0,"aria-labelledby":I?void 0:void 0,"aria-modal":I&&A?true:void 0,className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__external-container",c?.tooltipexternalcontainer),"data-testid":`${q}-content`,id:N,role:I?A?"dialog":"tooltip":void 0,...I&&{onFocus:j,onKeyDown:b},...f,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.tooltipinternalcontainer,children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,"aria-label":o?i?.["aria-label"]:void 0,"aria-labelledby":o?i?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:o?"region":void 0,...o&&{tabIndex:0},children:!!a&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__paragraph",c?.paragraphcontainer),id:S,children:B?(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:c?.paragraph},...P}):P.children})})}),(0,jsx_runtime_namespaceObject.jsx)("div",{...E,className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__arrow",c?.arrowsize,c?.tooltipalignstyles,c?.arrowcontainer),children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.arrow})})]});return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:_,className:"kbt-tooltip","data-testid":q,children:[(0,jsx_runtime_namespaceObject.jsx)(tooltipTrigger_js_namespaceObject.TooltipTrigger,{ariaDescribedBy:!A&&(I||g)?F:void 0,childrenAsButton:s,triggerAsButton:T,onClick:u,onKeyDown:m,onMouseDown:d,onMouseEnter:O,onMouseLeave:v,onMouseUp:x,children:t}),I?K:(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{additionalClasses:c?.popover?{arrow:"",popover:c.popover.popover||""}:void 0,"aria-label":k?.["aria-label"]||w,"aria-labelledby":void 0,"aria-modal":A||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:true,disableTrapFocus:false,open:g,preventCloseOnClickElements:[_?.current],role:A?"dialog":"tooltip",strategy:"absolute",onClose:l,...k,children:K})]})};exports.TooltipStandAlone=__webpack_exports__.TooltipStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TooltipStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
1
+ "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var s in t)if(__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s))Object.defineProperty(e,s,{enumerable:true,get:t[s]})}})();(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{TooltipStandAlone:()=>TooltipStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");require("./tooltip.css");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const useActiveBreakpoints_js_namespaceObject=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const positions_js_namespaceObject=require("../../lib/types/positions/positions.js");const classNames_js_namespaceObject=require("../../lib/utils/classNames/classNames.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const popover_js_namespaceObject=require("../popover/popover.js");const tooltipTrigger_js_namespaceObject=require("./components/tooltipTrigger.js");const tooltip_utils_js_namespaceObject=require("./utils/tooltip.utils.js");const TooltipStandAlone=({align:e,children:t,childrenAsButton:s=true,content:a,contentHasScroll:o,contentRef:r,contentScrollArias:i,cssClasses:c,disabled:n,labelRef:_,mediaDevice:p,onPopoverCloseInternally:l,onTooltipFocus:j,onTooltipKeyDown:b,onTriggerClick:u,onTriggerKeyDown:m,onTriggerMouseDown:d,onTriggerMouseUp:x,onWrapperMouseEnter:O,onWrapperMouseLeave:v,popover:k,popoverOpen:g,tooltipAriaLabel:w,tooltipAsModal:A,tooltipRef:y,triggerAsButton:T,...h})=>{const q=h["data-testid"]||"tooltip";const f=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(h);const C=(0,external_react_namespaceObject.useId)();const N=`tooltip-${C.replace(/:/g,"")}`;const S=`${N}-content`;const P=(0,processCommonProp_js_namespaceObject.processTextProp)(a);const B="string"==typeof P.children;const{isDesktop:M,isTablet:D}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const I=M||D;if(n)return(0,jsx_runtime_namespaceObject.jsx)("div",{className:"kbt-tooltip","data-testid":q,children:(0,jsx_runtime_namespaceObject.jsx)(tooltipTrigger_js_namespaceObject.TooltipTrigger,{disabled:true,childrenAsButton:s,children:t})});const F=(0,tooltip_utils_js_namespaceObject.getAriaDescriptorsBy)({contentId:S,hasContent:!!a,hasTitle:false,titleId:""});const $={"data-align":e||positions_js_namespaceObject.POSITIONS.TOP};const E=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)($);const K=(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:y,"aria-label":I?w:void 0,"aria-labelledby":I?void 0:void 0,"aria-modal":I&&A?true:void 0,className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__external-container",c?.tooltipexternalcontainer),"data-testid":`${q}-content`,id:N,role:I?A?"dialog":"tooltip":void 0,...I&&{onFocus:j,onKeyDown:b},...f,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.tooltipinternalcontainer,children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,"aria-label":o?i?.["aria-label"]:void 0,"aria-labelledby":o?i?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:o?"region":void 0,...o&&{tabIndex:0},children:!!a&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__paragraph",c?.paragraphcontainer),id:S,children:B?(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:c?.paragraph},...P}):P.children})})}),(0,jsx_runtime_namespaceObject.jsx)("div",{...E,className:(0,classNames_js_namespaceObject.classNames)("kbt-tooltip__arrow",c?.arrowsize,c?.tooltipalignstyles,c?.arrowcontainer),children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.arrow})})]});return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:_,className:"kbt-tooltip","data-testid":q,children:[(0,jsx_runtime_namespaceObject.jsx)(tooltipTrigger_js_namespaceObject.TooltipTrigger,{ariaDescribedBy:!A&&(I||g)?F:void 0,childrenAsButton:s,triggerAsButton:T,onClick:u,onKeyDown:m,onMouseDown:d,onMouseEnter:O,onMouseLeave:v,onMouseUp:x,children:t}),I?K:(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{disableAutoFocusFirstDescendantAfterClose:true,additionalClasses:c?.popover?{arrow:"",popover:c.popover.popover||""}:void 0,"aria-label":k?.["aria-label"]||w,"aria-labelledby":void 0,"aria-modal":A||void 0,component:"div",disableTrapFocus:false,open:g,preventCloseOnClickElements:[_?.current],role:A?"dialog":"tooltip",strategy:"absolute",onClose:l,...k,children:K})]})};exports.TooltipStandAlone=__webpack_exports__.TooltipStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TooltipStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
@@ -1 +1 @@
1
- "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var r in _)if(__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:_[r]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{OverlayStandAlone:()=>OverlayStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../utils/pickCustomAttributes/pickCustomAttributes.js");const OverlayStandAlone=(0,external_react_namespaceObject.forwardRef)(({cssClasses:e,..._},r)=>{const t=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(_);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,className:e?.overlay,"data-testid":"overlay",..._,...t,...t})});exports.OverlayStandAlone=__webpack_exports__.OverlayStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["OverlayStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
1
+ "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var r in _)if(__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:_[r]})}})();(()=>{__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_)})();(()=>{__webpack_require__.r=e=>{if("u">typeof Symbol&&Symbol.toStringTag)Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});Object.defineProperty(e,"__esModule",{value:true})}})();var __webpack_exports__={};__webpack_require__.r(__webpack_exports__);__webpack_require__.d(__webpack_exports__,{OverlayStandAlone:()=>OverlayStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const pickCustomAttributes_js_namespaceObject=require("../../utils/pickCustomAttributes/pickCustomAttributes.js");const OverlayStandAlone=(0,external_react_namespaceObject.forwardRef)(({cssClasses:e,..._},r)=>{const t=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(_);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,className:e?.overlay,"data-testid":"overlay",..._,...t})});exports.OverlayStandAlone=__webpack_exports__.OverlayStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["OverlayStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
@@ -1 +1 @@
1
- import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as n,useId as e}from"react";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{STATE as a}from"./types/state.mjs";const i=n(({children:n,component:i="div",cssClasses:s,dataTestId:d="accordion",expanded:m,header:l,headerComponent:p="h3",onHeaderClick:u},h)=>{const b=e();const f=`accordion-${b.replace(/:/g,"")}`;const A=`${f}-content`;const C={"data-state":m?a.EXPANDED:a.COLLAPSED};const N=r(C);return t(c,{ref:h,className:s?.accordion,component:i,"data-testid":d,...N,children:o("div",{children:[t(c,{className:s?.header,component:p,...N,children:t("button",{"aria-controls":A,"aria-expanded":m,className:s?.headerbutton,"data-testid":`${d}-header`,type:"button",onClick:u,...N,children:l})}),t("div",{className:s?.content,"data-kbt-accordion-content":true,"data-testid":`${d}-content`,id:A,...N,children:t("div",{className:s?.innercontent,"data-kbt-accordion-content-inner":true,...N,children:n})})]})})});export{i as AccordionStandAlone};
1
+ import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as n,useId as e}from"react";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.mjs";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{STATE as a}from"./types/state.mjs";const i=n(({children:n,component:i="div",cssClasses:s,dataTestId:d="accordion",expanded:m,header:l,headerComponent:p="h3",onHeaderClick:u},h)=>{const b=e();const f=`accordion-${b.replace(/:/g,"")}`;const A=`${f}-content`;const C={"data-state":m?a.EXPANDED:a.COLLAPSED};const N=r(C);return t(c,{ref:h,className:s?.accordion,component:i,"data-testid":d,...N,children:o("div",{children:[t(c,{className:s?.header,component:p,...N,children:t("button",{"aria-controls":A,"aria-expanded":m,className:s?.headerbutton,"data-testid":`${d}-header`,type:"button",onClick:u,...N,children:l})}),t("div",{"data-kbt-accordion-content":true,className:s?.content,"data-testid":`${d}-content`,id:A,...N,children:t("div",{"data-kbt-accordion-content-inner":true,className:s?.innercontent,...N,children:n})})]})})});export{i as AccordionStandAlone};
@@ -1 +1 @@
1
- import{AccordionControlled as o}from"./accordionControlled.mjs";import{Accordion as r}from"./accordionUnControlled.mjs";export{r as Accordion,o as AccordionControlled};
1
+ export{AccordionControlled}from"./accordionControlled.mjs";export{Accordion}from"./accordionUnControlled.mjs";
@@ -1 +1 @@
1
- import{Alert as r}from"./alertControlled.mjs";export{r as Alert};
1
+ export{Alert}from"./alertControlled.mjs";
@@ -1 +1 @@
1
- import{Fragment as t,jsx as o,jsxs as e}from"react/jsx-runtime";import{Dot as m}from"../../dot/dot.mjs";import{Text as r}from"../../text/text.mjs";import{ElementOrIcon as s}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as i,processTextProp as n}from"../../../lib/utils/process/processCommonProp.mjs";const c=({contentType:c,cssClasses:a,customAttributes:p,dot:l,icon:d,initials:u,maxLengthInitials:b})=>e(t,{children:[!!l?.number&&o("span",{className:a?.dot,children:o(m,{...l})}),"with-icon"===c&&o(s,{className:a?.icon,customAttributes:p,...i(d)}),"with-initials"===c&&o(r,{additionalClasses:{},"aria-hidden":true,component:"span",customAttributes:p,...n(u,b)})]});export{c as DrawContent};
1
+ import{Fragment as t,jsx as o,jsxs as e}from"react/jsx-runtime";import{Dot as m}from"../../dot/dot.mjs";import{Text as r}from"../../text/text.mjs";import{ElementOrIcon as s}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as i,processTextProp as n}from"../../../lib/utils/process/processCommonProp.mjs";const c=({contentType:c,cssClasses:a,customAttributes:p,dot:l,icon:d,initials:u,maxLengthInitials:b})=>e(t,{children:[!!l?.number&&o("span",{className:a?.dot,children:o(m,{...l})}),"with-icon"===c&&o(s,{className:a?.icon,customAttributes:p,...i(d)}),"with-initials"===c&&o(r,{"aria-hidden":true,additionalClasses:{},component:"span",customAttributes:p,...n(u,b)})]});export{c as DrawContent};
@@ -1 +1 @@
1
- import{Avatar as a}from"./avatar.mjs";export{a as Avatar};
1
+ export{Avatar}from"./avatar.mjs";
@@ -1 +1 @@
1
- import{Badge as e}from"./badge.mjs";export{e as Badge};
1
+ export{Badge}from"./badge.mjs";
@@ -1 +1 @@
1
- import{BreadCrumbs as r}from"./breadcrumbs.mjs";export{r as BreadCrumbs};
1
+ export{BreadCrumbs}from"./breadcrumbs.mjs";
@@ -1 +1 @@
1
- import{Button as t}from"./button.mjs";export{t as Button};
1
+ export{Button}from"./button.mjs";
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useState as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.mjs";import{Header as c}from"./header/header.mjs";import{List as n}from"./list/list.mjs";import{MonthSelector as i}from"./selector/monthSelector/monthSelector.mjs";import{Selector as l}from"./selector/selector.mjs";import{YearSelector as m}from"./selector/yearSelector/yearSelector.mjs";const d=({configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C="Back",disabledDates:u,formatWeekDayOption:S,hasRange:f,id:p,locale:y,maxDate:b=new Date,minDate:k,onDayClick:g,onDaySelectorClick:j,onLeftIconClick:w,onMonthClick:x,onMonthSelectorClick:A,onRightIconClick:N,onYearClick:v,onYearSelectorClick:M,selectedDate:Y,setCurrentDate:_,setSelectedDate:$,sundayFirst:B,...F},I)=>{const[L,R]=o(false);const[T,O]=o(false);const[U,W]=o(true);const Z=new Date;const q=s(F);const z=F["data-testid"]||"calendar";return t("div",{ref:I,className:D?.calendar,"data-calendar":true,"data-testid":z,id:p,...q,children:[e(l,{configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C,maxDate:b,minDate:k,setCurrentDate:_,setShowDaySelector:W,setShowMonthSelector:R,setShowYearSelector:O,showDaySelector:U,showMonthSelector:L,showYearSelector:T,onDaySelectorClick:j,onLeftIconClick:w,onMonthSelectorClick:A,onRightIconClick:N,onYearSelectorClick:M}),t("div",{className:D?.container,children:[!L&&!T&&U&&t("table",{"aria-label":h.toLocaleDateString(y,{month:"long",timeZone:"UTC",year:"numeric"}),className:D?.table,children:[e(c,{cssClasses:D,formatWeekDayOption:S,isSundayFirst:B}),e(n,{cssClasses:D,currentDate:h,"data-testid":`${z}-item-list`,disabledDates:u,hasRange:f,maxDate:b,minDate:k,selectedDate:Y,setSelectedDate:$,sundayFirst:B,onDayClick:g})]}),L&&e(r,{className:"kbt-calendar__table",component:"div",children:e(i,{configAccesibility:a,cssClasses:D,currentDate:h,"data-testid":`${z}-month`,locale:y,maxDate:b,minDate:k,setCurrentDate:_,today:Z,onMonthClick:x})}),T&&e(r,{className:"kbt-calendar__table",component:"div",children:e(m,{configAccesibility:a,cssClasses:D,currentDate:h,"data-testid":`${z}-year`,maxDate:b,minDate:k,setCurrentDate:_,today:Z,onYearClick:v})})]})]})};const D=a(d);export{D as CalendarStandAlone};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useState as o}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.mjs";import{Header as c}from"./header/header.mjs";import{List as n}from"./list/list.mjs";import{MonthSelector as i}from"./selector/monthSelector/monthSelector.mjs";import{Selector as l}from"./selector/selector.mjs";import{YearSelector as m}from"./selector/yearSelector/yearSelector.mjs";const d=({configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C="Back",disabledDates:u,formatWeekDayOption:S,hasRange:f,id:p,locale:y,maxDate:b=new Date,minDate:k,onDayClick:g,onDaySelectorClick:j,onLeftIconClick:w,onMonthClick:x,onMonthSelectorClick:A,onRightIconClick:N,onYearClick:v,onYearSelectorClick:M,selectedDate:Y,setCurrentDate:_,setSelectedDate:$,sundayFirst:B,...F},I)=>{const[L,R]=o(false);const[T,O]=o(false);const[U,W]=o(true);const Z=new Date;const q=s(F);const z=F["data-testid"]||"calendar";return t("div",{ref:I,"data-calendar":true,className:D?.calendar,"data-testid":z,id:p,...q,children:[e(l,{configAccesibility:a,configCalendar:d,cssClasses:D,currentDate:h,customBackText:C,maxDate:b,minDate:k,setCurrentDate:_,setShowDaySelector:W,setShowMonthSelector:R,setShowYearSelector:O,showDaySelector:U,showMonthSelector:L,showYearSelector:T,onDaySelectorClick:j,onLeftIconClick:w,onMonthSelectorClick:A,onRightIconClick:N,onYearSelectorClick:M}),t("div",{className:D?.container,children:[!L&&!T&&U&&t("table",{"aria-label":h.toLocaleDateString(y,{month:"long",timeZone:"UTC",year:"numeric"}),className:D?.table,children:[e(c,{cssClasses:D,formatWeekDayOption:S,isSundayFirst:B}),e(n,{cssClasses:D,currentDate:h,"data-testid":`${z}-item-list`,disabledDates:u,hasRange:f,maxDate:b,minDate:k,selectedDate:Y,setSelectedDate:$,sundayFirst:B,onDayClick:g})]}),L&&e(r,{className:"kbt-calendar__table",component:"div",children:e(i,{configAccesibility:a,cssClasses:D,currentDate:h,"data-testid":`${z}-month`,locale:y,maxDate:b,minDate:k,setCurrentDate:_,today:Z,onMonthClick:x})}),T&&e(r,{className:"kbt-calendar__table",component:"div",children:e(m,{configAccesibility:a,cssClasses:D,currentDate:h,"data-testid":`${z}-year`,maxDate:b,minDate:k,setCurrentDate:_,today:Z,onYearClick:v})})]})]})};const D=a(d);export{D as CalendarStandAlone};
@@ -1 +1 @@
1
- import{Header as e}from"./header.mjs";export{e as Header};
1
+ export{Header}from"./header.mjs";
@@ -1 +1 @@
1
- import{Calendar as r}from"./calendar.mjs";export{r as Calendar};
1
+ export{Calendar}from"./calendar.mjs";
@@ -1 +1 @@
1
- import{Selector as e}from"./selector.mjs";export{e as Selector};
1
+ export{Selector}from"./selector.mjs";
@@ -1 +1 @@
1
- import{Card as r}from"./card.mjs";import{CardStandAlone as o}from"./cardStandAlone.mjs";export{r as Card,o as CardStandAlone};
1
+ export{Card}from"./card.mjs";export{CardStandAlone}from"./cardStandAlone.mjs";
@@ -1 +1 @@
1
- const t=({element:t})=>{const e=window.getComputedStyle(t);const n=parseFloat(e.getPropertyValue("padding-left")||"0");const s=parseFloat(e.getPropertyValue("padding-right")||"0");return n+s};const e=(t,e)=>{if(!t||!e)return 0;const n=t.offsetLeft;const s=e.offsetLeft;return Math.abs(s-n)};const n=({numElementsPerPage:t,numElementsToSlide:e})=>{if(!e)return t;return Math.max(1,Math.min(e,t))};const s=({elementsLength:t,numElementsPerPage:e,numElementsToSlide:s})=>{if(t<=e)return 1;const o=n({numElementsPerPage:e,numElementsToSlide:s});const r=Math.ceil((t-e+o)/o);return r};const o=({currentPage:t,elementsLength:e,isCircular:o,numElementsPerPage:r,numElementsToSlide:i})=>{if(e<=r)return{firstIndexInView:0,lastIndexInView:e-1};const c=n({numElementsPerPage:r,numElementsToSlide:i});const l=s({elementsLength:e,numElementsPerPage:r,numElementsToSlide:c});let a=t*c+r-1;const f=o&&e>r;let d=0;if(f){d=r+1;a+=d}if(t===l)a=d+e+r-1;else if(t<0)a=d-1;else if(a-d>e-1)a=d+e-1;const u=a-r+1;return{firstIndexInView:u,lastIndexInView:a}};const r=({contentContainer:e,elementsLength:n,extraPadding:s,rootContainer:o,viewerContainer:r})=>{const i=e.firstElementChild;if(!i)return;let c=o.offsetWidth;c-=2*s;const l=t({element:r});c-=l;let a=0;const f=i.offsetLeft;for(let t=0;t<e.children.length;t++){const n=e.children[t];if(f+n.offsetLeft+n.offsetWidth>c)break;a++}return Math.max(Math.min(n,a),1)};const i=({centerMode:t,contentContainer:e})=>{let n=0;if(e.childNodes.length<2)return n;const s=e.childNodes[0];const o=e.childNodes[1];if(t&&s.style&&o.style){s.style.transition="none";o.style.transition="none";s.style.transform="scale(1)";o.style.transform="scale(1)"}const r=s?.getBoundingClientRect()?.right;const i=o?.getBoundingClientRect()?.left;if(t&&s.style&&o.style){s.style.removeProperty("transform");o.style.removeProperty("transform");s.offsetHeight;o.offsetHeight;s.style.removeProperty("transition");o.style.removeProperty("transition")}if(void 0!==r&&void 0!==i)n=Math.abs(r-i);return n};const c=({centerMode:e,contentContainer:n,extraPadding:s,numElementsPerPage:o,viewerContainer:r})=>{const c=i({centerMode:e,contentContainer:n});const l=(o-1)*c;const a=t({element:r});const f=(r.getBoundingClientRect().width-l-2*s-a)/o;return f};const l=({contentContainer:n,extraPadding:s,firstIndexInView:o,lastIndexInView:r,viewerContainer:i})=>{const c=n.children[o];const l=n.children[r];const a=e(c,l);const f=t({element:i});const d=a+l.offsetWidth+2*s+f;return`${d}px`};const a=({centerExtremesWhenExtraPadding:t,circular:n,contentContainer:s,currentPage:o,extraPadding:r,firstIndexInView:i,numPages:c})=>{let l=e(s.firstChild,s.children[i]);if(r){if(t)l-=r;else if(n||0!==o&&o!==c-1)l-=r;else if(!n&&o===c-1)l-=2*r}return`${-l}px`};const f={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:a,calcFirstAndLastIndexInCarouselView:o,calcGapBetweenContentContainerElements:i,calcNumElementsPerPage:r,calcNumPages:s,calcSliceWidth:c,calcViewerWidth:l,calcXDistanceBetween2Elements:e};export{n as calcAdjustedNumElementsToSlide,a as calcContentContainerLeftPosition,o as calcFirstAndLastIndexInCarouselView,i as calcGapBetweenContentContainerElements,t as calcHorizontalElementPadding,r as calcNumElementsPerPage,s as calcNumPages,c as calcSliceWidth,l as calcViewerWidth,e as calcXDistanceBetween2Elements,f as default};
1
+ const t=({element:t})=>{const e=window.getComputedStyle(t);const n=parseFloat(e.getPropertyValue("padding-left")||"0");const s=parseFloat(e.getPropertyValue("padding-right")||"0");return n+s};const e=(t,e)=>{if(!t||!e)return 0;const n=t.offsetLeft;const s=e.offsetLeft;return Math.abs(s-n)};const n=({numElementsPerPage:t,numElementsToSlide:e})=>{if(!e)return t;return Math.max(1,Math.min(e,t))};const s=({elementsLength:t,numElementsPerPage:e,numElementsToSlide:s})=>{if(t<=e)return 1;const o=n({numElementsPerPage:e,numElementsToSlide:s});const c=Math.ceil((t-e+o)/o);return c};const o=({currentPage:t,elementsLength:e,isCircular:o,numElementsPerPage:c,numElementsToSlide:l})=>{if(e<=c)return{firstIndexInView:0,lastIndexInView:e-1};const i=n({numElementsPerPage:c,numElementsToSlide:l});const r=s({elementsLength:e,numElementsPerPage:c,numElementsToSlide:i});let a=t*i+c-1;const f=o&&e>c;let d=0;if(f){d=c+1;a+=d}if(t===r)a=d+e+c-1;else if(t<0)a=d-1;else if(a-d>e-1)a=d+e-1;const m=a-c+1;return{firstIndexInView:m,lastIndexInView:a}};const c=({contentContainer:e,elementsLength:n,extraPadding:s,rootContainer:o,viewerContainer:c})=>{const l=e.firstElementChild;if(!l)return;let i=o.offsetWidth;i-=2*s;const r=t({element:c});i-=r;let a=0;const f=l.offsetLeft;for(let t=0;t<e.children.length;t++){const n=e.children[t];if(f+n.offsetLeft+n.offsetWidth>i)break;a++}return Math.max(Math.min(n,a),1)};const l=({centerMode:t,contentContainer:e})=>{let n=0;if(e.childNodes.length<2)return n;const s=e.childNodes[0];const o=e.childNodes[1];if(t&&s.style&&o.style){s.style.transition="none";o.style.transition="none";s.style.transform="scale(1)";o.style.transform="scale(1)"}const c=s?.getBoundingClientRect()?.right;const l=o?.getBoundingClientRect()?.left;if(t&&s.style&&o.style){s.style.removeProperty("transform");o.style.removeProperty("transform");s.offsetHeight;o.offsetHeight;s.style.removeProperty("transition");o.style.removeProperty("transition")}if(void 0!==c&&void 0!==l)n=Math.abs(c-l);return n};const i=({centerMode:e,contentContainer:n,extraPadding:s,numElementsPerPage:o,viewerContainer:c})=>{const i=l({centerMode:e,contentContainer:n});const r=(o-1)*i;const a=t({element:c});const f=(c.getBoundingClientRect().width-r-2*s-a)/o;return f};const r=({contentContainer:n,extraPadding:s,firstIndexInView:o,lastIndexInView:c,viewerContainer:l})=>{const i=n.children[o];const r=n.children[c];const a=e(i,r);const f=t({element:l});const d=a+r.offsetWidth+2*s+f;return`${d}px`};const a=({centerExtremesWhenExtraPadding:t,circular:n,contentContainer:s,currentPage:o,extraPadding:c,firstIndexInView:l,numPages:i})=>{let r=e(s.firstChild,s.children[l]);if(c){if(t)r-=c;else if(n||0!==o&&o!==i-1)r-=c;else if(!n&&o===i-1)r-=2*c}return`${-r}px`};const f={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:a,calcFirstAndLastIndexInCarouselView:o,calcGapBetweenContentContainerElements:l,calcNumElementsPerPage:c,calcNumPages:s,calcSliceWidth:i,calcViewerWidth:r,calcXDistanceBetween2Elements:e};export default f;export{n as calcAdjustedNumElementsToSlide,a as calcContentContainerLeftPosition,o as calcFirstAndLastIndexInCarouselView,l as calcGapBetweenContentContainerElements,t as calcHorizontalElementPadding,c as calcNumElementsPerPage,s as calcNumPages,i as calcSliceWidth,r as calcViewerWidth,e as calcXDistanceBetween2Elements};
@@ -1 +1 @@
1
- const t="left";const s=20;const n=0;const o={PROPERTY_TO_HANDLE_TRANSITION_END:t,THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:s,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:n};export{o as default};
1
+ const _="left";const D=20;const E=0;const O={PROPERTY_TO_HANDLE_TRANSITION_END:_,THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:D,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:E};export default O;
@@ -1 +1 @@
1
- import e from"./calc.utils.mjs";const t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:s})=>{const r=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:s});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];if(t instanceof HTMLElement)t.style.width=`${r}px`}};const n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)if(i<t||i>n)e.children[i].setAttribute("inert","");else e.children[i].removeAttribute("inert")};const i=({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:l,viewerContainer:s})=>{const r=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:l,viewerContainer:s});s.style.width=r};const l=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!==0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}};const s=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")};const r=({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++){if(t.firstElementChild)t.removeChild(t.firstElementChild);if(t.lastElementChild)t.removeChild(t.lastElementChild)}}if(e&&n>i){const e=[];const n=[];const l=t.children.length;const s=i+1;for(let i=0;i<s;i++){const s=t.children[i];if(s)e.push(s.cloneNode(true));const r=t.children[l-1-i];if(r)n.push(r.cloneNode(true))}e.forEach(e=>t.appendChild(e));n.forEach(e=>t.insertBefore(e,t.firstChild))}};const c={center:"center",left:"flex-start",right:"flex-end"};const o=({allowModifySliceWidth:e,contentContainer:t,onePageAlign:n,rootContainer:i})=>{if(e)t.style.justifyContent=c[n];else i.style.justifyContent=c[n]};const d=({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:l,numElementsPerPage:s,numPages:r})=>{const c=n===r;const o=-1===n;if(c||o){const n=c?s+1:i+1;let o=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);o-=l;t.style.left=`${-o}px`;return{newPage:c?0:r-1}}return{newPage:n}};const h={alignOnePageCarousel:o,applyCenterMode:l,deleteCenterMode:s,manageCircularClones:r,udpateCarouselPositionOnEdge:d,updateContentElementsAriaVisibility:n,updateSlicesWidth:t,updateViewerWidth:i};export{o as alignOnePageCarousel,l as applyCenterMode,h as default,s as deleteCenterMode,r as manageCircularClones,d as udpateCarouselPositionOnEdge,n as updateContentElementsAriaVisibility,t as updateSlicesWidth,i as updateViewerWidth};
1
+ import e from"./calc.utils.mjs";const t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:r})=>{const s=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:l,viewerContainer:r});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];if(t instanceof HTMLElement)t.style.width=`${s}px`}};const n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)if(i<t||i>n)e.children[i].setAttribute("inert","");else e.children[i].removeAttribute("inert")};const i=({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:l,viewerContainer:r})=>{const s=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:l,viewerContainer:r});r.style.width=s};const l=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!==0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}};const r=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")};const s=({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++){if(t.firstElementChild)t.removeChild(t.firstElementChild);if(t.lastElementChild)t.removeChild(t.lastElementChild)}}if(e&&n>i){const e=[];const n=[];const l=t.children.length;const r=i+1;for(let i=0;i<r;i++){const r=t.children[i];if(r)e.push(r.cloneNode(true));const s=t.children[l-1-i];if(s)n.push(s.cloneNode(true))}e.forEach(e=>t.appendChild(e));n.forEach(e=>t.insertBefore(e,t.firstChild))}};const o={center:"center",left:"flex-start",right:"flex-end"};const c=({allowModifySliceWidth:e,contentContainer:t,onePageAlign:n,rootContainer:i})=>{if(e)t.style.justifyContent=o[n];else i.style.justifyContent=o[n]};const d=({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:l,numElementsPerPage:r,numPages:s})=>{const o=n===s;const c=-1===n;if(o||c){const n=o?r+1:i+1;let c=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);c-=l;t.style.left=`${-c}px`;return{newPage:o?0:s-1}}return{newPage:n}};const h={alignOnePageCarousel:c,applyCenterMode:l,deleteCenterMode:r,manageCircularClones:s,udpateCarouselPositionOnEdge:d,updateContentElementsAriaVisibility:n,updateSlicesWidth:t,updateViewerWidth:i};export default h;export{c as alignOnePageCarousel,l as applyCenterMode,r as deleteCenterMode,s as manageCircularClones,d as udpateCarouselPositionOnEdge,n as updateContentElementsAriaVisibility,t as updateSlicesWidth,i as updateViewerWidth};
@@ -1 +1 @@
1
- import{Carousel as E}from"./carousel.mjs";import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as _,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as R}from"./types/carousel.mjs";export{_ as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,R as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,E as Carousel};
1
+ export{Carousel}from"./carousel.mjs";export{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY}from"./types/carousel.mjs";
@@ -1 +1 @@
1
- import{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY as E,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY as _}from"./carousel.mjs";export{E as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,_ as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};
1
+ export{CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY}from"./carousel.mjs";
@@ -1 +1 @@
1
- import{CheckboxControlled as o}from"./checkboxControlled.mjs";import{CheckboxUnControlled as e}from"./checkboxUnControlled.mjs";export*from"./types/index.mjs";export{e as Checkbox,o as CheckboxControlled};
1
+ export*from"./types/index.mjs";export{CheckboxControlled}from"./checkboxControlled.mjs";export{CheckboxUnControlled as Checkbox}from"./checkboxUnControlled.mjs";
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.mjs";import{getCheckboxState as o}from"../checkbox/utils/state.utils.mjs";import{CheckboxBaseStandAlone as t}from"./checkboxBaseStandAlone.mjs";const r=s(({additionalClasses:s,error:r=false,required:m=false,variant:c,...i},l)=>{const d=a({additionalClassNames:s,component:"CHECKBOX_BASE",variant:c});const n=o(i.checked,i.disabled,r).toLocaleLowerCase();return e(t,{ref:l,cssClasses:d,required:true,...i,"aria-invalid":r,"data-state":n,"data-testid":"checkboxBase"})});export{r as CheckboxBaseControlled};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.mjs";import{getCheckboxState as o}from"../checkbox/utils/state.utils.mjs";import{CheckboxBaseStandAlone as t}from"./checkboxBaseStandAlone.mjs";const r=s(({additionalClasses:s,error:r=false,required:m=false,variant:c,...i},l)=>{const d=a({additionalClassNames:s,component:"CHECKBOX_BASE",variant:c});const n=o(i.checked,i.disabled,r).toLocaleLowerCase();return e(t,{ref:l,required:true,cssClasses:d,...i,"aria-invalid":r,"data-state":n,"data-testid":"checkboxBase"})});export{r as CheckboxBaseControlled};
@@ -1 +1 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as o}from"../../lib/utils/process/processCommonProp.mjs";const c=a(({checkedIcon:a,cssClasses:c,inputRef:r,...n},m)=>{const i=n["data-testid"]??"checkbox-base";return e("div",{ref:m,className:c?.checkbox_base,"data-testid":i,children:[t("input",{ref:r,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),t("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:t(s,{className:c?.icon,complex:true,"data-state":n["data-state"],...o(a)})})]})});export{c as CheckboxBaseStandAlone};
1
+ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.mjs";import{processIconProp as o}from"../../lib/utils/process/processCommonProp.mjs";const c=a(({checkedIcon:a,cssClasses:c,inputRef:r,...n},m)=>{const i=n["data-testid"]??"checkbox-base";return e("div",{ref:m,className:c?.checkbox_base,"data-testid":i,children:[t("input",{ref:r,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),t("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:t(s,{complex:true,className:c?.icon,"data-state":n["data-state"],...o(a)})})]})});export{c as CheckboxBaseStandAlone};
@@ -1 +1 @@
1
- import{CheckboxBaseControlled as o}from"./checkboxBaseControlled.mjs";import{CheckboxBaseUnControlled as e}from"./checkboxBaseUncontrolled.mjs";export*from"./types/index.mjs";export{e as CheckboxBase,o as CheckboxBaseControlled};
1
+ export*from"./types/index.mjs";export{CheckboxBaseControlled}from"./checkboxBaseControlled.mjs";export{CheckboxBaseUnControlled as CheckboxBase}from"./checkboxBaseUncontrolled.mjs";
@@ -1 +1 @@
1
- import{Chip as p}from"./chip.mjs";export{p as Chip};
1
+ export{Chip}from"./chip.mjs";
@@ -1 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import{TableCell as i}from"../../tableCell/tableCell.mjs";import{TableHead as e}from"../../tableHead/tableHead.mjs";import{TableRow as l}from"../../tableRow/tableRow.mjs";import{applyFlexToCell as o}from"../utils/cellConfig.mjs";import{applyGridToRow as n}from"../utils/rowConfig.mjs";const d=({columns:d,cssClasses:a,hidden:s,sticky:c,tableHeadConfig:m,tableHeadRowConfig:r,usingRowGroups:h})=>{const f=h?n({columns:d,rowConfig:r}):r;return t(e,{additionalClasses:a?.table_head,component:h?"div":void 0,hidden:s,sticky:c,...m,children:t(l,{additionalClasses:a?.table_head_row,component:h?"div":void 0,hoverable:false,...f,children:d?.map(e=>{const l=e.headerContent;if(l&&"object"==typeof l&&"complex"in l){const n=h?o({cellConfig:l.complex}):l.complex;return t(i,{additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,th:true,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:n?.content},e.field)}const n=h?o({cellConfig:void 0}):void 0;return t(i,{additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,th:true,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:l},e.field)})})})};export{d as DataTableHead};
1
+ import{jsx as t}from"react/jsx-runtime";import{TableCell as i}from"../../tableCell/tableCell.mjs";import{TableHead as e}from"../../tableHead/tableHead.mjs";import{TableRow as l}from"../../tableRow/tableRow.mjs";import{applyFlexToCell as o}from"../utils/cellConfig.mjs";import{applyGridToRow as n}from"../utils/rowConfig.mjs";const d=({columns:d,cssClasses:a,hidden:s,sticky:c,tableHeadConfig:m,tableHeadRowConfig:r,usingRowGroups:h})=>{const f=h?n({columns:d,rowConfig:r}):r;return t(e,{additionalClasses:a?.table_head,component:h?"div":void 0,hidden:s,sticky:c,...m,children:t(l,{additionalClasses:a?.table_head_row,component:h?"div":void 0,hoverable:false,...f,children:d?.map(e=>{const l=e.headerContent;if(l&&"object"==typeof l&&"complex"in l){const n=h?o({cellConfig:l.complex}):l.complex;return t(i,{th:true,additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:n?.content},e.field)}const n=h?o({cellConfig:void 0}):void 0;return t(i,{th:true,additionalClasses:a?.table_head_cell,alignItems:f?.cellsAlignItems,component:h?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:h?void 0:e.maxWidth,minWidth:h?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,verticalAlign:f?.cellsVerticalAlign,width:h?void 0:e.width,...n,children:l},e.field)})})})};export{d as DataTableHead};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{TableCell as t}from"../../tableCell/tableCell.mjs";import{TableHead as o}from"../../tableHead/tableHead.mjs";import{TableRow as a}from"../../tableRow/tableRow.mjs";const l=({columns:l,cssClasses:r})=>e(o,{additionalClasses:r?.row_group_table_head,hidden:true,children:e(a,{additionalClasses:r?.row_group_table_head_row,children:l?.map(o=>{let a=o.headerHiddenContent;if(!a){const e=o.headerContent;a=e&&"object"==typeof e&&"complex"in e?e.complex?.content:e}return e(t,{additionalClasses:r?.row_group_table_head_cell,scope:"col",th:true,children:a},o.field)})})});export{l as HiddenDataTableHead};
1
+ import{jsx as e}from"react/jsx-runtime";import{TableCell as t}from"../../tableCell/tableCell.mjs";import{TableHead as o}from"../../tableHead/tableHead.mjs";import{TableRow as a}from"../../tableRow/tableRow.mjs";const l=({columns:l,cssClasses:r})=>e(o,{hidden:true,additionalClasses:r?.row_group_table_head,children:e(a,{additionalClasses:r?.row_group_table_head_row,children:l?.map(o=>{let a=o.headerHiddenContent;if(!a){const e=o.headerContent;a=e&&"object"==typeof e&&"complex"in e?e.complex?.content:e}return e(t,{th:true,additionalClasses:r?.row_group_table_head_cell,scope:"col",children:a},o.field)})})});export{l as HiddenDataTableHead};
@@ -1 +1 @@
1
- import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Fragment as e,forwardRef as o}from"react";import{TableBody as i}from"../tableBody/tableBody.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{Table as s}from"../table/table.mjs";import{TableCaption as r}from"../tableCaption/tableCaption.mjs";import{TableDivider as d}from"../tableDivider/tableDivider.mjs";import{DataTableHead as n}from"./components/dataTableHead.mjs";import{DataTableRows as c}from"./components/dataTableRows.mjs";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.mjs";import{applyPositionToWrapper as m,applyZIndexToWrapper as p}from"./utils/tableConfig.mjs";const u=o(({activeRows:o,caption:u,columns:f,config:h,cssClasses:v,hasScroll:w,hoverable:C,hoverableRows:g,nonHoverableRows:R,rowGroups:y,rows:_,stickyHead:j,styles:S,...k},H)=>{const D=y&&y.length>0;const x=l(k);return t("div",{ref:H,className:v?.data_table,"data-testid":"data-table",...x,children:[t("div",{"aria-label":w?k["aria-label"]:void 0,"aria-labelledby":w?k["aria-labelledby"]:void 0,className:v?.scrollablecontainer,"data-datatable-scrollable-container":true,role:w?"region":void 0,...w?{tabIndex:0}:{},children:[t(s,{additionalClasses:v?.table,"aria-hidden":D?true:void 0,autoLeftStickyCalc:false,autoRightStickyCalc:false,component:D?"div":void 0,disableShadowEffects:true,hasScrollDisabled:true,sticky:j,...p({tableConfig:h?.table,zIndex:1}),children:[!!u?.content&&a(r,{additionalClasses:v?.table_caption,component:D?"div":void 0,...u,children:u?.content}),a(n,{columns:f,cssClasses:v,sticky:j,tableHeadConfig:h?.tableHead,tableHeadRowConfig:h?.tableHeadRow,usingRowGroups:D}),!D&&_&&_.length>0&&a(i,{additionalClasses:v?.table_body,...h?.tableBody,children:a(c,{activeRows:o,columns:f,cssClasses:v,hoverable:C,hoverableRows:g,nonHoverableRows:R,rows:_,usingRowGroups:D})})]}),y?.map((l,n)=>t(e,{children:[!!l.divider&&a(d,{variant:"DEFAULT",...l.divider,children:l.divider?.content}),t(s,{additionalClasses:v?.row_group_table,autoLeftStickyCalc:false,autoRightStickyCalc:false,disableShadowEffects:true,hasScrollDisabled:true,...m({position:"static",tableConfig:l.config?.table}),children:[!!l.caption?.content&&a(r,{additionalClasses:v?.row_group_table_caption,...l.caption,children:l.caption?.content}),a(b,{columns:f,cssClasses:v}),a(i,{additionalClasses:v?.row_group_table_body,...l.config?.tableBody,children:a(c,{activeRows:o,columns:f,cssClasses:v,hoverable:C,hoverableRows:g,isRowGroup:true,nonHoverableRows:R,rows:l.rows,usingRowGroups:D})})]})]},`${l.caption?.["data-testid"]}-${n.toString()}`))]}),a("div",{className:v?.leftboxshadowcontainer,"data-datatable-left-shadow":true}),a("div",{className:v?.rightboxshadowcontainer,"data-datatable-right-shadow":true})]})});export{u as DataTableStandAlone};
1
+ import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Fragment as e,forwardRef as o}from"react";import{TableBody as i}from"../tableBody/tableBody.mjs";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.mjs";import{Table as s}from"../table/table.mjs";import{TableCaption as r}from"../tableCaption/tableCaption.mjs";import{TableDivider as d}from"../tableDivider/tableDivider.mjs";import{DataTableHead as n}from"./components/dataTableHead.mjs";import{DataTableRows as c}from"./components/dataTableRows.mjs";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.mjs";import{applyPositionToWrapper as m,applyZIndexToWrapper as p}from"./utils/tableConfig.mjs";const u=o(({activeRows:o,caption:u,columns:f,config:h,cssClasses:v,hasScroll:w,hoverable:C,hoverableRows:g,nonHoverableRows:R,rowGroups:y,rows:_,stickyHead:j,styles:S,...k},H)=>{const D=y&&y.length>0;const x=l(k);return t("div",{ref:H,className:v?.data_table,"data-testid":"data-table",...x,children:[t("div",{"data-datatable-scrollable-container":true,"aria-label":w?k["aria-label"]:void 0,"aria-labelledby":w?k["aria-labelledby"]:void 0,className:v?.scrollablecontainer,role:w?"region":void 0,...w?{tabIndex:0}:{},children:[t(s,{disableShadowEffects:true,hasScrollDisabled:true,additionalClasses:v?.table,"aria-hidden":D?true:void 0,autoLeftStickyCalc:false,autoRightStickyCalc:false,component:D?"div":void 0,sticky:j,...p({tableConfig:h?.table,zIndex:1}),children:[!!u?.content&&a(r,{additionalClasses:v?.table_caption,component:D?"div":void 0,...u,children:u?.content}),a(n,{columns:f,cssClasses:v,sticky:j,tableHeadConfig:h?.tableHead,tableHeadRowConfig:h?.tableHeadRow,usingRowGroups:D}),!D&&_&&_.length>0&&a(i,{additionalClasses:v?.table_body,...h?.tableBody,children:a(c,{activeRows:o,columns:f,cssClasses:v,hoverable:C,hoverableRows:g,nonHoverableRows:R,rows:_,usingRowGroups:D})})]}),y?.map((l,n)=>t(e,{children:[!!l.divider&&a(d,{variant:"DEFAULT",...l.divider,children:l.divider?.content}),t(s,{disableShadowEffects:true,hasScrollDisabled:true,additionalClasses:v?.row_group_table,autoLeftStickyCalc:false,autoRightStickyCalc:false,...m({position:"static",tableConfig:l.config?.table}),children:[!!l.caption?.content&&a(r,{additionalClasses:v?.row_group_table_caption,...l.caption,children:l.caption?.content}),a(b,{columns:f,cssClasses:v}),a(i,{additionalClasses:v?.row_group_table_body,...l.config?.tableBody,children:a(c,{isRowGroup:true,activeRows:o,columns:f,cssClasses:v,hoverable:C,hoverableRows:g,nonHoverableRows:R,rows:l.rows,usingRowGroups:D})})]})]},`${l.caption?.["data-testid"]}-${n.toString()}`))]}),a("div",{"data-datatable-left-shadow":true,className:v?.leftboxshadowcontainer}),a("div",{"data-datatable-right-shadow":true,className:v?.rightboxshadowcontainer})]})});export{u as DataTableStandAlone};
@@ -1 +1 @@
1
- import{DataTable as a}from"./dataTable.mjs";export{a as DataTable};
1
+ export{DataTable}from"./dataTable.mjs";
@@ -1 +1 @@
1
- import{Dot as o}from"./dot.mjs";export{o as Dot};
1
+ export{Dot}from"./dot.mjs";
@@ -1 +1 @@
1
- import{IconBasic as o}from"./icon.mjs";import{Icon as m}from"./iconHost.mjs";export{m as Icon,o as IconBasic};
1
+ export{IconBasic}from"./icon.mjs";export{Icon}from"./iconHost.mjs";
@@ -1 +1 @@
1
- import{Image as m}from"./image.mjs";export{m as Image};
1
+ export{Image}from"./image.mjs";
@@ -1 +1 @@
1
- import{Input as p}from"./input.mjs";export{p as Input};
1
+ export{Input}from"./input.mjs";
@@ -1 +1 @@
1
- import{InputBase as p}from"./inputBase.mjs";export{p as InputBase};
1
+ export{InputBase}from"./inputBase.mjs";
@@ -1 +1 @@
1
- import{InputDecoration as o}from"./inputDecoration.mjs";export{o as InputDecoration};
1
+ export{InputDecoration}from"./inputDecoration.mjs";
@@ -1 +1 @@
1
- import{useDraw as r}from"./useDraw.mjs";export{r as useDraw};
1
+ export{useDraw}from"./useDraw.mjs";
@@ -1 +1 @@
1
- import{InputSignatureControlled as t}from"./inputSignatureControlled.mjs";import{InputSignature as n}from"./inputSignatureUncontrolled.mjs";export{n as InputSignature,t as InputSignatureControlled};
1
+ export{InputSignatureControlled}from"./inputSignatureControlled.mjs";export{InputSignature}from"./inputSignatureUncontrolled.mjs";
@@ -1 +1 @@
1
- import{getInputSignatureState as t}from"./getInputSignatureState.mjs";export{t as getInputSignatureState};
1
+ export{getInputSignatureState}from"./getInputSignatureState.mjs";
@@ -1 +1 @@
1
- import{Label as e}from"./labelStandAlone.mjs";export{e as Label};
1
+ export{Label}from"./labelStandAlone.mjs";
@@ -1 +1 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useId as o}from"react";import{Text as r}from"../text/text.mjs";const l=a(({asteriskColor:a,asteriskCssClasses:l,asteriskWeight:n,children:s,color:i,cursor:d,customAttributes:c,id:m,inputId:p,required:b,requiredSymbol:u,textCssClasses:h,weight:x,...f},g)=>{const A=o();const L=`label-${A.replace(/:/g,"")}`;const j=m??L;const w=f["data-testid"]||"label";return e(r,{ref:g,additionalClasses:{text:h},color:i,component:"label",cursor:d,customAttributes:c,"data-testid":w,htmlFor:p,id:j,weight:x,children:[s,b&&t(r,{additionalClasses:{text:l},"aria-hidden":true,color:a,component:"span","data-testid":`${w}Required`,weight:n,children:u})]})});export{l as Label,l as LabelStandAlone};
1
+ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useId as o}from"react";import{Text as r}from"../text/text.mjs";const l=a(({asteriskColor:a,asteriskCssClasses:l,asteriskWeight:n,children:s,color:i,cursor:d,customAttributes:c,id:m,inputId:p,required:b,requiredSymbol:u,textCssClasses:h,weight:x,...f},g)=>{const A=o();const L=`label-${A.replace(/:/g,"")}`;const j=m??L;const w=f["data-testid"]||"label";return e(r,{ref:g,additionalClasses:{text:h},color:i,component:"label",cursor:d,customAttributes:c,"data-testid":w,htmlFor:p,id:j,weight:x,children:[s,b&&t(r,{"aria-hidden":true,additionalClasses:{text:l},color:a,component:"span","data-testid":`${w}Required`,weight:n,children:u})]})});export{l as Label,l as LabelStandAlone};
@@ -1 +1 @@
1
- import{Link as t}from"./link.mjs";import{LinkAsButton as n}from"./linkAsButton/linkAsButton.mjs";export{t as Link,n as LinkAsButton};
1
+ export{Link}from"./link.mjs";export{LinkAsButton}from"./linkAsButton/linkAsButton.mjs";
@@ -1 +1 @@
1
- import{ListOptions as t}from"./listOptions.mjs";export{t as ListOptions};
1
+ export{ListOptions}from"./listOptions.mjs";
@@ -1 +1 @@
1
- import{ModalHeader as e}from"./modalHeader.mjs";export{e as ModalHeader};
1
+ export{ModalHeader}from"./modalHeader.mjs";
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Text as n}from"../../text/text.mjs";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{useActiveBreakpoints as o}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{processIconProp as a,processTextProp as r}from"../../../lib/utils/process/processCommonProp.mjs";import{Button as s}from"../../button/button.mjs";const c=({blocked:c,closeButton:l,closeIcon:m,cssClasses:d,dragIcon:h,title:p,titleIdFinal:v})=>{const{isMobileOrTablet:b}=o();return t("div",{className:d?.headercontainer,"data-modal-header":true,children:[b&&!c&&!!h&&e("div",{className:d?.dragiconcontainer,"data-modal-draggable-icon":true,children:e(i,{className:d?.dragicon,...a(h)})}),t("div",{className:d?.headercontentcontainer,children:[!c&&!!m&&e("div",{className:d?.closebuttoncontainer,children:e(i,{className:d?.closebuttonicon,...a(m)})}),!c&&!!l?.content&&!!l?.variant&&e(s,{...l,variant:l?.variant,children:l?.content}),(p?.visible===void 0||p.visible)&&e("div",{className:d?.titlecontainer,children:e(n,{additionalClasses:{text:d?.title},component:"h1",id:v,...r(p)})}),p?.visible===false&&e("span",{className:d?.titlehiddencontainer,id:v,children:r(p).children}),!c&&!!m&&e("div",{className:d?.closebuttoncontainer,children:e("span",{className:d?.closebuttonicon})})]})]})};export{c as ModalHeader};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Text as n}from"../../text/text.mjs";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.mjs";import{useActiveBreakpoints as o}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.mjs";import{processIconProp as a,processTextProp as r}from"../../../lib/utils/process/processCommonProp.mjs";import{Button as s}from"../../button/button.mjs";const c=({blocked:c,closeButton:l,closeIcon:m,cssClasses:d,dragIcon:h,title:p,titleIdFinal:v})=>{const{isMobileOrTablet:b}=o();return t("div",{"data-modal-header":true,className:d?.headercontainer,children:[b&&!c&&!!h&&e("div",{"data-modal-draggable-icon":true,className:d?.dragiconcontainer,children:e(i,{className:d?.dragicon,...a(h)})}),t("div",{className:d?.headercontentcontainer,children:[!c&&!!m&&e("div",{className:d?.closebuttoncontainer,children:e(i,{className:d?.closebuttonicon,...a(m)})}),!c&&!!l?.content&&!!l?.variant&&e(s,{...l,variant:l?.variant,children:l?.content}),(p?.visible===void 0||p.visible)&&e("div",{className:d?.titlecontainer,children:e(n,{additionalClasses:{text:d?.title},component:"h1",id:v,...r(p)})}),p?.visible===false&&e("span",{className:d?.titlehiddencontainer,id:v,children:r(p).children}),!c&&!!m&&e("div",{className:d?.closebuttoncontainer,children:e("span",{className:d?.closebuttonicon})})]})]})};export{c as ModalHeader};
@@ -1 +1 @@
1
- import{ModalControlled as o}from"./modalControlled.mjs";import{Modal as l}from"./modalUnControlled.mjs";export{l as Modal,o as ModalControlled};
1
+ export{ModalControlled}from"./modalControlled.mjs";export{Modal}from"./modalUnControlled.mjs";
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as a,useId as l}from"react";import{Overlay as t}from"../../lib/components/overlay/overlay.mjs";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.mjs";import{Popover as s}from"../popover/popover.mjs";import{ModalHeader as r}from"./fragments/modalHeader.mjs";import{onlyDesktopSize as d}from"./utils/onlyDesktopSize.mjs";const m=a(({blocked:a,closeButton:m,closeIcon:n,content:c,contentContainer:p,contentHasScroll:b,contentScrollArias:f,cssClasses:v,customHeightAllDevices:y=false,customWidthAllDevices:g=false,device:h,dragIcon:u,footer:j,id:x,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:k,minWidth:N,onKeyDown:$,onPopoverCloseInternally:F,open:S,popover:W,title:z,...A},B)=>{const D=l();const E=`modal-${D.replace(/:/g,"")}`;const M=x??E;const O=l();const P=`modal-title-${O.replace(/:/g,"")}`;const T=i(z).id??P;const q=A["data-testid"]||"modal";return e(s,{"aria-labelledby":T,"aria-modal":S,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:false,id:M,open:S,overlay:e(t,{}),role:"dialog",strategy:"fixed",onClose:F,...W,children:o("div",{ref:B,className:v?.modal,"data-testid":q,style:{maxHeight:C,maxWidth:H,minHeight:y?k:d(h,k),minWidth:g?N:d(h,N)},children:[e(r,{blocked:a,closeButton:m,closeIcon:n,cssClasses:v,device:h,dragIcon:u,title:z,titleIdFinal:T}),e("div",{"aria-label":b?f?.["aria-label"]:void 0,"aria-labelledby":b?f?.["aria-labelledby"]:void 0,className:v?.content,"data-modal-content":true,"data-testid":`${q}-content`,role:b?"region":void 0,style:{minHeight:I},...b?{tabIndex:0}:{},...p,children:c}),!!j&&e("div",{className:v?.footer,children:j})]})})});export{m as ModalStandAlone};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as a,useId as l}from"react";import{Overlay as t}from"../../lib/components/overlay/overlay.mjs";import{processTextProp as i}from"../../lib/utils/process/processCommonProp.mjs";import{Popover as s}from"../popover/popover.mjs";import{ModalHeader as r}from"./fragments/modalHeader.mjs";import{onlyDesktopSize as d}from"./utils/onlyDesktopSize.mjs";const m=a(({blocked:a,closeButton:m,closeIcon:n,content:c,contentContainer:p,contentHasScroll:b,contentScrollArias:f,cssClasses:v,customHeightAllDevices:y=false,customWidthAllDevices:g=false,device:h,dragIcon:u,footer:j,id:x,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:k,minWidth:N,onKeyDown:$,onPopoverCloseInternally:F,open:S,popover:W,title:z,...A},B)=>{const D=l();const E=`modal-${D.replace(/:/g,"")}`;const M=x??E;const O=l();const P=`modal-title-${O.replace(/:/g,"")}`;const T=i(z).id??P;const q=A["data-testid"]||"modal";return e(s,{"aria-labelledby":T,"aria-modal":S,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:false,id:M,open:S,overlay:e(t,{}),role:"dialog",strategy:"fixed",onClose:F,...W,children:o("div",{ref:B,className:v?.modal,"data-testid":q,style:{maxHeight:C,maxWidth:H,minHeight:y?k:d(h,k),minWidth:g?N:d(h,N)},children:[e(r,{blocked:a,closeButton:m,closeIcon:n,cssClasses:v,device:h,dragIcon:u,title:z,titleIdFinal:T}),e("div",{"data-modal-content":true,"aria-label":b?f?.["aria-label"]:void 0,"aria-labelledby":b?f?.["aria-labelledby"]:void 0,className:v?.content,"data-testid":`${q}-content`,role:b?"region":void 0,style:{minHeight:I},...b?{tabIndex:0}:{},...p,children:c}),!!j&&e("div",{className:v?.footer,children:j})]})})});export{m as ModalStandAlone};
@@ -1 +1 @@
1
- import{onlyDesktopSize as o}from"./onlyDesktopSize.mjs";export{o as onlyDesktopSize};
1
+ export{onlyDesktopSize}from"./onlyDesktopSize.mjs";
@@ -1 +1 @@
1
- import{Option as o}from"./option.mjs";export{o as Option};
1
+ export{Option}from"./option.mjs";
@@ -1 +1 @@
1
- import{PageControl as o}from"./pageControl.mjs";export{o as PageControl};
1
+ export{PageControl}from"./pageControl.mjs";
@@ -1 +1 @@
1
- import{Pagination as i}from"./pagination.mjs";export{i as Pagination};
1
+ export{Pagination}from"./pagination.mjs";
@@ -1 +1 @@
1
- import{Popover as o}from"./popover.mjs";export*from"./animations/spring.animations.mjs";export*from"./positioning/middlewares.mjs";export{o as Popover};
1
+ export*from"./animations/spring.animations.mjs";export*from"./positioning/middlewares.mjs";export{Popover}from"./popover.mjs";
@@ -1,2 +1,2 @@
1
- /*! For license information please see popover.mjs.LICENSE.txt */
1
+ /*! LICENSE: popover.mjs.LICENSE.txt */
2
2
  import{jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.mjs";import{useTrapFocus as r}from"../../lib/hooks/useTrapFocus/useTrapFocus.mjs";import{usePopoverInteractions as a}from"./hooks/usePopoverInteractions.mjs";import{usePopoverLifecycle as t}from"./hooks/usePopoverLifecycle.mjs";import{usePopoverPositioning as m}from"./hooks/usePopoverPositioning.mjs";import{PopoverStandAlone as i}from"./popoverStandAlone.mjs";const l=({additionalClasses:s,anchorElement:l,animationExitDuration:n=200,disableAnimations:p=false,disableAutoFocusFirstDescendant:f=false,disableAutoFocusFirstDescendantAfterClose:c=true,disableClickOverlayClose:u=false,disableEscapeClose:d=false,disableRestoreFocusAfterClose:j=false,disableScrollBackground:P=false,disableTrapFocus:b=false,middlewareOptions:h,middlewares:v,onClose:C,open:k=false,popoverContainerRef:y,preventCloseOnClickElements:g=[],preventScrollOnCloseFocus:w=false,strategy:A="absolute",...F},N)=>{const O=p||!!l;const S=e({additionalClassNames:s,component:"POPOVER"});const{handleInnerRef:x,isClosing:E,isVisible:R,popoverRef:T}=t({animationExitDuration:n,disableAnimations:O,disableAutoFocusFirstDescendant:f,disableAutoFocusFirstDescendantAfterClose:c,disableRestoreFocusAfterClose:j,disableScrollBackground:P,open:k,popoverContainerRef:y,preventScrollOnCloseFocus:w});r({ref:T,trapFocus:!b&&R});a({disableClickOverlayClose:u,disableEscapeClose:d,isVisible:R,onClose:C,popoverRef:T,preventCloseOnClickElements:g});m({anchorElement:l,arrowStyles:F.arrowStyles,isVisible:R,middlewareOptions:h,middlewares:v,placement:F.placement,ref:T,strategy:A});return o(i,{ref:N,...F,anchorElement:!!l,cssClasses:S,disableAnimations:O,isClosing:E,isVisible:R,middlewareOptions:h,popoverContainerRef:x,strategy:A})};const n=s(l);export{n as Popover};
@@ -1 +1 @@
1
- import{arrow as o,autoPlacement as e,flip as p,hide as r,offset as a,shift as i,size as s}from"@floating-ui/dom";export{o as popoverMWArrow,e as popoverMWAutoPlacement,p as popoverMWFlip,r as popoverMWHide,a as popoverMWOffset,i as popoverMWShift,s as popoverMWSize};
1
+ export{arrow as popoverMWArrow,autoPlacement as popoverMWAutoPlacement,flip as popoverMWFlip,hide as popoverMWHide,offset as popoverMWOffset,shift as popoverMWShift,size as popoverMWSize}from"@floating-ui/dom";
@@ -1,4 +1,4 @@
1
- import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animationsDemo.css";import{useEffect as n,useState as a}from"react";import{Button as o}from"../../../button/button.mjs";import{Overlay as s}from"../../../../lib/components/overlay/overlay.mjs";import{createSpringAnimation as r}from"../../animations/spring.animations.mjs";import{Popover as m}from"../../popover.mjs";const d={background:"white",borderRadius:"4px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1)",padding:"1rem"};const l={extra:{...d,maxWidth:"350px",minWidth:"250px"},modal:{...d,borderRadius:"8px",maxWidth:"500px",minWidth:"300px",padding:"2rem"},standard:{...d,minWidth:"200px"},wide:{...d,maxWidth:"350px",minWidth:"200px"}};const c=[{content:{description:"Slides from bottom to top (down → up animation). Automatically positioned above the trigger.",title:"\uD83C\uDFAF Top Animation"},id:"default-top",placement:"top",styleType:"standard"},{content:{description:"Same animation as 'top' but aligned to the left edge. Animation maintains vertical slide behavior.",title:"\uD83C\uDFAF Top Start Animation"},id:"default-top-start",placement:"top-start",styleType:"standard"},{content:{description:"Same animation as 'top' but aligned to the right edge. Animation maintains vertical slide behavior.",title:"\uD83C\uDFAF Top End Animation"},id:"default-top-end",placement:"top-end",styleType:"standard"},{content:{description:"Slides from top to bottom (up → down animation). Automatically positioned below the trigger.",title:"\uD83C\uDFAF Bottom Animation"},id:"default-bottom",placement:"bottom",styleType:"standard"},{content:{description:"Same animation as 'bottom' but aligned to the left edge. Animation maintains vertical slide behavior.",title:"\uD83C\uDFAF Bottom Start Animation"},id:"default-bottom-start",placement:"bottom-start",styleType:"standard"},{content:{description:"Same animation as 'bottom' but aligned to the right edge. Animation maintains vertical slide behavior.",title:"\uD83C\uDFAF Bottom End Animation"},id:"default-bottom-end",placement:"bottom-end",styleType:"standard"},{content:{description:"Slides from right to left (right → left animation). Positioned to the left of the trigger.",title:"\uD83C\uDFAF Left Animation"},id:"default-left",placement:"left",styleType:"wide"},{content:{description:"Same animation as 'left' but aligned to the top edge. Animation maintains horizontal slide behavior.",title:"\uD83C\uDFAF Left Start Animation"},id:"default-left-start",placement:"left-start",styleType:"wide"},{content:{description:"Same animation as 'left' but aligned to the bottom edge. Animation maintains horizontal slide behavior.",title:"\uD83C\uDFAF Left End Animation"},id:"default-left-end",placement:"left-end",styleType:"wide"},{content:{description:"Slides from left to right (left → right animation). Positioned to the right of the trigger.",title:"\uD83C\uDFAF Right Animation"},id:"default-right",placement:"right",styleType:"wide"},{content:{description:"Same animation as 'right' but aligned to the top edge. Animation maintains horizontal slide behavior.",title:"\uD83C\uDFAF Right Start Animation"},id:"default-right-start",placement:"right-start",styleType:"wide"},{content:{description:"Same animation as 'right' but aligned to the bottom edge. Animation maintains horizontal slide behavior.",title:"\uD83C\uDFAF Right End Animation"},id:"default-right-end",placement:"right-end",styleType:"wide"},{content:{description:"Fade animation for centered modal behavior. Perfect for dialogs and important content.",title:"\uD83C\uDFAF Center Animation (Modal Style)"},id:"default-center",placement:void 0,styleType:"modal"}];const p=[{additionalClasses:{container:"spring-bouncy-animation"},content:{description:"Low damping creates multiple oscillations for a playful, bouncy effect. Perfect for fun interactions and attention-grabbing animations.",params:"stiffness: 150, damping: 8",title:"\uD83C\uDFBE Bouncy Spring Physics"},id:"spring-bouncy"},{additionalClasses:{container:"spring-smooth-animation"},content:{description:"Balanced damping provides natural movement with minimal overshoot. Ideal for professional interfaces and subtle interactions.",params:"stiffness: 300, damping: 25",title:"\uD83C\uDF0A Smooth Spring Physics"},id:"spring-smooth",middlewareOptions:void 0,styleType:"extra"},{additionalClasses:{container:"spring-quick-animation"},content:{description:"High stiffness with lower mass creates snappy, responsive animations. Perfect for buttons and quick feedback interactions.",params:"stiffness: 500, mass: 0.8",title:"⚡ Quick Spring Physics"},id:"spring-quick",middlewareOptions:void 0,styleType:"extra"},{additionalClasses:{container:"spring-overdamped-animation"},content:{description:"High damping prevents oscillation, creating smooth, gradual movement. Great for elegant, calm interfaces and accessibility-friendly animations.",params:"damping: 40, mass: 1.2",title:"\uD83D\uDC0C Overdamped Spring Physics"},id:"spring-overdamped",middlewareOptions:void 0,styleType:"extra"}];const g=({content:n})=>i(t,{children:[e("strong",{children:n.title}),e("p",{children:n.description}),n.params&&e("div",{style:{color:"#666",fontSize:"0.9em",marginTop:"0.5rem"},children:e("code",{children:n.params})})]});const h=({id:t,label:i,onClick:n})=>e(o,{size:"MEDIUM",variant:"PRIMARY",onClick:e=>n(e,t),children:i});const f=()=>{const[t,o]=a(null);const d=(t,e)=>{o(e)};const f=()=>{o(null)};n(()=>{const t=[{className:"spring-bouncy-animation",config:{damping:8,duration:"1200ms",initialDisplacement:35,keyframeCount:24,mass:1,stiffness:150}},{className:"spring-smooth-animation",config:{damping:25,duration:"800ms",initialDisplacement:30,keyframeCount:20,mass:1,stiffness:300}},{className:"spring-quick-animation",config:{damping:20,duration:"600ms",initialDisplacement:25,keyframeCount:16,mass:.8,stiffness:500}},{className:"spring-overdamped-animation",config:{damping:40,duration:"1000ms",initialDisplacement:40,keyframeCount:20,mass:1.2,stiffness:200}}];t.forEach(({className:t,config:e})=>{const i=r("down",{...e,placement:"bottom"});const n=document.getElementById(`spring-style-${t}`);if(n)n.remove();const a=`${t}-keyframes`;const o=`
1
+ import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animationsDemo.css";import{useEffect as n,useState as a}from"react";import{Button as o}from"../../../button/button.mjs";import{Overlay as s}from"../../../../lib/components/overlay/overlay.mjs";import{createSpringAnimation as r}from"../../animations/spring.animations.mjs";import{Popover as m}from"../../popover.mjs";const d={background:"white",borderRadius:"4px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1)",padding:"1rem"};const l={extra:{...d,maxWidth:"350px",minWidth:"250px"},modal:{...d,borderRadius:"8px",maxWidth:"500px",minWidth:"300px",padding:"2rem"},standard:{...d,minWidth:"200px"},wide:{...d,maxWidth:"350px",minWidth:"200px"}};const c=[{content:{description:"Slides from bottom to top (down → up animation). Automatically positioned above the trigger.",title:"🎯 Top Animation"},id:"default-top",placement:"top",styleType:"standard"},{content:{description:"Same animation as 'top' but aligned to the left edge. Animation maintains vertical slide behavior.",title:"🎯 Top Start Animation"},id:"default-top-start",placement:"top-start",styleType:"standard"},{content:{description:"Same animation as 'top' but aligned to the right edge. Animation maintains vertical slide behavior.",title:"🎯 Top End Animation"},id:"default-top-end",placement:"top-end",styleType:"standard"},{content:{description:"Slides from top to bottom (up → down animation). Automatically positioned below the trigger.",title:"🎯 Bottom Animation"},id:"default-bottom",placement:"bottom",styleType:"standard"},{content:{description:"Same animation as 'bottom' but aligned to the left edge. Animation maintains vertical slide behavior.",title:"🎯 Bottom Start Animation"},id:"default-bottom-start",placement:"bottom-start",styleType:"standard"},{content:{description:"Same animation as 'bottom' but aligned to the right edge. Animation maintains vertical slide behavior.",title:"🎯 Bottom End Animation"},id:"default-bottom-end",placement:"bottom-end",styleType:"standard"},{content:{description:"Slides from right to left (right → left animation). Positioned to the left of the trigger.",title:"🎯 Left Animation"},id:"default-left",placement:"left",styleType:"wide"},{content:{description:"Same animation as 'left' but aligned to the top edge. Animation maintains horizontal slide behavior.",title:"🎯 Left Start Animation"},id:"default-left-start",placement:"left-start",styleType:"wide"},{content:{description:"Same animation as 'left' but aligned to the bottom edge. Animation maintains horizontal slide behavior.",title:"🎯 Left End Animation"},id:"default-left-end",placement:"left-end",styleType:"wide"},{content:{description:"Slides from left to right (left → right animation). Positioned to the right of the trigger.",title:"🎯 Right Animation"},id:"default-right",placement:"right",styleType:"wide"},{content:{description:"Same animation as 'right' but aligned to the top edge. Animation maintains horizontal slide behavior.",title:"🎯 Right Start Animation"},id:"default-right-start",placement:"right-start",styleType:"wide"},{content:{description:"Same animation as 'right' but aligned to the bottom edge. Animation maintains horizontal slide behavior.",title:"🎯 Right End Animation"},id:"default-right-end",placement:"right-end",styleType:"wide"},{content:{description:"Fade animation for centered modal behavior. Perfect for dialogs and important content.",title:"🎯 Center Animation (Modal Style)"},id:"default-center",placement:void 0,styleType:"modal"}];const p=[{additionalClasses:{container:"spring-bouncy-animation"},content:{description:"Low damping creates multiple oscillations for a playful, bouncy effect. Perfect for fun interactions and attention-grabbing animations.",params:"stiffness: 150, damping: 8",title:"🎾 Bouncy Spring Physics"},id:"spring-bouncy"},{additionalClasses:{container:"spring-smooth-animation"},content:{description:"Balanced damping provides natural movement with minimal overshoot. Ideal for professional interfaces and subtle interactions.",params:"stiffness: 300, damping: 25",title:"🌊 Smooth Spring Physics"},id:"spring-smooth",middlewareOptions:void 0,styleType:"extra"},{additionalClasses:{container:"spring-quick-animation"},content:{description:"High stiffness with lower mass creates snappy, responsive animations. Perfect for buttons and quick feedback interactions.",params:"stiffness: 500, mass: 0.8",title:"⚡ Quick Spring Physics"},id:"spring-quick",middlewareOptions:void 0,styleType:"extra"},{additionalClasses:{container:"spring-overdamped-animation"},content:{description:"High damping prevents oscillation, creating smooth, gradual movement. Great for elegant, calm interfaces and accessibility-friendly animations.",params:"damping: 40, mass: 1.2",title:"🐌 Overdamped Spring Physics"},id:"spring-overdamped",middlewareOptions:void 0,styleType:"extra"}];const g=({content:n})=>i(t,{children:[e("strong",{children:n.title}),e("p",{children:n.description}),n.params&&e("div",{style:{color:"#666",fontSize:"0.9em",marginTop:"0.5rem"},children:e("code",{children:n.params})})]});const h=({id:t,label:i,onClick:n})=>e(o,{size:"MEDIUM",variant:"PRIMARY",onClick:e=>n(e,t),children:i});const f=()=>{const[t,o]=a(null);const d=(t,e)=>{o(e)};const f=()=>{o(null)};n(()=>{const t=[{className:"spring-bouncy-animation",config:{damping:8,duration:"1200ms",initialDisplacement:35,keyframeCount:24,mass:1,stiffness:150}},{className:"spring-smooth-animation",config:{damping:25,duration:"800ms",initialDisplacement:30,keyframeCount:20,mass:1,stiffness:300}},{className:"spring-quick-animation",config:{damping:20,duration:"600ms",initialDisplacement:25,keyframeCount:16,mass:.8,stiffness:500}},{className:"spring-overdamped-animation",config:{damping:40,duration:"1000ms",initialDisplacement:40,keyframeCount:20,mass:1.2,stiffness:200}}];t.forEach(({className:t,config:e})=>{const i=r("down",{...e,placement:"bottom"});const n=document.getElementById(`spring-style-${t}`);if(n)n.remove();const a=`${t}-keyframes`;const o=`
2
2
  @keyframes ${a} {
3
3
  ${i.keyframesCSS}
4
4
  }
@@ -10,7 +10,7 @@ import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animati
10
10
  .${t}[data-kbt-closing="true"] {
11
11
  animation: ${a} ${i.duration} ease-in reverse !important;
12
12
  }
13
- `;const s=document.createElement("style");s.id=`spring-style-${t}`;s.textContent=o;document.head.appendChild(s)});return()=>{t.forEach(({className:t})=>{const e=document.getElementById(`spring-style-${t}`);if(e)e.remove()})}},[]);return i("div",{className:"demo-container",children:[i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"\uD83C\uDFAF Built-in CSS Animations"}),e("p",{className:"demo-section-description",children:"Popover uses pure CSS animations that automatically adapt to placement. The animations are optimized for performance and work consistently across all placements."}),e("pre",{className:"demo-code-block",children:`// No animation configuration needed - Popover handles everything
13
+ `;const s=document.createElement("style");s.id=`spring-style-${t}`;s.textContent=o;document.head.appendChild(s)});return()=>{t.forEach(({className:t})=>{const e=document.getElementById(`spring-style-${t}`);if(e)e.remove()})}},[]);return i("div",{className:"demo-container",children:[i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"🎯 Built-in CSS Animations"}),e("p",{className:"demo-section-description",children:"Popover uses pure CSS animations that automatically adapt to placement. The animations are optimized for performance and work consistently across all placements."}),e("pre",{className:"demo-code-block",children:`// No animation configuration needed - Popover handles everything
14
14
  <Popover
15
15
  placement="bottom" // Animation direction determined automatically
16
16
  open={isOpen}
@@ -18,7 +18,7 @@ import{Fragment as t,jsx as e,jsxs as i}from"react/jsx-runtime";import"./animati
18
18
  >
19
19
  Content here
20
20
  </Popover>
21
- `}),e("div",{className:"demo-button-grid",children:c.map(t=>{const i=t.content.title.replace("\uD83C\uDFAF ","").replace(" Animation","");return e(h,{id:t.id,label:i,onClick:d},t.id)})})]}),i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"\uD83C\uDF00 Spring Physics Custom Animations"}),e("p",{className:"demo-section-description",children:"Advanced physics-based animations using spring-damper calculations. These produce natural, realistic movements with customizable physics parameters. Applied using additionalClasses to inject custom CSS animations."}),e("pre",{className:"demo-code-block",children:`// Spring physics animations with realistic movement
21
+ `}),e("div",{className:"demo-button-grid",children:c.map(t=>{const i=t.content.title.replace("🎯 ","").replace(" Animation","");return e(h,{id:t.id,label:i,onClick:d},t.id)})})]}),i("div",{className:"demo-section",children:[e("h3",{className:"demo-section-title",children:"🌀 Spring Physics Custom Animations"}),e("p",{className:"demo-section-description",children:"Advanced physics-based animations using spring-damper calculations. These produce natural, realistic movements with customizable physics parameters. Applied using additionalClasses to inject custom CSS animations."}),e("pre",{className:"demo-code-block",children:`// Spring physics animations with realistic movement
22
22
  import { createSpringAnimation } from '@/components/popover/animations/spring.animations';
23
23
 
24
24
  // Create spring animation