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

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @kubit-ui-web/react-components
 
+## 2.0.0-beta.74
+
+### Major Changes
+
+- Use heredoc delimiter for multi-line commit messages in GITHUB_OUTPUT
+
+  Multi-line commit messages (with body/bullet points) broke the
+  release workflows because 'echo message=' passes
+  each line as a separate file command. Lines starting with '- '
+  trigger 'Invalid format' errors in GitHub Actions.
+
+  Fix: use heredoc syntax (message<<EOF / EOF) which safely handles
+  multi-line values in /home/runner/work/\_temp/\_runner_file_commands/set_output_8d453e61-483b-4570-8b34-aa1b86bc6a42.
+
+## 2.0.0-beta.73
+
+### Major Changes
+
+- Include oxlint and oxfmt
+
 ## 2.0.0-beta.72
 
 ### Major Changes

package/dist/cjs/components/accordion/accordionStandAlone.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var c in t)if(__webpack_require__.o(t,c)&&!__webpack_require__.o(e,c))Object.defineProperty(e,c,{enumerable:true,get:t[c]})}})();(()=>{__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__,{AccordionStandAlone:()=>AccordionStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const state_js_namespaceObject=require("./types/state.js");const AccordionStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="div",cssClasses:c,dataTestId:n="accordion",expanded:a,header:_,headerComponent:r="h3",onHeaderClick:o},s)=>{const i=(0,external_react_namespaceObject.useId)();const p=`accordion-${i.replace(/:/g,"")}`;const u=`${p}-content`;const m={"data-state":a?state_js_namespaceObject.STATE.EXPANDED:state_js_namespaceObject.STATE.COLLAPSED};const d=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(m);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:s,className:c?.accordion,component:t,"data-testid":n,...d,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{children:[(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:c?.header,component:r,...d,children:(0,jsx_runtime_namespaceObject.jsx)("button",{"aria-controls":u,"aria-expanded":a,className:c?.headerbutton,"data-testid":`${n}-header`,type:"button",onClick:o,...d,children:_})}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.content,"data-kbt-accordion-content":true,"data-testid":`${n}-content`,id:u,...d,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.innercontent,"data-kbt-accordion-content-inner":true,...d,children:e})})]})})});exports.AccordionStandAlone=__webpack_exports__.AccordionStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["AccordionStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var c in t)if(__webpack_require__.o(t,c)&&!__webpack_require__.o(e,c))Object.defineProperty(e,c,{enumerable:true,get:t[c]})}})();(()=>{__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__,{AccordionStandAlone:()=>AccordionStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const state_js_namespaceObject=require("./types/state.js");const AccordionStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="div",cssClasses:c,dataTestId:n="accordion",expanded:a,header:_,headerComponent:r="h3",onHeaderClick:o},s)=>{const i=(0,external_react_namespaceObject.useId)();const p=`accordion-${i.replace(/:/g,"")}`;const u=`${p}-content`;const m={"data-state":a?state_js_namespaceObject.STATE.EXPANDED:state_js_namespaceObject.STATE.COLLAPSED};const d=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(m);return(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{ref:s,className:c?.accordion,component:t,"data-testid":n,...d,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{children:[(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:c?.header,component:r,...d,children:(0,jsx_runtime_namespaceObject.jsx)("button",{"aria-controls":u,"aria-expanded":a,className:c?.headerbutton,"data-testid":`${n}-header`,type:"button",onClick:o,...d,children:_})}),(0,jsx_runtime_namespaceObject.jsx)("div",{"data-kbt-accordion-content":true,className:c?.content,"data-testid":`${n}-content`,id:u,...d,children:(0,jsx_runtime_namespaceObject.jsx)("div",{"data-kbt-accordion-content-inner":true,className:c?.innercontent,...d,children:e})})]})})});exports.AccordionStandAlone=__webpack_exports__.AccordionStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["AccordionStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/avatar/fragments/drawContent.js

@@ -1 +1 @@
-"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__,{DrawContent:()=>DrawContent});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const dot_js_namespaceObject=require("../../dot/dot.js");const text_js_namespaceObject=require("../../text/text.js");const elementOrIcon_js_namespaceObject=require("../../../lib/components/elementOrIcon/elementOrIcon.js");const processCommonProp_js_namespaceObject=require("../../../lib/utils/process/processCommonProp.js");const DrawContent=({contentType:e,cssClasses:_,customAttributes:t,dot:r,icon:s,initials:c,maxLengthInitials:o})=>(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[!!r?.number&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:_?.dot,children:(0,jsx_runtime_namespaceObject.jsx)(dot_js_namespaceObject.Dot,{...r})}),"with-icon"===e&&(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:_?.icon,customAttributes:t,...(0,processCommonProp_js_namespaceObject.processIconProp)(s)}),"with-initials"===e&&(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{},"aria-hidden":true,component:"span",customAttributes:t,...(0,processCommonProp_js_namespaceObject.processTextProp)(c,o)})]});exports.DrawContent=__webpack_exports__.DrawContent;for(var __rspack_i in __webpack_exports__)if(-1===["DrawContent"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"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__,{DrawContent:()=>DrawContent});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const dot_js_namespaceObject=require("../../dot/dot.js");const text_js_namespaceObject=require("../../text/text.js");const elementOrIcon_js_namespaceObject=require("../../../lib/components/elementOrIcon/elementOrIcon.js");const processCommonProp_js_namespaceObject=require("../../../lib/utils/process/processCommonProp.js");const DrawContent=({contentType:e,cssClasses:_,customAttributes:t,dot:r,icon:s,initials:c,maxLengthInitials:o})=>(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[!!r?.number&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:_?.dot,children:(0,jsx_runtime_namespaceObject.jsx)(dot_js_namespaceObject.Dot,{...r})}),"with-icon"===e&&(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:_?.icon,customAttributes:t,...(0,processCommonProp_js_namespaceObject.processIconProp)(s)}),"with-initials"===e&&(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{"aria-hidden":true,additionalClasses:{},component:"span",customAttributes:t,...(0,processCommonProp_js_namespaceObject.processTextProp)(c,o)})]});exports.DrawContent=__webpack_exports__.DrawContent;for(var __rspack_i in __webpack_exports__)if(-1===["DrawContent"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/calendar/calendarStandAlone.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var a in t)if(__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:t[a]})}})();(()=>{__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__,{CalendarStandAlone:()=>CalendarStandAlone});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 header_js_namespaceObject=require("./header/header.js");const list_js_namespaceObject=require("./list/list.js");const monthSelector_js_namespaceObject=require("./selector/monthSelector/monthSelector.js");const selector_js_namespaceObject=require("./selector/selector.js");const yearSelector_js_namespaceObject=require("./selector/yearSelector/yearSelector.js");const CalendarStandAloneComponent=({configAccesibility:e,configCalendar:t,cssClasses:a,currentDate:s,customBackText:c="Back",disabledDates:r,formatWeekDayOption:n,hasRange:o,id:_,locale:i,maxDate:l=new Date,minDate:m,onDayClick:p,onDaySelectorClick:j,onLeftIconClick:u,onMonthClick:b,onMonthSelectorClick:d,onRightIconClick:x,onYearClick:C,onYearSelectorClick:S,selectedDate:O,setCurrentDate:k,setSelectedDate:h,sundayFirst:y,...D},w)=>{const[f,q]=(0,external_react_namespaceObject.useState)(false);const[A,g]=(0,external_react_namespaceObject.useState)(false);const[v,M]=(0,external_react_namespaceObject.useState)(true);const N=new Date;const P=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(D);const Y=D["data-testid"]||"calendar";return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:w,className:a?.calendar,"data-calendar":true,"data-testid":Y,id:_,...P,children:[(0,jsx_runtime_namespaceObject.jsx)(selector_js_namespaceObject.Selector,{configAccesibility:e,configCalendar:t,cssClasses:a,currentDate:s,customBackText:c,maxDate:l,minDate:m,setCurrentDate:k,setShowDaySelector:M,setShowMonthSelector:q,setShowYearSelector:g,showDaySelector:v,showMonthSelector:f,showYearSelector:A,onDaySelectorClick:j,onLeftIconClick:u,onMonthSelectorClick:d,onRightIconClick:x,onYearSelectorClick:S}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.container,children:[!f&&!A&&v&&(0,jsx_runtime_namespaceObject.jsxs)("table",{"aria-label":s.toLocaleDateString(i,{month:"long",timeZone:"UTC",year:"numeric"}),className:a?.table,children:[(0,jsx_runtime_namespaceObject.jsx)(header_js_namespaceObject.Header,{cssClasses:a,formatWeekDayOption:n,isSundayFirst:y}),(0,jsx_runtime_namespaceObject.jsx)(list_js_namespaceObject.List,{cssClasses:a,currentDate:s,"data-testid":`${Y}-item-list`,disabledDates:r,hasRange:o,maxDate:l,minDate:m,selectedDate:O,setSelectedDate:h,sundayFirst:y,onDayClick:p})]}),f&&(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:"kbt-calendar__table",component:"div",children:(0,jsx_runtime_namespaceObject.jsx)(monthSelector_js_namespaceObject.MonthSelector,{configAccesibility:e,cssClasses:a,currentDate:s,"data-testid":`${Y}-month`,locale:i,maxDate:l,minDate:m,setCurrentDate:k,today:N,onMonthClick:b})}),A&&(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:"kbt-calendar__table",component:"div",children:(0,jsx_runtime_namespaceObject.jsx)(yearSelector_js_namespaceObject.YearSelector,{configAccesibility:e,cssClasses:a,currentDate:s,"data-testid":`${Y}-year`,maxDate:l,minDate:m,setCurrentDate:k,today:N,onYearClick:C})})]})]})};const CalendarStandAlone=(0,external_react_namespaceObject.forwardRef)(CalendarStandAloneComponent);exports.CalendarStandAlone=__webpack_exports__.CalendarStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["CalendarStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var a in t)if(__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:t[a]})}})();(()=>{__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__,{CalendarStandAlone:()=>CalendarStandAlone});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 header_js_namespaceObject=require("./header/header.js");const list_js_namespaceObject=require("./list/list.js");const monthSelector_js_namespaceObject=require("./selector/monthSelector/monthSelector.js");const selector_js_namespaceObject=require("./selector/selector.js");const yearSelector_js_namespaceObject=require("./selector/yearSelector/yearSelector.js");const CalendarStandAloneComponent=({configAccesibility:e,configCalendar:t,cssClasses:a,currentDate:s,customBackText:c="Back",disabledDates:r,formatWeekDayOption:n,hasRange:o,id:_,locale:i,maxDate:l=new Date,minDate:m,onDayClick:p,onDaySelectorClick:j,onLeftIconClick:u,onMonthClick:b,onMonthSelectorClick:d,onRightIconClick:x,onYearClick:C,onYearSelectorClick:S,selectedDate:O,setCurrentDate:k,setSelectedDate:h,sundayFirst:y,...D},w)=>{const[f,q]=(0,external_react_namespaceObject.useState)(false);const[A,g]=(0,external_react_namespaceObject.useState)(false);const[v,M]=(0,external_react_namespaceObject.useState)(true);const N=new Date;const P=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(D);const Y=D["data-testid"]||"calendar";return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:w,"data-calendar":true,className:a?.calendar,"data-testid":Y,id:_,...P,children:[(0,jsx_runtime_namespaceObject.jsx)(selector_js_namespaceObject.Selector,{configAccesibility:e,configCalendar:t,cssClasses:a,currentDate:s,customBackText:c,maxDate:l,minDate:m,setCurrentDate:k,setShowDaySelector:M,setShowMonthSelector:q,setShowYearSelector:g,showDaySelector:v,showMonthSelector:f,showYearSelector:A,onDaySelectorClick:j,onLeftIconClick:u,onMonthSelectorClick:d,onRightIconClick:x,onYearSelectorClick:S}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.container,children:[!f&&!A&&v&&(0,jsx_runtime_namespaceObject.jsxs)("table",{"aria-label":s.toLocaleDateString(i,{month:"long",timeZone:"UTC",year:"numeric"}),className:a?.table,children:[(0,jsx_runtime_namespaceObject.jsx)(header_js_namespaceObject.Header,{cssClasses:a,formatWeekDayOption:n,isSundayFirst:y}),(0,jsx_runtime_namespaceObject.jsx)(list_js_namespaceObject.List,{cssClasses:a,currentDate:s,"data-testid":`${Y}-item-list`,disabledDates:r,hasRange:o,maxDate:l,minDate:m,selectedDate:O,setSelectedDate:h,sundayFirst:y,onDayClick:p})]}),f&&(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:"kbt-calendar__table",component:"div",children:(0,jsx_runtime_namespaceObject.jsx)(monthSelector_js_namespaceObject.MonthSelector,{configAccesibility:e,cssClasses:a,currentDate:s,"data-testid":`${Y}-month`,locale:i,maxDate:l,minDate:m,setCurrentDate:k,today:N,onMonthClick:b})}),A&&(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:"kbt-calendar__table",component:"div",children:(0,jsx_runtime_namespaceObject.jsx)(yearSelector_js_namespaceObject.YearSelector,{configAccesibility:e,cssClasses:a,currentDate:s,"data-testid":`${Y}-year`,maxDate:l,minDate:m,setCurrentDate:k,today:N,onYearClick:C})})]})]})};const CalendarStandAlone=(0,external_react_namespaceObject.forwardRef)(CalendarStandAloneComponent);exports.CalendarStandAlone=__webpack_exports__.CalendarStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["CalendarStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/checkboxBase/checkboxBaseControlled.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var a in _)if(__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:_[a]})}})();(()=>{__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__,{CheckboxBaseControlled:()=>CheckboxBaseControlled});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const useClassName_js_namespaceObject=require("../../lib/hooks/useClassName/useClassName.js");const state_utils_js_namespaceObject=require("../checkbox/utils/state.utils.js");const external_checkboxBaseStandAlone_js_namespaceObject=require("./checkboxBaseStandAlone.js");const CheckboxBaseControlled=(0,external_react_namespaceObject.forwardRef)(({additionalClasses:e,error:_=false,required:a=false,variant:s,...t},r)=>{const c=(0,useClassName_js_namespaceObject.useClassName)({additionalClassNames:e,component:"CHECKBOX_BASE",variant:s});const o=(0,state_utils_js_namespaceObject.getCheckboxState)(t.checked,t.disabled,_).toLocaleLowerCase();return(0,jsx_runtime_namespaceObject.jsx)(external_checkboxBaseStandAlone_js_namespaceObject.CheckboxBaseStandAlone,{ref:r,cssClasses:c,required:true,...t,"aria-invalid":_,"data-state":o,"data-testid":"checkboxBase"})});exports.CheckboxBaseControlled=__webpack_exports__.CheckboxBaseControlled;for(var __rspack_i in __webpack_exports__)if(-1===["CheckboxBaseControlled"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var a in _)if(__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:_[a]})}})();(()=>{__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__,{CheckboxBaseControlled:()=>CheckboxBaseControlled});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const useClassName_js_namespaceObject=require("../../lib/hooks/useClassName/useClassName.js");const state_utils_js_namespaceObject=require("../checkbox/utils/state.utils.js");const external_checkboxBaseStandAlone_js_namespaceObject=require("./checkboxBaseStandAlone.js");const CheckboxBaseControlled=(0,external_react_namespaceObject.forwardRef)(({additionalClasses:e,error:_=false,required:a=false,variant:s,...t},r)=>{const c=(0,useClassName_js_namespaceObject.useClassName)({additionalClassNames:e,component:"CHECKBOX_BASE",variant:s});const o=(0,state_utils_js_namespaceObject.getCheckboxState)(t.checked,t.disabled,_).toLocaleLowerCase();return(0,jsx_runtime_namespaceObject.jsx)(external_checkboxBaseStandAlone_js_namespaceObject.CheckboxBaseStandAlone,{ref:r,required:true,cssClasses:c,...t,"aria-invalid":_,"data-state":o,"data-testid":"checkboxBase"})});exports.CheckboxBaseControlled=__webpack_exports__.CheckboxBaseControlled;for(var __rspack_i in __webpack_exports__)if(-1===["CheckboxBaseControlled"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js

@@ -1 +1 @@
-"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__,{CheckboxBaseStandAlone:()=>CheckboxBaseStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const elementOrIcon_js_namespaceObject=require("../../lib/components/elementOrIcon/elementOrIcon.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const CheckboxBaseStandAlone=(0,external_react_namespaceObject.forwardRef)(({checkedIcon:e,cssClasses:_,inputRef:t,...a},r)=>{const c=a["data-testid"]??"checkbox-base";return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:r,className:_?.checkbox_base,"data-testid":c,children:[(0,jsx_runtime_namespaceObject.jsx)("input",{ref:t,className:_?.input,type:"checkbox",...a,"data-testid":`${c}-input`}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:_?.iconcontainer,"data-state":a["data-state"],children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:_?.icon,complex:true,"data-state":a["data-state"],...(0,processCommonProp_js_namespaceObject.processIconProp)(e)})})]})});exports.CheckboxBaseStandAlone=__webpack_exports__.CheckboxBaseStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["CheckboxBaseStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"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__,{CheckboxBaseStandAlone:()=>CheckboxBaseStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const elementOrIcon_js_namespaceObject=require("../../lib/components/elementOrIcon/elementOrIcon.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const CheckboxBaseStandAlone=(0,external_react_namespaceObject.forwardRef)(({checkedIcon:e,cssClasses:_,inputRef:t,...a},r)=>{const c=a["data-testid"]??"checkbox-base";return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:r,className:_?.checkbox_base,"data-testid":c,children:[(0,jsx_runtime_namespaceObject.jsx)("input",{ref:t,className:_?.input,type:"checkbox",...a,"data-testid":`${c}-input`}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:_?.iconcontainer,"data-state":a["data-state"],children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{complex:true,className:_?.icon,"data-state":a["data-state"],...(0,processCommonProp_js_namespaceObject.processIconProp)(e)})})]})});exports.CheckboxBaseStandAlone=__webpack_exports__.CheckboxBaseStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["CheckboxBaseStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/dataTable/components/dataTableHead.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var a in t)if(__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:t[a]})}})();(()=>{__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__,{DataTableHead:()=>DataTableHead});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const tableCell_js_namespaceObject=require("../../tableCell/tableCell.js");const tableHead_js_namespaceObject=require("../../tableHead/tableHead.js");const tableRow_js_namespaceObject=require("../../tableRow/tableRow.js");const cellConfig_js_namespaceObject=require("../utils/cellConfig.js");const rowConfig_js_namespaceObject=require("../utils/rowConfig.js");const DataTableHead=({columns:e,cssClasses:t,hidden:a,sticky:i,tableHeadConfig:_,tableHeadRowConfig:l,usingRowGroups:c})=>{const n=c?(0,rowConfig_js_namespaceObject.applyGridToRow)({columns:e,rowConfig:l}):l;return(0,jsx_runtime_namespaceObject.jsx)(tableHead_js_namespaceObject.TableHead,{additionalClasses:t?.table_head,component:c?"div":void 0,hidden:a,sticky:i,..._,children:(0,jsx_runtime_namespaceObject.jsx)(tableRow_js_namespaceObject.TableRow,{additionalClasses:t?.table_head_row,component:c?"div":void 0,hoverable:false,...n,children:e?.map(e=>{const a=e.headerContent;if(a&&"object"==typeof a&&"complex"in a){const i=c?(0,cellConfig_js_namespaceObject.applyFlexToCell)({cellConfig:a.complex}):a.complex;return(0,jsx_runtime_namespaceObject.jsx)(tableCell_js_namespaceObject.TableCell,{additionalClasses:t?.table_head_cell,alignItems:n?.cellsAlignItems,component:c?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:c?void 0:e.maxWidth,minWidth:c?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,th:true,verticalAlign:n?.cellsVerticalAlign,width:c?void 0:e.width,...i,children:i?.content},e.field)}const i=c?(0,cellConfig_js_namespaceObject.applyFlexToCell)({cellConfig:void 0}):void 0;return(0,jsx_runtime_namespaceObject.jsx)(tableCell_js_namespaceObject.TableCell,{additionalClasses:t?.table_head_cell,alignItems:n?.cellsAlignItems,component:c?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:c?void 0:e.maxWidth,minWidth:c?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,th:true,verticalAlign:n?.cellsVerticalAlign,width:c?void 0:e.width,...i,children:a},e.field)})})})};exports.DataTableHead=__webpack_exports__.DataTableHead;for(var __rspack_i in __webpack_exports__)if(-1===["DataTableHead"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var a in t)if(__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:t[a]})}})();(()=>{__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__,{DataTableHead:()=>DataTableHead});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const tableCell_js_namespaceObject=require("../../tableCell/tableCell.js");const tableHead_js_namespaceObject=require("../../tableHead/tableHead.js");const tableRow_js_namespaceObject=require("../../tableRow/tableRow.js");const cellConfig_js_namespaceObject=require("../utils/cellConfig.js");const rowConfig_js_namespaceObject=require("../utils/rowConfig.js");const DataTableHead=({columns:e,cssClasses:t,hidden:a,sticky:i,tableHeadConfig:_,tableHeadRowConfig:l,usingRowGroups:c})=>{const n=c?(0,rowConfig_js_namespaceObject.applyGridToRow)({columns:e,rowConfig:l}):l;return(0,jsx_runtime_namespaceObject.jsx)(tableHead_js_namespaceObject.TableHead,{additionalClasses:t?.table_head,component:c?"div":void 0,hidden:a,sticky:i,..._,children:(0,jsx_runtime_namespaceObject.jsx)(tableRow_js_namespaceObject.TableRow,{additionalClasses:t?.table_head_row,component:c?"div":void 0,hoverable:false,...n,children:e?.map(e=>{const a=e.headerContent;if(a&&"object"==typeof a&&"complex"in a){const i=c?(0,cellConfig_js_namespaceObject.applyFlexToCell)({cellConfig:a.complex}):a.complex;return(0,jsx_runtime_namespaceObject.jsx)(tableCell_js_namespaceObject.TableCell,{th:true,additionalClasses:t?.table_head_cell,alignItems:n?.cellsAlignItems,component:c?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:c?void 0:e.maxWidth,minWidth:c?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,verticalAlign:n?.cellsVerticalAlign,width:c?void 0:e.width,...i,children:i?.content},e.field)}const i=c?(0,cellConfig_js_namespaceObject.applyFlexToCell)({cellConfig:void 0}):void 0;return(0,jsx_runtime_namespaceObject.jsx)(tableCell_js_namespaceObject.TableCell,{th:true,additionalClasses:t?.table_head_cell,alignItems:n?.cellsAlignItems,component:c?"div":void 0,hidden:e.hidden,justifyContent:e.justifyContent,maxWidth:c?void 0:e.maxWidth,minWidth:c?void 0:e.minWidth,scope:"col",sticky:e.sticky,textAlign:e.textAlign,verticalAlign:n?.cellsVerticalAlign,width:c?void 0:e.width,...i,children:a},e.field)})})})};exports.DataTableHead=__webpack_exports__.DataTableHead;for(var __rspack_i in __webpack_exports__)if(-1===["DataTableHead"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/dataTable/components/hiddenDataTableHead.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var a in _)if(__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:_[a]})}})();(()=>{__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__,{HiddenDataTableHead:()=>HiddenDataTableHead});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const tableCell_js_namespaceObject=require("../../tableCell/tableCell.js");const tableHead_js_namespaceObject=require("../../tableHead/tableHead.js");const tableRow_js_namespaceObject=require("../../tableRow/tableRow.js");const HiddenDataTableHead=({columns:e,cssClasses:_})=>(0,jsx_runtime_namespaceObject.jsx)(tableHead_js_namespaceObject.TableHead,{additionalClasses:_?.row_group_table_head,hidden:true,children:(0,jsx_runtime_namespaceObject.jsx)(tableRow_js_namespaceObject.TableRow,{additionalClasses:_?.row_group_table_head_row,children:e?.map(e=>{let a=e.headerHiddenContent;if(!a){const _=e.headerContent;a=_&&"object"==typeof _&&"complex"in _?_.complex?.content:_}return(0,jsx_runtime_namespaceObject.jsx)(tableCell_js_namespaceObject.TableCell,{additionalClasses:_?.row_group_table_head_cell,scope:"col",th:true,children:a},e.field)})})});exports.HiddenDataTableHead=__webpack_exports__.HiddenDataTableHead;for(var __rspack_i in __webpack_exports__)if(-1===["HiddenDataTableHead"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,_)=>{for(var a in _)if(__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:_[a]})}})();(()=>{__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__,{HiddenDataTableHead:()=>HiddenDataTableHead});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const tableCell_js_namespaceObject=require("../../tableCell/tableCell.js");const tableHead_js_namespaceObject=require("../../tableHead/tableHead.js");const tableRow_js_namespaceObject=require("../../tableRow/tableRow.js");const HiddenDataTableHead=({columns:e,cssClasses:_})=>(0,jsx_runtime_namespaceObject.jsx)(tableHead_js_namespaceObject.TableHead,{hidden:true,additionalClasses:_?.row_group_table_head,children:(0,jsx_runtime_namespaceObject.jsx)(tableRow_js_namespaceObject.TableRow,{additionalClasses:_?.row_group_table_head_row,children:e?.map(e=>{let a=e.headerHiddenContent;if(!a){const _=e.headerContent;a=_&&"object"==typeof _&&"complex"in _?_.complex?.content:_}return(0,jsx_runtime_namespaceObject.jsx)(tableCell_js_namespaceObject.TableCell,{th:true,additionalClasses:_?.row_group_table_head_cell,scope:"col",children:a},e.field)})})});exports.HiddenDataTableHead=__webpack_exports__.HiddenDataTableHead;for(var __rspack_i in __webpack_exports__)if(-1===["HiddenDataTableHead"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/dataTable/dataTableStandAlone.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,a)=>{for(var t in a)if(__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:a[t]})}})();(()=>{__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a)})();(()=>{__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__,{DataTableStandAlone:()=>DataTableStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const tableBody_js_namespaceObject=require("../tableBody/tableBody.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const table_js_namespaceObject=require("../table/table.js");const tableCaption_js_namespaceObject=require("../tableCaption/tableCaption.js");const tableDivider_js_namespaceObject=require("../tableDivider/tableDivider.js");const dataTableHead_js_namespaceObject=require("./components/dataTableHead.js");const dataTableRows_js_namespaceObject=require("./components/dataTableRows.js");const hiddenDataTableHead_js_namespaceObject=require("./components/hiddenDataTableHead.js");const tableConfig_js_namespaceObject=require("./utils/tableConfig.js");const DataTableStandAlone=(0,external_react_namespaceObject.forwardRef)(({activeRows:e,caption:a,columns:t,config:s,cssClasses:c,hasScroll:n,hoverable:o,hoverableRows:i,nonHoverableRows:r,rowGroups:_,rows:l,stickyHead:b,styles:d,...p},j)=>{const u=_&&_.length>0;const m=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(p);return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:j,className:c?.data_table,"data-testid":"data-table",...m,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{"aria-label":n?p["aria-label"]:void 0,"aria-labelledby":n?p["aria-labelledby"]:void 0,className:c?.scrollablecontainer,"data-datatable-scrollable-container":true,role:n?"region":void 0,...n?{tabIndex:0}:{},children:[(0,jsx_runtime_namespaceObject.jsxs)(table_js_namespaceObject.Table,{additionalClasses:c?.table,"aria-hidden":u?true:void 0,autoLeftStickyCalc:false,autoRightStickyCalc:false,component:u?"div":void 0,disableShadowEffects:true,hasScrollDisabled:true,sticky:b,...(0,tableConfig_js_namespaceObject.applyZIndexToWrapper)({tableConfig:s?.table,zIndex:1}),children:[!!a?.content&&(0,jsx_runtime_namespaceObject.jsx)(tableCaption_js_namespaceObject.TableCaption,{additionalClasses:c?.table_caption,component:u?"div":void 0,...a,children:a?.content}),(0,jsx_runtime_namespaceObject.jsx)(dataTableHead_js_namespaceObject.DataTableHead,{columns:t,cssClasses:c,sticky:b,tableHeadConfig:s?.tableHead,tableHeadRowConfig:s?.tableHeadRow,usingRowGroups:u}),!u&&l&&l.length>0&&(0,jsx_runtime_namespaceObject.jsx)(tableBody_js_namespaceObject.TableBody,{additionalClasses:c?.table_body,...s?.tableBody,children:(0,jsx_runtime_namespaceObject.jsx)(dataTableRows_js_namespaceObject.DataTableRows,{activeRows:e,columns:t,cssClasses:c,hoverable:o,hoverableRows:i,nonHoverableRows:r,rows:l,usingRowGroups:u})})]}),_?.map((a,s)=>(0,jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment,{children:[!!a.divider&&(0,jsx_runtime_namespaceObject.jsx)(tableDivider_js_namespaceObject.TableDivider,{variant:"DEFAULT",...a.divider,children:a.divider?.content}),(0,jsx_runtime_namespaceObject.jsxs)(table_js_namespaceObject.Table,{additionalClasses:c?.row_group_table,autoLeftStickyCalc:false,autoRightStickyCalc:false,disableShadowEffects:true,hasScrollDisabled:true,...(0,tableConfig_js_namespaceObject.applyPositionToWrapper)({position:"static",tableConfig:a.config?.table}),children:[!!a.caption?.content&&(0,jsx_runtime_namespaceObject.jsx)(tableCaption_js_namespaceObject.TableCaption,{additionalClasses:c?.row_group_table_caption,...a.caption,children:a.caption?.content}),(0,jsx_runtime_namespaceObject.jsx)(hiddenDataTableHead_js_namespaceObject.HiddenDataTableHead,{columns:t,cssClasses:c}),(0,jsx_runtime_namespaceObject.jsx)(tableBody_js_namespaceObject.TableBody,{additionalClasses:c?.row_group_table_body,...a.config?.tableBody,children:(0,jsx_runtime_namespaceObject.jsx)(dataTableRows_js_namespaceObject.DataTableRows,{activeRows:e,columns:t,cssClasses:c,hoverable:o,hoverableRows:i,isRowGroup:true,nonHoverableRows:r,rows:a.rows,usingRowGroups:u})})]})]},`${a.caption?.["data-testid"]}-${s.toString()}`))]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.leftboxshadowcontainer,"data-datatable-left-shadow":true}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.rightboxshadowcontainer,"data-datatable-right-shadow":true})]})});exports.DataTableStandAlone=__webpack_exports__.DataTableStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["DataTableStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,a)=>{for(var t in a)if(__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:a[t]})}})();(()=>{__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a)})();(()=>{__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__,{DataTableStandAlone:()=>DataTableStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const tableBody_js_namespaceObject=require("../tableBody/tableBody.js");const pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const table_js_namespaceObject=require("../table/table.js");const tableCaption_js_namespaceObject=require("../tableCaption/tableCaption.js");const tableDivider_js_namespaceObject=require("../tableDivider/tableDivider.js");const dataTableHead_js_namespaceObject=require("./components/dataTableHead.js");const dataTableRows_js_namespaceObject=require("./components/dataTableRows.js");const hiddenDataTableHead_js_namespaceObject=require("./components/hiddenDataTableHead.js");const tableConfig_js_namespaceObject=require("./utils/tableConfig.js");const DataTableStandAlone=(0,external_react_namespaceObject.forwardRef)(({activeRows:e,caption:a,columns:t,config:s,cssClasses:c,hasScroll:n,hoverable:o,hoverableRows:i,nonHoverableRows:r,rowGroups:_,rows:l,stickyHead:b,styles:d,...p},j)=>{const u=_&&_.length>0;const m=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(p);return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:j,className:c?.data_table,"data-testid":"data-table",...m,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{"data-datatable-scrollable-container":true,"aria-label":n?p["aria-label"]:void 0,"aria-labelledby":n?p["aria-labelledby"]:void 0,className:c?.scrollablecontainer,role:n?"region":void 0,...n?{tabIndex:0}:{},children:[(0,jsx_runtime_namespaceObject.jsxs)(table_js_namespaceObject.Table,{disableShadowEffects:true,hasScrollDisabled:true,additionalClasses:c?.table,"aria-hidden":u?true:void 0,autoLeftStickyCalc:false,autoRightStickyCalc:false,component:u?"div":void 0,sticky:b,...(0,tableConfig_js_namespaceObject.applyZIndexToWrapper)({tableConfig:s?.table,zIndex:1}),children:[!!a?.content&&(0,jsx_runtime_namespaceObject.jsx)(tableCaption_js_namespaceObject.TableCaption,{additionalClasses:c?.table_caption,component:u?"div":void 0,...a,children:a?.content}),(0,jsx_runtime_namespaceObject.jsx)(dataTableHead_js_namespaceObject.DataTableHead,{columns:t,cssClasses:c,sticky:b,tableHeadConfig:s?.tableHead,tableHeadRowConfig:s?.tableHeadRow,usingRowGroups:u}),!u&&l&&l.length>0&&(0,jsx_runtime_namespaceObject.jsx)(tableBody_js_namespaceObject.TableBody,{additionalClasses:c?.table_body,...s?.tableBody,children:(0,jsx_runtime_namespaceObject.jsx)(dataTableRows_js_namespaceObject.DataTableRows,{activeRows:e,columns:t,cssClasses:c,hoverable:o,hoverableRows:i,nonHoverableRows:r,rows:l,usingRowGroups:u})})]}),_?.map((a,s)=>(0,jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment,{children:[!!a.divider&&(0,jsx_runtime_namespaceObject.jsx)(tableDivider_js_namespaceObject.TableDivider,{variant:"DEFAULT",...a.divider,children:a.divider?.content}),(0,jsx_runtime_namespaceObject.jsxs)(table_js_namespaceObject.Table,{disableShadowEffects:true,hasScrollDisabled:true,additionalClasses:c?.row_group_table,autoLeftStickyCalc:false,autoRightStickyCalc:false,...(0,tableConfig_js_namespaceObject.applyPositionToWrapper)({position:"static",tableConfig:a.config?.table}),children:[!!a.caption?.content&&(0,jsx_runtime_namespaceObject.jsx)(tableCaption_js_namespaceObject.TableCaption,{additionalClasses:c?.row_group_table_caption,...a.caption,children:a.caption?.content}),(0,jsx_runtime_namespaceObject.jsx)(hiddenDataTableHead_js_namespaceObject.HiddenDataTableHead,{columns:t,cssClasses:c}),(0,jsx_runtime_namespaceObject.jsx)(tableBody_js_namespaceObject.TableBody,{additionalClasses:c?.row_group_table_body,...a.config?.tableBody,children:(0,jsx_runtime_namespaceObject.jsx)(dataTableRows_js_namespaceObject.DataTableRows,{isRowGroup:true,activeRows:e,columns:t,cssClasses:c,hoverable:o,hoverableRows:i,nonHoverableRows:r,rows:a.rows,usingRowGroups:u})})]})]},`${a.caption?.["data-testid"]}-${s.toString()}`))]}),(0,jsx_runtime_namespaceObject.jsx)("div",{"data-datatable-left-shadow":true,className:c?.leftboxshadowcontainer}),(0,jsx_runtime_namespaceObject.jsx)("div",{"data-datatable-right-shadow":true,className:c?.rightboxshadowcontainer})]})});exports.DataTableStandAlone=__webpack_exports__.DataTableStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["DataTableStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/label/labelStandAlone.js

@@ -1 +1 @@
-"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__,{LabelStandAlone:()=>LabelStandAlone,Label:()=>LabelStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const LabelStandAlone=(0,external_react_namespaceObject.forwardRef)(({asteriskColor:e,asteriskCssClasses:_,asteriskWeight:t,children:a,color:r,cursor:c,customAttributes:s,id:o,inputId:n,required:p,requiredSymbol:l,textCssClasses:b,weight:i,...d},u)=>{const x=(0,external_react_namespaceObject.useId)();const j=`label-${x.replace(/:/g,"")}`;const m=o??j;const k=d["data-testid"]||"label";return(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{ref:u,additionalClasses:{text:b},color:r,component:"label",cursor:c,customAttributes:s,"data-testid":k,htmlFor:n,id:m,weight:i,children:[a,p&&(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:_},"aria-hidden":true,color:e,component:"span","data-testid":`${k}Required`,weight:t,children:l})]})});exports.Label=__webpack_exports__.Label;exports.LabelStandAlone=__webpack_exports__.LabelStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["Label","LabelStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"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__,{LabelStandAlone:()=>LabelStandAlone,Label:()=>LabelStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const text_js_namespaceObject=require("../text/text.js");const LabelStandAlone=(0,external_react_namespaceObject.forwardRef)(({asteriskColor:e,asteriskCssClasses:_,asteriskWeight:t,children:a,color:r,cursor:c,customAttributes:s,id:o,inputId:n,required:p,requiredSymbol:l,textCssClasses:b,weight:i,...d},u)=>{const x=(0,external_react_namespaceObject.useId)();const j=`label-${x.replace(/:/g,"")}`;const m=o??j;const k=d["data-testid"]||"label";return(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{ref:u,additionalClasses:{text:b},color:r,component:"label",cursor:c,customAttributes:s,"data-testid":k,htmlFor:n,id:m,weight:i,children:[a,p&&(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{"aria-hidden":true,additionalClasses:{text:_},color:e,component:"span","data-testid":`${k}Required`,weight:t,children:l})]})});exports.Label=__webpack_exports__.Label;exports.LabelStandAlone=__webpack_exports__.LabelStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["Label","LabelStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/modal/fragments/modalHeader.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,s)=>{for(var t in s)if(__webpack_require__.o(s,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:s[t]})}})();(()=>{__webpack_require__.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s)})();(()=>{__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__,{ModalHeader:()=>ModalHeader});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const text_js_namespaceObject=require("../../text/text.js");const elementOrIcon_js_namespaceObject=require("../../../lib/components/elementOrIcon/elementOrIcon.js");const useActiveBreakpoints_js_namespaceObject=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const processCommonProp_js_namespaceObject=require("../../../lib/utils/process/processCommonProp.js");const button_js_namespaceObject=require("../../button/button.js");const ModalHeader=({blocked:e,closeButton:s,closeIcon:t,cssClasses:a,dragIcon:c,title:r,titleIdFinal:n})=>{const{isMobileOrTablet:_}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.headercontainer,"data-modal-header":true,children:[_&&!e&&!!c&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.dragiconcontainer,"data-modal-draggable-icon":true,children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:a?.dragicon,...(0,processCommonProp_js_namespaceObject.processIconProp)(c)})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.headercontentcontainer,children:[!e&&!!t&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.closebuttoncontainer,children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:a?.closebuttonicon,...(0,processCommonProp_js_namespaceObject.processIconProp)(t)})}),!e&&!!s?.content&&!!s?.variant&&(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{...s,variant:s?.variant,children:s?.content}),(r?.visible===void 0||r.visible)&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.titlecontainer,children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:a?.title},component:"h1",id:n,...(0,processCommonProp_js_namespaceObject.processTextProp)(r)})}),r?.visible===false&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:a?.titlehiddencontainer,id:n,children:(0,processCommonProp_js_namespaceObject.processTextProp)(r).children}),!e&&!!t&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.closebuttoncontainer,children:(0,jsx_runtime_namespaceObject.jsx)("span",{className:a?.closebuttonicon})})]})]})};exports.ModalHeader=__webpack_exports__.ModalHeader;for(var __rspack_i in __webpack_exports__)if(-1===["ModalHeader"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,s)=>{for(var t in s)if(__webpack_require__.o(s,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:s[t]})}})();(()=>{__webpack_require__.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s)})();(()=>{__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__,{ModalHeader:()=>ModalHeader});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const text_js_namespaceObject=require("../../text/text.js");const elementOrIcon_js_namespaceObject=require("../../../lib/components/elementOrIcon/elementOrIcon.js");const useActiveBreakpoints_js_namespaceObject=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const processCommonProp_js_namespaceObject=require("../../../lib/utils/process/processCommonProp.js");const button_js_namespaceObject=require("../../button/button.js");const ModalHeader=({blocked:e,closeButton:s,closeIcon:t,cssClasses:a,dragIcon:c,title:r,titleIdFinal:n})=>{const{isMobileOrTablet:_}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();return(0,jsx_runtime_namespaceObject.jsxs)("div",{"data-modal-header":true,className:a?.headercontainer,children:[_&&!e&&!!c&&(0,jsx_runtime_namespaceObject.jsx)("div",{"data-modal-draggable-icon":true,className:a?.dragiconcontainer,children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:a?.dragicon,...(0,processCommonProp_js_namespaceObject.processIconProp)(c)})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:a?.headercontentcontainer,children:[!e&&!!t&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.closebuttoncontainer,children:(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:a?.closebuttonicon,...(0,processCommonProp_js_namespaceObject.processIconProp)(t)})}),!e&&!!s?.content&&!!s?.variant&&(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{...s,variant:s?.variant,children:s?.content}),(r?.visible===void 0||r.visible)&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.titlecontainer,children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:a?.title},component:"h1",id:n,...(0,processCommonProp_js_namespaceObject.processTextProp)(r)})}),r?.visible===false&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:a?.titlehiddencontainer,id:n,children:(0,processCommonProp_js_namespaceObject.processTextProp)(r).children}),!e&&!!t&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.closebuttoncontainer,children:(0,jsx_runtime_namespaceObject.jsx)("span",{className:a?.closebuttonicon})})]})]})};exports.ModalHeader=__webpack_exports__.ModalHeader;for(var __rspack_i in __webpack_exports__)if(-1===["ModalHeader"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/modal/modalStandAlone.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,a)=>{for(var t in a)if(__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:a[t]})}})();(()=>{__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a)})();(()=>{__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__,{ModalStandAlone:()=>ModalStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const overlay_js_namespaceObject=require("../../lib/components/overlay/overlay.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const popover_js_namespaceObject=require("../popover/popover.js");const modalHeader_js_namespaceObject=require("./fragments/modalHeader.js");const onlyDesktopSize_js_namespaceObject=require("./utils/onlyDesktopSize.js");const ModalStandAlone=(0,external_react_namespaceObject.forwardRef)(({blocked:e,closeButton:a,closeIcon:t,content:o,contentContainer:r,contentHasScroll:s,contentScrollArias:_,cssClasses:c,customHeightAllDevices:n=false,customWidthAllDevices:l=false,device:i,dragIcon:p,footer:d,id:b,maxHeight:m,maxWidth:j,minContentHeight:u,minHeight:x,minWidth:O,onKeyDown:y,onPopoverCloseInternally:v,open:k,popover:f,title:S,...w},g)=>{const q=(0,external_react_namespaceObject.useId)();const h=`modal-${q.replace(/:/g,"")}`;const M=b??h;const P=(0,external_react_namespaceObject.useId)();const C=`modal-title-${P.replace(/:/g,"")}`;const H=(0,processCommonProp_js_namespaceObject.processTextProp)(S).id??C;const z=w["data-testid"]||"modal";return(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{"aria-labelledby":H,"aria-modal":k,component:"div",disableClickOverlayClose:e,disableEscapeClose:e,disableTrapFocus:false,id:M,open:k,overlay:(0,jsx_runtime_namespaceObject.jsx)(overlay_js_namespaceObject.Overlay,{}),role:"dialog",strategy:"fixed",onClose:v,...f,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:g,className:c?.modal,"data-testid":z,style:{maxHeight:m,maxWidth:j,minHeight:n?x:(0,onlyDesktopSize_js_namespaceObject.onlyDesktopSize)(i,x),minWidth:l?O:(0,onlyDesktopSize_js_namespaceObject.onlyDesktopSize)(i,O)},children:[(0,jsx_runtime_namespaceObject.jsx)(modalHeader_js_namespaceObject.ModalHeader,{blocked:e,closeButton:a,closeIcon:t,cssClasses:c,device:i,dragIcon:p,title:S,titleIdFinal:H}),(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-label":s?_?.["aria-label"]:void 0,"aria-labelledby":s?_?.["aria-labelledby"]:void 0,className:c?.content,"data-modal-content":true,"data-testid":`${z}-content`,role:s?"region":void 0,style:{minHeight:u},...s?{tabIndex:0}:{},...r,children:o}),!!d&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.footer,children:d})]})})});exports.ModalStandAlone=__webpack_exports__.ModalStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["ModalStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,a)=>{for(var t in a)if(__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:a[t]})}})();(()=>{__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a)})();(()=>{__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__,{ModalStandAlone:()=>ModalStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const overlay_js_namespaceObject=require("../../lib/components/overlay/overlay.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const popover_js_namespaceObject=require("../popover/popover.js");const modalHeader_js_namespaceObject=require("./fragments/modalHeader.js");const onlyDesktopSize_js_namespaceObject=require("./utils/onlyDesktopSize.js");const ModalStandAlone=(0,external_react_namespaceObject.forwardRef)(({blocked:e,closeButton:a,closeIcon:t,content:o,contentContainer:r,contentHasScroll:s,contentScrollArias:_,cssClasses:c,customHeightAllDevices:n=false,customWidthAllDevices:l=false,device:i,dragIcon:p,footer:d,id:b,maxHeight:m,maxWidth:j,minContentHeight:u,minHeight:x,minWidth:O,onKeyDown:y,onPopoverCloseInternally:v,open:k,popover:f,title:S,...w},g)=>{const q=(0,external_react_namespaceObject.useId)();const h=`modal-${q.replace(/:/g,"")}`;const M=b??h;const P=(0,external_react_namespaceObject.useId)();const C=`modal-title-${P.replace(/:/g,"")}`;const H=(0,processCommonProp_js_namespaceObject.processTextProp)(S).id??C;const z=w["data-testid"]||"modal";return(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{"aria-labelledby":H,"aria-modal":k,component:"div",disableClickOverlayClose:e,disableEscapeClose:e,disableTrapFocus:false,id:M,open:k,overlay:(0,jsx_runtime_namespaceObject.jsx)(overlay_js_namespaceObject.Overlay,{}),role:"dialog",strategy:"fixed",onClose:v,...f,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:g,className:c?.modal,"data-testid":z,style:{maxHeight:m,maxWidth:j,minHeight:n?x:(0,onlyDesktopSize_js_namespaceObject.onlyDesktopSize)(i,x),minWidth:l?O:(0,onlyDesktopSize_js_namespaceObject.onlyDesktopSize)(i,O)},children:[(0,jsx_runtime_namespaceObject.jsx)(modalHeader_js_namespaceObject.ModalHeader,{blocked:e,closeButton:a,closeIcon:t,cssClasses:c,device:i,dragIcon:p,title:S,titleIdFinal:H}),(0,jsx_runtime_namespaceObject.jsx)("div",{"data-modal-content":true,"aria-label":s?_?.["aria-label"]:void 0,"aria-labelledby":s?_?.["aria-labelledby"]:void 0,className:c?.content,"data-testid":`${z}-content`,role:s?"region":void 0,style:{minHeight:u},...s?{tabIndex:0}:{},...r,children:o}),!!d&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.footer,children:d})]})})});exports.ModalStandAlone=__webpack_exports__.ModalStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["ModalStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/popover.js

@@ -1,2 +1,2 @@
-/*! For license information please see popover.js.LICENSE.txt */
+/*! LICENSE: popover.js.LICENSE.txt */
 "use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,s)=>{for(var o in s)if(__webpack_require__.o(s,o)&&!__webpack_require__.o(e,o))Object.defineProperty(e,o,{enumerable:true,get:s[o]})}})();(()=>{__webpack_require__.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s)})();(()=>{__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__,{Popover:()=>Popover});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const useClassName_js_namespaceObject=require("../../lib/hooks/useClassName/useClassName.js");const useTrapFocus_js_namespaceObject=require("../../lib/hooks/useTrapFocus/useTrapFocus.js");const usePopoverInteractions_js_namespaceObject=require("./hooks/usePopoverInteractions.js");const usePopoverLifecycle_js_namespaceObject=require("./hooks/usePopoverLifecycle.js");const usePopoverPositioning_js_namespaceObject=require("./hooks/usePopoverPositioning.js");const external_popoverStandAlone_js_namespaceObject=require("./popoverStandAlone.js");const PopoverComponent=({additionalClasses:e,anchorElement:s,animationExitDuration:o=200,disableAnimations:r=false,disableAutoFocusFirstDescendant:a=false,disableAutoFocusFirstDescendantAfterClose:_=true,disableClickOverlayClose:t=false,disableEscapeClose:c=false,disableRestoreFocusAfterClose:p=false,disableScrollBackground:n=false,disableTrapFocus:i=false,middlewareOptions:u,middlewares:l,onClose:b,open:j=false,popoverContainerRef:m,preventCloseOnClickElements:v=[],preventScrollOnCloseFocus:P=false,strategy:f="absolute",...O},k)=>{const d=r||!!s;const w=(0,useClassName_js_namespaceObject.useClassName)({additionalClassNames:e,component:"POPOVER"});const{handleInnerRef:x,isClosing:y,isVisible:q,popoverRef:g}=(0,usePopoverLifecycle_js_namespaceObject.usePopoverLifecycle)({animationExitDuration:o,disableAnimations:d,disableAutoFocusFirstDescendant:a,disableAutoFocusFirstDescendantAfterClose:_,disableRestoreFocusAfterClose:p,disableScrollBackground:n,open:j,popoverContainerRef:m,preventScrollOnCloseFocus:P});(0,useTrapFocus_js_namespaceObject.useTrapFocus)({ref:g,trapFocus:!i&&q});(0,usePopoverInteractions_js_namespaceObject.usePopoverInteractions)({disableClickOverlayClose:t,disableEscapeClose:c,isVisible:q,onClose:b,popoverRef:g,preventCloseOnClickElements:v});(0,usePopoverPositioning_js_namespaceObject.usePopoverPositioning)({anchorElement:s,arrowStyles:O.arrowStyles,isVisible:q,middlewareOptions:u,middlewares:l,placement:O.placement,ref:g,strategy:f});return(0,jsx_runtime_namespaceObject.jsx)(external_popoverStandAlone_js_namespaceObject.PopoverStandAlone,{ref:k,...O,anchorElement:!!s,cssClasses:w,disableAnimations:d,isClosing:y,isVisible:q,middlewareOptions:u,popoverContainerRef:x,strategy:f})};const Popover=(0,external_react_namespaceObject.forwardRef)(PopoverComponent);exports.Popover=__webpack_exports__.Popover;for(var __rspack_i in __webpack_exports__)if(-1===["Popover"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/stories/demos/animationsDemo.js

@@ -1,4 +1,4 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var n in t)if(__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n))Object.defineProperty(e,n,{enumerable:true,get:t[n]})}})();(()=>{__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__,{AnimationsDemo:()=>AnimationsDemo});const jsx_runtime_namespaceObject=require("react/jsx-runtime");require("./animationsDemo.css");const external_react_namespaceObject=require("react");const button_js_namespaceObject=require("../../../button/button.js");const overlay_js_namespaceObject=require("../../../../lib/components/overlay/overlay.js");const spring_animations_js_namespaceObject=require("../../animations/spring.animations.js");const external_popover_js_namespaceObject=require("../../popover.js");const POPOVER_BASE_STYLES={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 POPOVER_CONTENT_STYLES={extra:{...POPOVER_BASE_STYLES,maxWidth:"350px",minWidth:"250px"},modal:{...POPOVER_BASE_STYLES,borderRadius:"8px",maxWidth:"500px",minWidth:"300px",padding:"2rem"},standard:{...POPOVER_BASE_STYLES,minWidth:"200px"},wide:{...POPOVER_BASE_STYLES,maxWidth:"350px",minWidth:"200px"}};const BUILTIN_POPOVERS=[{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 SPRING_POPOVERS=[{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 PopoverContent=({content:e})=>(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:e.title}),(0,jsx_runtime_namespaceObject.jsx)("p",{children:e.description}),e.params&&(0,jsx_runtime_namespaceObject.jsx)("div",{style:{color:"#666",fontSize:"0.9em",marginTop:"0.5rem"},children:(0,jsx_runtime_namespaceObject.jsx)("code",{children:e.params})})]});const DemoButton=({id:e,label:t,onClick:n})=>(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:"MEDIUM",variant:"PRIMARY",onClick:t=>n(t,e),children:t});const AnimationsDemo=()=>{const[e,t]=(0,external_react_namespaceObject.useState)(null);const n=(e,n)=>{t(n)};const i=()=>{t(null)};(0,external_react_namespaceObject.useEffect)(()=>{const e=[{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}}];e.forEach(({className:e,config:t})=>{const n=(0,spring_animations_js_namespaceObject.createSpringAnimation)("down",{...t,placement:"bottom"});const i=document.getElementById(`spring-style-${e}`);if(i)i.remove();const a=`${e}-keyframes`;const o=`
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var n in t)if(__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n))Object.defineProperty(e,n,{enumerable:true,get:t[n]})}})();(()=>{__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__,{AnimationsDemo:()=>AnimationsDemo});const jsx_runtime_namespaceObject=require("react/jsx-runtime");require("./animationsDemo.css");const external_react_namespaceObject=require("react");const button_js_namespaceObject=require("../../../button/button.js");const overlay_js_namespaceObject=require("../../../../lib/components/overlay/overlay.js");const spring_animations_js_namespaceObject=require("../../animations/spring.animations.js");const external_popover_js_namespaceObject=require("../../popover.js");const POPOVER_BASE_STYLES={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 POPOVER_CONTENT_STYLES={extra:{...POPOVER_BASE_STYLES,maxWidth:"350px",minWidth:"250px"},modal:{...POPOVER_BASE_STYLES,borderRadius:"8px",maxWidth:"500px",minWidth:"300px",padding:"2rem"},standard:{...POPOVER_BASE_STYLES,minWidth:"200px"},wide:{...POPOVER_BASE_STYLES,maxWidth:"350px",minWidth:"200px"}};const BUILTIN_POPOVERS=[{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 SPRING_POPOVERS=[{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 PopoverContent=({content:e})=>(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:e.title}),(0,jsx_runtime_namespaceObject.jsx)("p",{children:e.description}),e.params&&(0,jsx_runtime_namespaceObject.jsx)("div",{style:{color:"#666",fontSize:"0.9em",marginTop:"0.5rem"},children:(0,jsx_runtime_namespaceObject.jsx)("code",{children:e.params})})]});const DemoButton=({id:e,label:t,onClick:n})=>(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:"MEDIUM",variant:"PRIMARY",onClick:t=>n(t,e),children:t});const AnimationsDemo=()=>{const[e,t]=(0,external_react_namespaceObject.useState)(null);const n=(e,n)=>{t(n)};const i=()=>{t(null)};(0,external_react_namespaceObject.useEffect)(()=>{const e=[{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}}];e.forEach(({className:e,config:t})=>{const n=(0,spring_animations_js_namespaceObject.createSpringAnimation)("down",{...t,placement:"bottom"});const i=document.getElementById(`spring-style-${e}`);if(i)i.remove();const a=`${e}-keyframes`;const o=`
         @keyframes ${a} {
           ${n.keyframesCSS}
         }
@@ -10,7 +10,7 @@
         .${e}[data-kbt-closing="true"] {
           animation: ${a} ${n.duration} ease-in reverse !important;
         }
-      `;const s=document.createElement("style");s.id=`spring-style-${e}`;s.textContent=o;document.head.appendChild(s)});return()=>{e.forEach(({className:e})=>{const t=document.getElementById(`spring-style-${e}`);if(t)t.remove()})}},[]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-container",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-section",children:[(0,jsx_runtime_namespaceObject.jsx)("h3",{className:"demo-section-title",children:"\uD83C\uDFAF Built-in CSS Animations"}),(0,jsx_runtime_namespaceObject.jsx)("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."}),(0,jsx_runtime_namespaceObject.jsx)("pre",{className:"demo-code-block",children:`// No animation configuration needed - Popover handles everything
+      `;const s=document.createElement("style");s.id=`spring-style-${e}`;s.textContent=o;document.head.appendChild(s)});return()=>{e.forEach(({className:e})=>{const t=document.getElementById(`spring-style-${e}`);if(t)t.remove()})}},[]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-container",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-section",children:[(0,jsx_runtime_namespaceObject.jsx)("h3",{className:"demo-section-title",children:"🎯 Built-in CSS Animations"}),(0,jsx_runtime_namespaceObject.jsx)("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."}),(0,jsx_runtime_namespaceObject.jsx)("pre",{className:"demo-code-block",children:`// No animation configuration needed - Popover handles everything
 <Popover
   placement="bottom"  // Animation direction determined automatically
   open={isOpen}
@@ -18,7 +18,7 @@
 >
   Content here
 </Popover>
-`}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"demo-button-grid",children:BUILTIN_POPOVERS.map(e=>{const t=e.content.title.replace("\uD83C\uDFAF ","").replace(" Animation","");return(0,jsx_runtime_namespaceObject.jsx)(DemoButton,{id:e.id,label:t,onClick:n},e.id)})})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-section",children:[(0,jsx_runtime_namespaceObject.jsx)("h3",{className:"demo-section-title",children:"\uD83C\uDF00 Spring Physics Custom Animations"}),(0,jsx_runtime_namespaceObject.jsx)("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."}),(0,jsx_runtime_namespaceObject.jsx)("pre",{className:"demo-code-block",children:`// Spring physics animations with realistic movement
+`}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"demo-button-grid",children:BUILTIN_POPOVERS.map(e=>{const t=e.content.title.replace("🎯 ","").replace(" Animation","");return(0,jsx_runtime_namespaceObject.jsx)(DemoButton,{id:e.id,label:t,onClick:n},e.id)})})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"demo-section",children:[(0,jsx_runtime_namespaceObject.jsx)("h3",{className:"demo-section-title",children:"🌀 Spring Physics Custom Animations"}),(0,jsx_runtime_namespaceObject.jsx)("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."}),(0,jsx_runtime_namespaceObject.jsx)("pre",{className:"demo-code-block",children:`// Spring physics animations with realistic movement
 import { createSpringAnimation } from '@/components/popover/animations/spring.animations';
 
 // Create spring animation

package/dist/cjs/components/popover/stories/demos/popoverBodyPositionDemo.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var n in t)if(__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n))Object.defineProperty(e,n,{enumerable:true,get:t[n]})}})();(()=>{__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__,{BodyPositionsDemo:()=>BodyPositionsDemo});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const button_js_namespaceObject=require("../../../button/button.js");const text_js_namespaceObject=require("../../../text/text.js");const variants_namespaceObject=require("@/lib/designSystem/kubit/components/text/variants");const components_variants_namespaceObject=require("@/lib/designSystem/kubit/components/variants");const useActiveBreakpoints_js_namespaceObject=require("../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const external_popover_js_namespaceObject=require("../../popover.js");const getPlacementFromBodyDirection=e=>{switch(e){case"center":return;case"top":return"top";case"right":return"right";case"left":return"left";case"bottom":return"bottom";default:return}};const BodyPositionsDemo=e=>{const[t,n]=(0,external_react_namespaceObject.useState)(false);const[a,s]=(0,external_react_namespaceObject.useState)("center");const[r,i]=(0,external_react_namespaceObject.useState)({edgePadding:0,offsetDistance:[0,0]});const c=(0,external_react_namespaceObject.useRef)(null);const o=()=>{n(false)};const p=e=>{s(e);n(true)};const _=()=>{i(e=>({...e,edgePadding:0===e.edgePadding?24:0}))};const{isMobile:d}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const{placement:j,...x}=e;const m=e=>{if(d&&"center"!==e)return{width:"100%"};switch(e){case"center":return{maxWidth:"500px",minWidth:"400px"};case"top":return{maxWidth:"90vw",minWidth:"300px"};case"right":return{maxWidth:"400px",minWidth:"300px"};case"left":return{maxWidth:"350px",minWidth:"250px"};case"bottom":return{maxWidth:"600px",minWidth:"200px"};default:return{}}};const b={bottom:"This popover is anchored to the bottom of the viewport. Perfect for action sheets, mobile menus, and keyboard-avoiding containers. (Width: 200px - 600px)",center:"This popover is centered in the viewport. This is the default positioning behavior and works well for dialogs and modals. (Width: 400px - 500px)",left:"This popover is anchored to the left edge of the viewport. Good for navigation menus or toolbars. (Width: 250px - 350px)",right:"This popover is anchored to the right edge of the viewport. Useful for side panels, contextual menus, or navigation drawers. (Width: 300px - 400px)",top:"This popover is anchored to the top of the viewport. Perfect for top notifications, banners, or alerts that need immediate attention. (Width: 300px - 90vw)"};return(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,weight:700,children:"Popover Body Positioning"}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"Without a specific anchor element (body by default), the popover can be positioned in different ways relative to the viewport with placement property."}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"Uses an overlay with backdrop (overlay property) that darkens the background, and can be configured with a optional directional arrow with hasArrow property."}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"When using the body as anchor, the popover can be positioned in different ways (placement prop). Select one of the options below to see how each position works."}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," This demo also showcases the"," ",(0,jsx_runtime_namespaceObject.jsx)("code",{children:"edgePadding"})," option, which maintains distance from viewport edges to prevent the popover from touching the screen boundaries."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Width and Height Control:"})," Each position demonstrates different width constraints. The popover content controls its own dimensions instead of the popover container having fixed constraints. Notice how each position has different sizing to show the flexibility."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["For more information, check the"," ",(0,jsx_runtime_namespaceObject.jsx)("a",{href:"?path=/docs/components-resources-Popover--docs",rel:"noopener noreferrer",style:{color:"#0066cc",textDecoration:"underline"},target:"_blank",children:"Documentation section"})," ","in Storybook."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding Demo:"})," Use the controls below to see how"," ",(0,jsx_runtime_namespaceObject.jsx)("code",{children:"edgePadding"})," affects popover positioning relative to viewport edges."]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#e8f4fd",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"16px",padding:"20px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"\uD83D\uDD27 Edge Padding Controls"})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{alignItems:"center",display:"flex",gap:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})}),(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:components_variants_namespaceObject.ButtonSizeType.SMALL,variant:r.edgePadding>0?components_variants_namespaceObject.ButtonVariantType.PRIMARY:components_variants_namespaceObject.ButtonVariantType.SECONDARY,onClick:_,children:r.edgePadding>0?"24px ON":"OFF"})]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["Current: ",r.edgePadding,"px -"," ",r.edgePadding>0?"✅ Maintains distance from viewport edges":"❌ Can touch viewport edges"]})]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#fff9e6",border:"1px solid #ffd700",borderRadius:"8px",padding:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"\uD83D\uDD0D How edge padding work:"})}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["1. ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," Always works - maintains distance from viewport edges"]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#f5f5f5",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"8px",justifyContent:"center",padding:"20px"},children:[(0,jsx_runtime_namespaceObject.jsx)("div",{children:(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Current Position:"})," ",a]})}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"center"===a?"The popover will be centered on the screen.":"top"===a?"The popover will be anchored to the top of the screen.":"right"===a?"The popover will be anchored to the right edge of the screen.":"left"===a?"The popover will be anchored to the left edge of the screen.":"The popover will be anchored to the bottom of the screen."}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"16px",justifyContent:"center"},children:["center","top","right","left","bottom"].map(e=>(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{ref:"center"===e?c:void 0,size:components_variants_namespaceObject.ButtonSizeType.LARGE,type:"button",variant:a===e?components_variants_namespaceObject.ButtonVariantType.PRIMARY:components_variants_namespaceObject.ButtonVariantType.SECONDARY,onClick:()=>p(e),children:"center"===e?"Center (Default)":e.charAt(0).toUpperCase()+e.slice(1)},e))})]}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_js_namespaceObject.Popover,{...x,middlewareOptions:r,open:t,placement:getPlacementFromBodyDirection(a),zIndex:800,onClose:o,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"white",border:"1px solid #e8e8e8",borderRadius:"8px",boxShadow:"0 6px 16px rgba(0, 0, 0, 0.12)",height:d&&"center"!==a?"100vh":"auto",padding:"24px",...m(a)},children:[(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.HEADING_H3_EXTENDED,children:[a.charAt(0).toUpperCase()+a.slice(1)," Position"]}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{backgroundColor:"#f9f9f9",border:"1px solid #f0f0f0",borderRadius:"6px",marginBottom:"20px",marginTop:"12px",padding:"12px"},children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:b[a]})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#f0f8ff",border:"1px solid #d0e7ff",borderRadius:"6px",marginBottom:"20px",padding:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"\uD83D\uDD27 Current Edge Padding Configuration"})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{marginTop:"8px"},children:[(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," ",r.edgePadding,"px"," ",r.edgePadding>0?"✅ Active":"❌ Disabled"]}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:r.edgePadding>0?`• Maintains ${r.edgePadding}px distance from viewport edges`:"• Popover can touch viewport edges"}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Current Position:"})," ",a]})]})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{display:"flex",justifyContent:"flex-end"},children:(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:components_variants_namespaceObject.ButtonSizeType.LARGE,variant:components_variants_namespaceObject.ButtonVariantType.PRIMARY,onClick:o,children:"Close"})})]})})]})};exports.BodyPositionsDemo=__webpack_exports__.BodyPositionsDemo;for(var __rspack_i in __webpack_exports__)if(-1===["BodyPositionsDemo"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var n in t)if(__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n))Object.defineProperty(e,n,{enumerable:true,get:t[n]})}})();(()=>{__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__,{BodyPositionsDemo:()=>BodyPositionsDemo});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");const button_js_namespaceObject=require("../../../button/button.js");const text_js_namespaceObject=require("../../../text/text.js");const variants_namespaceObject=require("@/lib/designSystem/kubit/components/text/variants");const components_variants_namespaceObject=require("@/lib/designSystem/kubit/components/variants");const useActiveBreakpoints_js_namespaceObject=require("../../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");const external_popover_js_namespaceObject=require("../../popover.js");const getPlacementFromBodyDirection=e=>{switch(e){case"center":return;case"top":return"top";case"right":return"right";case"left":return"left";case"bottom":return"bottom";default:return}};const BodyPositionsDemo=e=>{const[t,n]=(0,external_react_namespaceObject.useState)(false);const[a,s]=(0,external_react_namespaceObject.useState)("center");const[r,i]=(0,external_react_namespaceObject.useState)({edgePadding:0,offsetDistance:[0,0]});const c=(0,external_react_namespaceObject.useRef)(null);const o=()=>{n(false)};const p=e=>{s(e);n(true)};const _=()=>{i(e=>({...e,edgePadding:0===e.edgePadding?24:0}))};const{isMobile:d}=(0,useActiveBreakpoints_js_namespaceObject.useActiveBreakpoints)();const{placement:j,...x}=e;const m=e=>{if(d&&"center"!==e)return{width:"100%"};switch(e){case"center":return{maxWidth:"500px",minWidth:"400px"};case"top":return{maxWidth:"90vw",minWidth:"300px"};case"right":return{maxWidth:"400px",minWidth:"300px"};case"left":return{maxWidth:"350px",minWidth:"250px"};case"bottom":return{maxWidth:"600px",minWidth:"200px"};default:return{}}};const b={bottom:"This popover is anchored to the bottom of the viewport. Perfect for action sheets, mobile menus, and keyboard-avoiding containers. (Width: 200px - 600px)",center:"This popover is centered in the viewport. This is the default positioning behavior and works well for dialogs and modals. (Width: 400px - 500px)",left:"This popover is anchored to the left edge of the viewport. Good for navigation menus or toolbars. (Width: 250px - 350px)",right:"This popover is anchored to the right edge of the viewport. Useful for side panels, contextual menus, or navigation drawers. (Width: 300px - 400px)",top:"This popover is anchored to the top of the viewport. Perfect for top notifications, banners, or alerts that need immediate attention. (Width: 300px - 90vw)"};return(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,weight:700,children:"Popover Body Positioning"}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"Without a specific anchor element (body by default), the popover can be positioned in different ways relative to the viewport with placement property."}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"Uses an overlay with backdrop (overlay property) that darkens the background, and can be configured with a optional directional arrow with hasArrow property."}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"When using the body as anchor, the popover can be positioned in different ways (placement prop). Select one of the options below to see how each position works."}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," This demo also showcases the"," ",(0,jsx_runtime_namespaceObject.jsx)("code",{children:"edgePadding"})," option, which maintains distance from viewport edges to prevent the popover from touching the screen boundaries."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Width and Height Control:"})," Each position demonstrates different width constraints. The popover content controls its own dimensions instead of the popover container having fixed constraints. Notice how each position has different sizing to show the flexibility."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["For more information, check the"," ",(0,jsx_runtime_namespaceObject.jsx)("a",{href:"?path=/docs/components-resources-Popover--docs",rel:"noopener noreferrer",style:{color:"#0066cc",textDecoration:"underline"},target:"_blank",children:"Documentation section"})," ","in Storybook."]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding Demo:"})," Use the controls below to see how"," ",(0,jsx_runtime_namespaceObject.jsx)("code",{children:"edgePadding"})," affects popover positioning relative to viewport edges."]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#e8f4fd",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"16px",padding:"20px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"🔧 Edge Padding Controls"})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{alignItems:"center",display:"flex",gap:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})}),(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:components_variants_namespaceObject.ButtonSizeType.SMALL,variant:r.edgePadding>0?components_variants_namespaceObject.ButtonVariantType.PRIMARY:components_variants_namespaceObject.ButtonVariantType.SECONDARY,onClick:_,children:r.edgePadding>0?"24px ON":"OFF"})]}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["Current: ",r.edgePadding,"px -"," ",r.edgePadding>0?"✅ Maintains distance from viewport edges":"❌ Can touch viewport edges"]})]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#fff9e6",border:"1px solid #ffd700",borderRadius:"8px",padding:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"🔍 How edge padding work:"})}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:["1. ",(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," Always works - maintains distance from viewport edges"]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#f5f5f5",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"8px",justifyContent:"center",padding:"20px"},children:[(0,jsx_runtime_namespaceObject.jsx)("div",{children:(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Current Position:"})," ",a]})}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:"center"===a?"The popover will be centered on the screen.":"top"===a?"The popover will be anchored to the top of the screen.":"right"===a?"The popover will be anchored to the right edge of the screen.":"left"===a?"The popover will be anchored to the left edge of the screen.":"The popover will be anchored to the bottom of the screen."}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"16px",justifyContent:"center"},children:["center","top","right","left","bottom"].map(e=>(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{ref:"center"===e?c:void 0,size:components_variants_namespaceObject.ButtonSizeType.LARGE,type:"button",variant:a===e?components_variants_namespaceObject.ButtonVariantType.PRIMARY:components_variants_namespaceObject.ButtonVariantType.SECONDARY,onClick:()=>p(e),children:"center"===e?"Center (Default)":e.charAt(0).toUpperCase()+e.slice(1)},e))})]}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_js_namespaceObject.Popover,{...x,middlewareOptions:r,open:t,placement:getPlacementFromBodyDirection(a),zIndex:800,onClose:o,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"white",border:"1px solid #e8e8e8",borderRadius:"8px",boxShadow:"0 6px 16px rgba(0, 0, 0, 0.12)",height:d&&"center"!==a?"100vh":"auto",padding:"24px",...m(a)},children:[(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.HEADING_H3_EXTENDED,children:[a.charAt(0).toUpperCase()+a.slice(1)," Position"]}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{backgroundColor:"#f9f9f9",border:"1px solid #f0f0f0",borderRadius:"6px",marginBottom:"20px",marginTop:"12px",padding:"12px"},children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:b[a]})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{backgroundColor:"#f0f8ff",border:"1px solid #d0e7ff",borderRadius:"6px",marginBottom:"20px",padding:"12px"},children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,children:(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"🔧 Current Edge Padding Configuration"})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{style:{marginTop:"8px"},children:[(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Edge Padding:"})," ",r.edgePadding,"px"," ",r.edgePadding>0?"✅ Active":"❌ Disabled"]}),(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:r.edgePadding>0?`• Maintains ${r.edgePadding}px distance from viewport edges`:"• Popover can touch viewport edges"}),(0,jsx_runtime_namespaceObject.jsxs)(text_js_namespaceObject.Text,{variant:variants_namespaceObject.TextVariantType.PARAGRAPH_SMALL_EXTENDED,children:[(0,jsx_runtime_namespaceObject.jsx)("strong",{children:"Current Position:"})," ",a]})]})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{style:{display:"flex",justifyContent:"flex-end"},children:(0,jsx_runtime_namespaceObject.jsx)(button_js_namespaceObject.Button,{size:components_variants_namespaceObject.ButtonSizeType.LARGE,variant:components_variants_namespaceObject.ButtonVariantType.PRIMARY,onClick:o,children:"Close"})})]})})]})};exports.BodyPositionsDemo=__webpack_exports__.BodyPositionsDemo;for(var __rspack_i in __webpack_exports__)if(-1===["BodyPositionsDemo"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/popover/stories/demos/popoverScrollBehaviorDemo.js

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

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

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

package/dist/cjs/components/select/selectStandAlone.js

@@ -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__,{SelectStandAlone:()=>SelectStandAlone});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 pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const listOptions_js_namespaceObject=require("../listOptions/listOptions.js");const listOptions_utils_js_namespaceObject=require("../listOptions/utils/listOptions.utils.js");const popover_js_namespaceObject=require("../popover/popover.js");const SelectStandAlone=(0,external_react_namespaceObject.forwardRef)(({buttonOrLinkRef:e,component:t,cssClasses:s,icon:o,label:n,listOptions:c,listOptionsRef:a,onBlur:r,onButtonClick:_,onButtonKeyDown:i,onClosePopover:p,onFocus:l,onKeyDown:m,onOptionClick:u,open:b,optionSelected:j,popover:d,url:O,urlTarget:x,...k},v)=>{const f=(0,external_react_namespaceObject.useId)();const C=`select-${f.replace(/:/g,"")}`;const y=b?`${C}-list`:void 0;const w=k["data-testid"]||"select";const q=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(k);const S=e=>(t,s)=>{if(s?.shiftKey){const e=Math.max(t,0)-1;if(e>=0)s?.preventDefault();return Math.max(e,0)}const o=Math.max(t,0)+1;if(o<=e.length-1)s?.preventDefault();return Math.min(o,e.length-1)};const h=(0,external_react_namespaceObject.useMemo)(()=>({currentFocusSelected:-1,keyDownMove:(0,listOptions_utils_js_namespaceObject.keyDownMove)(c.options),keyLeftMove:0,keyRightMove:0,keyTabMove:S(c.options),keyUpMove:listOptions_utils_js_namespaceObject.keyUpMove,size:c.options.length}),[c.options]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:v,className:s?.select,"data-testid":w,role:"combobox",onBlur:r,onFocus:l,onKeyDown:m,...q,"aria-controls":"select-list","aria-expanded":b,tabIndex:0,children:[(0,jsx_runtime_namespaceObject.jsxs)(customComponent_js_namespaceObject.CustomComponent,{ref:e,"aria-controls":y,"aria-expanded":b,"aria-haspopup":"listbox",className:s?.buttonorlinkcontainer,component:t,target:O?x:void 0,type:O?void 0:"button",url:O,onClick:_,onKeyDown:i,children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:b?s?.labelopened:s?.labelclosed},component:"span",...(0,processCommonProp_js_namespaceObject.processTextProp)(n)}),(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:b?s?.iconopened:s?.iconclosed,rotate:b?"180deg":"0deg",transitionDuration:"0.2s",...(0,processCommonProp_js_namespaceObject.processIconProp)(o)})]}),!!d&&(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{anchorElement:e?.current,component:"div",disableAutoFocusFirstDescendant:true,disableAutoFocusFirstDescendantAfterClose:true,disableClickOverlayClose:false,disableEscapeClose:false,disableTrapFocus:true,id:y,open:b,placement:"bottom",preventCloseOnClickElements:[e?.current],strategy:"absolute",...d,onClose:()=>{p();d?.onClose?.()},children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:s?.listoptionscontainer,"data-testid":`${w}-list`,children:!!c.variant&&!!c.optionVariant&&(0,jsx_runtime_namespaceObject.jsx)(listOptions_js_namespaceObject.ListOptions,{ref:a,roveFocus:"selection"===c.type?h:void 0,selectedValue:j,...c,onOptionClick:e=>{u(e);p()}})})})]})});exports.SelectStandAlone=__webpack_exports__.SelectStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["SelectStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"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__,{SelectStandAlone:()=>SelectStandAlone});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 pickCustomAttributes_js_namespaceObject=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");const processCommonProp_js_namespaceObject=require("../../lib/utils/process/processCommonProp.js");const customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const listOptions_js_namespaceObject=require("../listOptions/listOptions.js");const listOptions_utils_js_namespaceObject=require("../listOptions/utils/listOptions.utils.js");const popover_js_namespaceObject=require("../popover/popover.js");const SelectStandAlone=(0,external_react_namespaceObject.forwardRef)(({buttonOrLinkRef:e,component:t,cssClasses:s,icon:o,label:n,listOptions:c,listOptionsRef:a,onBlur:r,onButtonClick:_,onButtonKeyDown:i,onClosePopover:p,onFocus:l,onKeyDown:m,onOptionClick:u,open:b,optionSelected:j,popover:d,url:O,urlTarget:x,...k},v)=>{const f=(0,external_react_namespaceObject.useId)();const C=`select-${f.replace(/:/g,"")}`;const y=b?`${C}-list`:void 0;const w=k["data-testid"]||"select";const q=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(k);const S=e=>(t,s)=>{if(s?.shiftKey){const e=Math.max(t,0)-1;if(e>=0)s?.preventDefault();return Math.max(e,0)}const o=Math.max(t,0)+1;if(o<=e.length-1)s?.preventDefault();return Math.min(o,e.length-1)};const h=(0,external_react_namespaceObject.useMemo)(()=>({currentFocusSelected:-1,keyDownMove:(0,listOptions_utils_js_namespaceObject.keyDownMove)(c.options),keyLeftMove:0,keyRightMove:0,keyTabMove:S(c.options),keyUpMove:listOptions_utils_js_namespaceObject.keyUpMove,size:c.options.length}),[c.options]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:v,className:s?.select,"data-testid":w,role:"combobox",onBlur:r,onFocus:l,onKeyDown:m,...q,"aria-controls":"select-list","aria-expanded":b,tabIndex:0,children:[(0,jsx_runtime_namespaceObject.jsxs)(customComponent_js_namespaceObject.CustomComponent,{ref:e,"aria-controls":y,"aria-expanded":b,"aria-haspopup":"listbox",className:s?.buttonorlinkcontainer,component:t,target:O?x:void 0,type:O?void 0:"button",url:O,onClick:_,onKeyDown:i,children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:b?s?.labelopened:s?.labelclosed},component:"span",...(0,processCommonProp_js_namespaceObject.processTextProp)(n)}),(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:b?s?.iconopened:s?.iconclosed,rotate:b?"180deg":"0deg",transitionDuration:"0.2s",...(0,processCommonProp_js_namespaceObject.processIconProp)(o)})]}),!!d&&(0,jsx_runtime_namespaceObject.jsx)(popover_js_namespaceObject.Popover,{disableAutoFocusFirstDescendant:true,disableAutoFocusFirstDescendantAfterClose:true,disableTrapFocus:true,anchorElement:e?.current,component:"div",disableClickOverlayClose:false,disableEscapeClose:false,id:y,open:b,placement:"bottom",preventCloseOnClickElements:[e?.current],strategy:"absolute",...d,onClose:()=>{p();d?.onClose?.()},children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:s?.listoptionscontainer,"data-testid":`${w}-list`,children:!!c.variant&&!!c.optionVariant&&(0,jsx_runtime_namespaceObject.jsx)(listOptions_js_namespaceObject.ListOptions,{ref:a,roveFocus:"selection"===c.type?h:void 0,selectedValue:j,...c,onOptionClick:e=>{u(e);p()}})})})]})});exports.SelectStandAlone=__webpack_exports__.SelectStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["SelectStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/slider/components/sliderScaleStandAlone.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var r in t)if(__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r))Object.defineProperty(e,r,{enumerable:true,get:t[r]})}})();(()=>{__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__,{SliderScaleStandAlone:()=>SliderScaleStandAlone});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 SliderScaleStandAlone=({cssClasses:e,customAttributes:t,scaleOffsets:r,showScale:_})=>{const a=(0,external_react_namespaceObject.useId)();const c=`tickmarks-${a.replace(/:/g,"")}`;const[s,n]=(0,external_react_namespaceObject.useState)("0px");const i=(0,external_react_namespaceObject.useRef)(null);(0,external_react_namespaceObject.useEffect)(()=>{if(i.current)n(`${i.current.offsetWidth}px`)},[i.current]);if(!_)return null;if(!_)return null;return(0,jsx_runtime_namespaceObject.jsx)("div",{className:e?.scalecontainer,id:c,...(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(t),children:r.map((t,r)=>{const _={left:`calc(${t}% - ${s} / 2)`};return(0,jsx_runtime_namespaceObject.jsx)("span",{className:e?.scaleoption,style:_},`${c}-${r.toString()}`)})})};exports.SliderScaleStandAlone=__webpack_exports__.SliderScaleStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["SliderScaleStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"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__,{SliderScaleStandAlone:()=>SliderScaleStandAlone});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 SliderScaleStandAlone=({cssClasses:e,customAttributes:t,scaleOffsets:_,showScale:r})=>{const a=(0,external_react_namespaceObject.useId)();const c=`tickmarks-${a.replace(/:/g,"")}`;const[s,n]=(0,external_react_namespaceObject.useState)("0px");const i=(0,external_react_namespaceObject.useRef)(null);(0,external_react_namespaceObject.useEffect)(()=>{if(i.current)n(`${i.current.offsetWidth}px`)},[]);if(!r)return null;if(!r)return null;return(0,jsx_runtime_namespaceObject.jsx)("div",{className:e?.scalecontainer,id:c,...(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(t),children:_.map((t,_)=>{const r={left:`calc(${t}% - ${s} / 2)`};return(0,jsx_runtime_namespaceObject.jsx)("span",{className:e?.scaleoption,style:r},`${c}-${_.toString()}`)})})};exports.SliderScaleStandAlone=__webpack_exports__.SliderScaleStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["SliderScaleStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/slider/sliderStandAlone.js

@@ -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__,{SliderStandAlone:()=>SliderStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");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 text_js_namespaceObject=require("../text/text.js");const sliderButtonStandAlone_js_namespaceObject=require("./components/sliderButtonStandAlone.js");const sliderHelperTextStandAlone_js_namespaceObject=require("./components/sliderHelperTextStandAlone.js");const sliderScaleStandAlone_js_namespaceObject=require("./components/sliderScaleStandAlone.js");const sliderThumbStandAlone_js_namespaceObject=require("./components/sliderThumbStandAlone.js");const accessibility_utils_js_namespaceObject=require("./utils/accessibility.utils.js");const state_utils_js_namespaceObject=require("./utils/state.utils.js");const ui_utils_js_namespaceObject=require("./utils/ui.utils.js");const SliderStandAlone=(0,external_react_namespaceObject.forwardRef)(({activePointer:e,ariaLabel:t,ariaLabelBy:s,containerRef:a,cssClasses:c,decrementButton:r,disabled:i,hover:n,incrementButton:l,label:_,leftHelperText:o,max:d,min:u,offset:m,offsetLeft:j,offsetRight:p,onChange:b,onKeyPress:x,onMouseDown:O,onTouchStart:h,pressed:S,range:v,rightAriaLabel:A,rightAriaLabelBy:k,rightHelperText:T,rightThumbIcon:f,rightTooltip:y,scaleOffsets:$,setHover:w,showScale:g,step:N,thumbIcon:q,tooltip:C,value:B,...M},P)=>{const D=(0,external_react_namespaceObject.useId)();const H=`slider-${D.replace(/:/g,"")}`;const I=(0,state_utils_js_namespaceObject.getState)({disabled:i,hover:n,pressed:S});const L={"data-state":I};const F=M["data-testid"]??"slider";const K=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(L);const R=(0,processCommonProp_js_namespaceObject.processTextProp)(_).children&&!v?`${H}Label`:void 0;const z=`${H}LeftHelperText`;const E=`${H}RightHelperText`;const G=s??R;return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:P,className:c?.slider,"data-disabled":i,"data-hover":n,"data-pressed":S,...K,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.labelcontainer,...K,children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:c?.label},component:"label",customAttributes:L,id:R,...(0,processCommonProp_js_namespaceObject.processTextProp)(_)})}),(0,jsx_runtime_namespaceObject.jsx)(sliderScaleStandAlone_js_namespaceObject.SliderScaleStandAlone,{cssClasses:c,customAttributes:L,scaleOffsets:$,showScale:g}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:c?.buttonstrackscontainer,children:[(0,jsx_runtime_namespaceObject.jsx)(sliderButtonStandAlone_js_namespaceObject.SliderButtonStandAlone,{...r,cssClasses:c,customAttributes:L}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.tracksthumbscontainer,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:a,className:c?.tracksthumbsinnercontainer,"data-testid":`${F}-container`,role:"button",tabIndex:0,onMouseDown:O,onTouchMove:b,onTouchStart:h,children:[v&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:false,[`${c?.inactivetrack}`]:true}),...K,"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-inactive-left-track`,style:{left:0,width:`${j}%`}}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:true,[`${c?.inactivetrack}`]:false}),"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-active-track`,style:{left:`${j}%`,right:`${p}%`},...K}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:false,[`${c?.inactivetrack}`]:true}),"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-inactive-right-track`,style:{right:0,width:`${p}%`},...K}),(0,jsx_runtime_namespaceObject.jsx)(sliderThumbStandAlone_js_namespaceObject.SliderThumbStandAlone,{ariaDescribedBy:(0,accessibility_utils_js_namespaceObject.buildAriaDescribedBy)([{helperText:o,helperTextId:z},{helperText:T,helperTextId:E}]),ariaLabel:t,ariaLabelBy:G,cssClasses:c,customAttributes:L,"data-testid":`${F}-left-thumb`,disabled:i,hover:(0,ui_utils_js_namespaceObject.isActive)(n,e.current,"left"),icon:q,max:B[1]-N,min:u,pressed:(0,ui_utils_js_namespaceObject.isActive)(S,e.current,"left"),state:I,style:{left:`${j}%`},tooltip:C,value:B[0],onFocus:()=>e.current="left",onKeyDown:x,onMouseOut:()=>w(false),onMouseOver:()=>{w(true);e.current="left"},onTouchStart:()=>{e.current="left"}}),(0,jsx_runtime_namespaceObject.jsx)(sliderThumbStandAlone_js_namespaceObject.SliderThumbStandAlone,{ariaDescribedBy:(0,accessibility_utils_js_namespaceObject.buildAriaDescribedBy)([{helperText:o,helperTextId:z},{helperText:T,helperTextId:E}]),ariaLabel:A,ariaLabelBy:k,cssClasses:c,customAttributes:L,"data-testid":`${F}-right-thumb`,disabled:i,hover:(0,ui_utils_js_namespaceObject.isActive)(n,e.current,"right"),icon:f,max:d,min:B[0]+N,pressed:(0,ui_utils_js_namespaceObject.isActive)(S,e.current,"right"),rightThumb:true,state:I,style:{right:`${p}%`},tooltip:y,value:B[1],onFocus:()=>e.current="right",onKeyDown:x,onMouseOut:()=>w(false),onMouseOver:()=>{w(true);e.current="right"},onTouchStart:()=>{e.current="right"}})]}),!v&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:true,[`${c?.inactivetrack}`]:false}),"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-active-track`,style:{width:`${m}%`},...K}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:false,[`${c?.inactivetrack}`]:true}),"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-inactive-track`,style:{right:0,width:`calc(${100-m}%)`},...K}),(0,jsx_runtime_namespaceObject.jsx)(sliderThumbStandAlone_js_namespaceObject.SliderThumbStandAlone,{ariaDescribedBy:(0,accessibility_utils_js_namespaceObject.buildAriaDescribedBy)([{helperText:o,helperTextId:z},{helperText:T,helperTextId:E}]),ariaLabel:t,ariaLabelBy:G,cssClasses:c,customAttributes:L,"data-testid":`${F}-thumb`,disabled:i,hover:n,icon:q,max:d,min:u,pressed:S,state:I,style:{left:`${m}%`},tooltip:C,value:B,onKeyDown:x,onMouseOut:()=>w(false),onMouseOver:()=>w(true)})]})]})}),(0,jsx_runtime_namespaceObject.jsx)(sliderButtonStandAlone_js_namespaceObject.SliderButtonStandAlone,{...l,cssClasses:c,customAttributes:L})]}),(0,jsx_runtime_namespaceObject.jsx)(sliderHelperTextStandAlone_js_namespaceObject.SliderHelperTextStandAlone,{cssClasses:c,customAttributes:L,leftHelperText:o,leftHelperTextId:z,rightHelperText:T,rightHelperTextId:E})]})});exports.SliderStandAlone=__webpack_exports__.SliderStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["SliderStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"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__,{SliderStandAlone:()=>SliderStandAlone});const jsx_runtime_namespaceObject=require("react/jsx-runtime");const external_react_namespaceObject=require("react");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 text_js_namespaceObject=require("../text/text.js");const sliderButtonStandAlone_js_namespaceObject=require("./components/sliderButtonStandAlone.js");const sliderHelperTextStandAlone_js_namespaceObject=require("./components/sliderHelperTextStandAlone.js");const sliderScaleStandAlone_js_namespaceObject=require("./components/sliderScaleStandAlone.js");const sliderThumbStandAlone_js_namespaceObject=require("./components/sliderThumbStandAlone.js");const accessibility_utils_js_namespaceObject=require("./utils/accessibility.utils.js");const state_utils_js_namespaceObject=require("./utils/state.utils.js");const ui_utils_js_namespaceObject=require("./utils/ui.utils.js");const SliderStandAlone=(0,external_react_namespaceObject.forwardRef)(({activePointer:e,ariaLabel:t,ariaLabelBy:s,containerRef:a,cssClasses:c,decrementButton:r,disabled:i,hover:n,incrementButton:l,label:_,leftHelperText:o,max:d,min:u,offset:m,offsetLeft:j,offsetRight:p,onChange:b,onKeyPress:x,onMouseDown:O,onTouchStart:h,pressed:S,range:v,rightAriaLabel:A,rightAriaLabelBy:k,rightHelperText:T,rightThumbIcon:f,rightTooltip:y,scaleOffsets:$,setHover:w,showScale:g,step:N,thumbIcon:q,tooltip:C,value:B,...M},P)=>{const D=(0,external_react_namespaceObject.useId)();const H=`slider-${D.replace(/:/g,"")}`;const I=(0,state_utils_js_namespaceObject.getState)({disabled:i,hover:n,pressed:S});const L={"data-state":I};const F=M["data-testid"]??"slider";const K=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(L);const R=(0,processCommonProp_js_namespaceObject.processTextProp)(_).children&&!v?`${H}Label`:void 0;const z=`${H}LeftHelperText`;const E=`${H}RightHelperText`;const G=s??R;return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:P,className:c?.slider,"data-disabled":i,"data-hover":n,"data-pressed":S,...K,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.labelcontainer,...K,children:(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:c?.label},component:"label",customAttributes:L,id:R,...(0,processCommonProp_js_namespaceObject.processTextProp)(_)})}),(0,jsx_runtime_namespaceObject.jsx)(sliderScaleStandAlone_js_namespaceObject.SliderScaleStandAlone,{cssClasses:c,customAttributes:L,scaleOffsets:$,showScale:g}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:c?.buttonstrackscontainer,children:[(0,jsx_runtime_namespaceObject.jsx)(sliderButtonStandAlone_js_namespaceObject.SliderButtonStandAlone,{...r,cssClasses:c,customAttributes:L}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:c?.tracksthumbscontainer,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:a,className:c?.tracksthumbsinnercontainer,"data-testid":`${F}-container`,role:"button",tabIndex:0,onMouseDown:O,onTouchMove:b,onTouchStart:h,children:[v&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:false,[`${c?.inactivetrack}`]:true}),...K,"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-inactive-left-track`,style:{left:0,width:`${j}%`}}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:true,[`${c?.inactivetrack}`]:false}),"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-active-track`,style:{left:`${j}%`,right:`${p}%`},...K}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:false,[`${c?.inactivetrack}`]:true}),"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-inactive-right-track`,style:{right:0,width:`${p}%`},...K}),(0,jsx_runtime_namespaceObject.jsx)(sliderThumbStandAlone_js_namespaceObject.SliderThumbStandAlone,{ariaDescribedBy:(0,accessibility_utils_js_namespaceObject.buildAriaDescribedBy)([{helperText:o,helperTextId:z},{helperText:T,helperTextId:E}]),ariaLabel:t,ariaLabelBy:G,cssClasses:c,customAttributes:L,"data-testid":`${F}-left-thumb`,disabled:i,hover:(0,ui_utils_js_namespaceObject.isActive)(n,e.current,"left"),icon:q,max:B[1]-N,min:u,pressed:(0,ui_utils_js_namespaceObject.isActive)(S,e.current,"left"),state:I,style:{left:`${j}%`},tooltip:C,value:B[0],onFocus:()=>e.current="left",onKeyDown:x,onMouseOut:()=>w(false),onMouseOver:()=>{w(true);e.current="left"},onTouchStart:()=>{e.current="left"}}),(0,jsx_runtime_namespaceObject.jsx)(sliderThumbStandAlone_js_namespaceObject.SliderThumbStandAlone,{rightThumb:true,ariaDescribedBy:(0,accessibility_utils_js_namespaceObject.buildAriaDescribedBy)([{helperText:o,helperTextId:z},{helperText:T,helperTextId:E}]),ariaLabel:A,ariaLabelBy:k,cssClasses:c,customAttributes:L,"data-testid":`${F}-right-thumb`,disabled:i,hover:(0,ui_utils_js_namespaceObject.isActive)(n,e.current,"right"),icon:f,max:d,min:B[0]+N,pressed:(0,ui_utils_js_namespaceObject.isActive)(S,e.current,"right"),state:I,style:{right:`${p}%`},tooltip:y,value:B[1],onFocus:()=>e.current="right",onKeyDown:x,onMouseOut:()=>w(false),onMouseOver:()=>{w(true);e.current="right"},onTouchStart:()=>{e.current="right"}})]}),!v&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:true,[`${c?.inactivetrack}`]:false}),"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-active-track`,style:{width:`${m}%`},...K}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,classNames_js_namespaceObject.classNames)({[`${c?.activetrack}`]:false,[`${c?.inactivetrack}`]:true}),"data-disabled":i,"data-hover":n,"data-pressed":S,"data-testid":`${F}-inactive-track`,style:{right:0,width:`calc(${100-m}%)`},...K}),(0,jsx_runtime_namespaceObject.jsx)(sliderThumbStandAlone_js_namespaceObject.SliderThumbStandAlone,{ariaDescribedBy:(0,accessibility_utils_js_namespaceObject.buildAriaDescribedBy)([{helperText:o,helperTextId:z},{helperText:T,helperTextId:E}]),ariaLabel:t,ariaLabelBy:G,cssClasses:c,customAttributes:L,"data-testid":`${F}-thumb`,disabled:i,hover:n,icon:q,max:d,min:u,pressed:S,state:I,style:{left:`${m}%`},tooltip:C,value:B,onKeyDown:x,onMouseOut:()=>w(false),onMouseOver:()=>w(true)})]})]})}),(0,jsx_runtime_namespaceObject.jsx)(sliderButtonStandAlone_js_namespaceObject.SliderButtonStandAlone,{...l,cssClasses:c,customAttributes:L})]}),(0,jsx_runtime_namespaceObject.jsx)(sliderHelperTextStandAlone_js_namespaceObject.SliderHelperTextStandAlone,{cssClasses:c,customAttributes:L,leftHelperText:o,leftHelperTextId:z,rightHelperText:T,rightHelperTextId:E})]})});exports.SliderStandAlone=__webpack_exports__.SliderStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["SliderStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,s)=>{for(var t in s)if(__webpack_require__.o(s,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:s[t]})}})();(()=>{__webpack_require__.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s)})();(()=>{__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__,{StepperNumberStandAlone:()=>StepperNumberStandAlone});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 screenReaderOnly_js_namespaceObject=require("../../lib/components/screen-reader-only/screenReaderOnly.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 customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const aria_js_namespaceObject=require("./helpers/aria.js");const screnReader_js_namespaceObject=require("./helpers/screnReader.js");const stepState_js_namespaceObject=require("./helpers/stepState.js");const defaultStep=0;const StepperNumberStandAlone=(0,external_react_namespaceObject.forwardRef)(({completedStepIcon:e,cssOrientationClasses:s,cssVariantClasses:t,currentStep:a=defaultStep,horizontalOrientationWidth:c,orientation:n,screenReaderCompletedStep:r,screenReaderTextBuilder:_,screenReaderTitle:p,stepMaxTruncatedLines:m,steps:i,...o},j)=>{const l=(0,stepState_js_namespaceObject.mapToStepState)(i,a);const b="vertical"===n;const u=Boolean(p);const d=o["data-testid"]||"stepper-number";return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:j,"aria-hidden":!b,"data-testid":d,children:[p?.content&&(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:"kbt-sr-only",component:p.component,children:p?.content}),(0,jsx_runtime_namespaceObject.jsx)("ol",{className:(0,classNames_js_namespaceObject.classNames)(s?.stepper_number,t?.stepper_number),"data-testid":`${d}-steps-container`,children:l.map((p,i)=>{const o=i===l.length-1;const j={"data-state":p.state};const O=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(j);return(0,jsx_runtime_namespaceObject.jsxs)("li",{"aria-current":(0,aria_js_namespaceObject.buildAriaCurrent)(a,i,n),"data-testid":`${d}-li-${i}`,style:{display:b?"flex":"block",width:!b&&o?"auto":c},children:[u&&(0,jsx_runtime_namespaceObject.jsx)(screenReaderOnly_js_namespaceObject.ScreenReaderOnly,{children:(0,screnReader_js_namespaceObject.buildScreenReaderText)(i,a,l.length,_,p.name,b)}),(0,jsx_runtime_namespaceObject.jsxs)("span",{"aria-hidden":!b||u?true:void 0,className:(0,classNames_js_namespaceObject.classNames)(s?.stepcontainer,t?.stepcontainer),...O,children:[(0,jsx_runtime_namespaceObject.jsxs)("span",{className:t?.stepcirclecontainer,"data-testid":`${d}-step-${i}`,style:{flexDirection:"vertical"===n?"column":"row"},children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,classNames_js_namespaceObject.classNames)(s?.stepcircle,t?.stepcircle),...O,children:p.state===states_js_namespaceObject.STATES.COMPLETED?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:(0,classNames_js_namespaceObject.classNames)(s?.iconselected,t?.iconselected),customAttributes:j,...e}),(0,jsx_runtime_namespaceObject.jsx)(screenReaderOnly_js_namespaceObject.ScreenReaderOnly,{children:i+1})]}):(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:(0,classNames_js_namespaceObject.classNames)(s?.stepindex,t?.stepindex)},component:"span",customAttributes:j,children:i+1})}),!o&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,classNames_js_namespaceObject.classNames)(s?.stepbar,t?.stepbar),...(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)({"data-state":l[i+1].state})})]}),b&&(0,jsx_runtime_namespaceObject.jsxs)("span",{"aria-hidden":u?true:void 0,className:(0,classNames_js_namespaceObject.classNames)(s?.stepnamecontainer,t?.stepnamecontainer),"data-islast":o,"data-testid":`${d}-step-description-${i}`,...O,children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:(0,classNames_js_namespaceObject.classNames)(s?.stepname,t?.stepname)},component:"span",customAttributes:j,maxTruncatedLines:m,children:p.name}),!u&&p.state===states_js_namespaceObject.STATES.COMPLETED&&r?.content&&(0,jsx_runtime_namespaceObject.jsxs)(customComponent_js_namespaceObject.CustomComponent,{className:"kbt-sr-only",component:r.component,"data-testid":r["data-testid"],children:["\xa0",r.content]})]})]})]},`stepContainer-${i.toString()}`)})})]})});exports.StepperNumberStandAlone=__webpack_exports__.StepperNumberStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["StepperNumberStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,s)=>{for(var t in s)if(__webpack_require__.o(s,t)&&!__webpack_require__.o(e,t))Object.defineProperty(e,t,{enumerable:true,get:s[t]})}})();(()=>{__webpack_require__.o=(e,s)=>Object.prototype.hasOwnProperty.call(e,s)})();(()=>{__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__,{StepperNumberStandAlone:()=>StepperNumberStandAlone});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 screenReaderOnly_js_namespaceObject=require("../../lib/components/screen-reader-only/screenReaderOnly.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 customComponent_js_namespaceObject=require("../../lib/components/customComponent/customComponent.js");const aria_js_namespaceObject=require("./helpers/aria.js");const screnReader_js_namespaceObject=require("./helpers/screnReader.js");const stepState_js_namespaceObject=require("./helpers/stepState.js");const defaultStep=0;const StepperNumberStandAlone=(0,external_react_namespaceObject.forwardRef)(({completedStepIcon:e,cssOrientationClasses:s,cssVariantClasses:t,currentStep:a=defaultStep,horizontalOrientationWidth:c,orientation:n,screenReaderCompletedStep:r,screenReaderTextBuilder:_,screenReaderTitle:p,stepMaxTruncatedLines:m,steps:i,...o},j)=>{const l=(0,stepState_js_namespaceObject.mapToStepState)(i,a);const b="vertical"===n;const u=Boolean(p);const d=o["data-testid"]||"stepper-number";return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:j,"aria-hidden":!b,"data-testid":d,children:[p?.content&&(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:"kbt-sr-only",component:p.component,children:p?.content}),(0,jsx_runtime_namespaceObject.jsx)("ol",{className:(0,classNames_js_namespaceObject.classNames)(s?.stepper_number,t?.stepper_number),"data-testid":`${d}-steps-container`,children:l.map((p,i)=>{const o=i===l.length-1;const j={"data-state":p.state};const O=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(j);return(0,jsx_runtime_namespaceObject.jsxs)("li",{"aria-current":(0,aria_js_namespaceObject.buildAriaCurrent)(a,i,n),"data-testid":`${d}-li-${i}`,style:{display:b?"flex":"block",width:!b&&o?"auto":c},children:[u&&(0,jsx_runtime_namespaceObject.jsx)(screenReaderOnly_js_namespaceObject.ScreenReaderOnly,{children:(0,screnReader_js_namespaceObject.buildScreenReaderText)(i,a,l.length,_,p.name,b)}),(0,jsx_runtime_namespaceObject.jsxs)("span",{"aria-hidden":!b||u?true:void 0,className:(0,classNames_js_namespaceObject.classNames)(s?.stepcontainer,t?.stepcontainer),...O,children:[(0,jsx_runtime_namespaceObject.jsxs)("span",{className:t?.stepcirclecontainer,"data-testid":`${d}-step-${i}`,style:{flexDirection:"vertical"===n?"column":"row"},children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,classNames_js_namespaceObject.classNames)(s?.stepcircle,t?.stepcircle),...O,children:p.state===states_js_namespaceObject.STATES.COMPLETED?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(elementOrIcon_js_namespaceObject.ElementOrIcon,{className:(0,classNames_js_namespaceObject.classNames)(s?.iconselected,t?.iconselected),customAttributes:j,...e}),(0,jsx_runtime_namespaceObject.jsx)(screenReaderOnly_js_namespaceObject.ScreenReaderOnly,{children:i+1})]}):(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:(0,classNames_js_namespaceObject.classNames)(s?.stepindex,t?.stepindex)},component:"span",customAttributes:j,children:i+1})}),!o&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,classNames_js_namespaceObject.classNames)(s?.stepbar,t?.stepbar),...(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)({"data-state":l[i+1].state})})]}),b&&(0,jsx_runtime_namespaceObject.jsxs)("span",{"aria-hidden":u?true:void 0,className:(0,classNames_js_namespaceObject.classNames)(s?.stepnamecontainer,t?.stepnamecontainer),"data-islast":o,"data-testid":`${d}-step-description-${i}`,...O,children:[(0,jsx_runtime_namespaceObject.jsx)(text_js_namespaceObject.Text,{additionalClasses:{text:(0,classNames_js_namespaceObject.classNames)(s?.stepname,t?.stepname)},component:"span",customAttributes:j,maxTruncatedLines:m,children:p.name}),!u&&p.state===states_js_namespaceObject.STATES.COMPLETED&&r?.content&&(0,jsx_runtime_namespaceObject.jsxs)(customComponent_js_namespaceObject.CustomComponent,{className:"kbt-sr-only",component:r.component,"data-testid":r["data-testid"],children:[" ",r.content]})]})]})]},`stepContainer-${i.toString()}`)})})]})});exports.StepperNumberStandAlone=__webpack_exports__.StepperNumberStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["StepperNumberStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});

package/dist/cjs/components/table/tableStandAlone.js

@@ -1 +1 @@
-"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var a in t)if(__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:t[a]})}})();(()=>{__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__,{TableStandAlone:()=>TableStandAlone});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 TableStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="table",cssClasses:a,hasScroll:r,hasScrollDisabled:_,sticky:s,...o},c)=>{const n=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(o);const i=o["data-testid"]||"table-standalone";return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:c,className:a?.table,"data-sticky":s,"data-testid":`${i}-wrapper`,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{"aria-hidden":o["aria-hidden"],"aria-label":r?o["aria-label"]:void 0,"aria-labelledby":r?o["aria-labelledby"]:void 0,className:a?.scrollablecontainer,"data-table-scrollable-container":true,"data-testid":`${i}-scrollable-container`,role:r?"region":void 0,style:{overflow:_?"visible":"auto"},...r?{tabIndex:0}:{},children:(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:a?.container,component:t,"data-testid":i,...n,children:e})}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.leftboxshadowcontainer,"data-table-left-shadow":true}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:a?.rightboxshadowcontainer,"data-table-right-shadow":true})]})});exports.TableStandAlone=__webpack_exports__.TableStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});
+"use strict";var __webpack_require__={};(()=>{__webpack_require__.d=(e,t)=>{for(var a in t)if(__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a))Object.defineProperty(e,a,{enumerable:true,get:t[a]})}})();(()=>{__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__,{TableStandAlone:()=>TableStandAlone});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 TableStandAlone=(0,external_react_namespaceObject.forwardRef)(({children:e,component:t="table",cssClasses:a,hasScroll:r,hasScrollDisabled:_,sticky:s,...o},c)=>{const n=(0,pickCustomAttributes_js_namespaceObject.pickCustomAttributes)(o);const i=o["data-testid"]||"table-standalone";return(0,jsx_runtime_namespaceObject.jsxs)("div",{ref:c,className:a?.table,"data-sticky":s,"data-testid":`${i}-wrapper`,children:[(0,jsx_runtime_namespaceObject.jsx)("div",{"data-table-scrollable-container":true,"aria-hidden":o["aria-hidden"],"aria-label":r?o["aria-label"]:void 0,"aria-labelledby":r?o["aria-labelledby"]:void 0,className:a?.scrollablecontainer,"data-testid":`${i}-scrollable-container`,role:r?"region":void 0,style:{overflow:_?"visible":"auto"},...r?{tabIndex:0}:{},children:(0,jsx_runtime_namespaceObject.jsx)(customComponent_js_namespaceObject.CustomComponent,{className:a?.container,component:t,"data-testid":i,...n,children:e})}),(0,jsx_runtime_namespaceObject.jsx)("div",{"data-table-left-shadow":true,className:a?.leftboxshadowcontainer}),(0,jsx_runtime_namespaceObject.jsx)("div",{"data-table-right-shadow":true,className:a?.rightboxshadowcontainer})]})});exports.TableStandAlone=__webpack_exports__.TableStandAlone;for(var __rspack_i in __webpack_exports__)if(-1===["TableStandAlone"].indexOf(__rspack_i))exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:true});