@kubit-ui-web/react-components 1.17.2 → 2.0.0-alpha.1

package/dist/cjs/components/carousel/utils/carousel.utils.js

@@ -0,0 +1 @@
+const e=require("../types/carousel.js"),n=({content:n,currentPage:r,numPages:t})=>{const E=new RegExp(e.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,"g"),c=new RegExp(e.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,"g");return n.replace(E,String(r+1)).replace(c,String(t))};exports.buildScreenReaderOnly=({currentPage:e,numPages:r,screenReaderOnly:t})=>{if(t?.content)return{...t,content:n({content:t.content,currentPage:e,numPages:r})}};

package/dist/cjs/components/checkbox/checkboxControlled.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./utils/state.utils.js"),a=require("./checkboxStandAlone.js");let t=require("react"),r=require("react/jsx-runtime");const o=(0,t.forwardRef)(({additionalClasses:t,variant:o,...i},l)=>{const c=e.useClassName({additionalClassNames:t,component:"CHECKBOX",variant:o}),n=s.getCheckboxState(i.checked,i.disabled,i.error);return(0,r.jsx)(a.CheckboxStandAlone,{ref:l,cssClasses:c,...i,"data-state":n,"data-testid":"checkbox"})});exports.CheckboxControlled=o;

package/dist/cjs/components/checkbox/checkboxStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../lib/utils/process/processCommonProp.js"),s=require("../../lib/components/screen-reader-only/screenReaderOnly.js"),a=require("../checkboxBase/checkboxBaseControlled.js"),i=require("./components/errorMessage.js"),l=require("./components/label.js"),c=require("./utils/aria.utils.js");let d=require("react"),o=require("react/jsx-runtime");const t=(0,d.forwardRef)(({checkboxBase:t,cssClasses:n,errorMessage:b,id:u,label:x,screenReaderText:h,...p},j)=>{const{"aria-describedby":m,"aria-hidden":k,"aria-label":y,"aria-labelledby":C,...q}=e.pickCustomAttributes(p),g=`checkbox-${(0,d.useId)().replace(/:/g,"")}`,v=u??g,B=`${v}-label`,R=`${v}-error`,A=`${v}-screen-reader`,I=t?.variant,$=c.buildAriaDescribedBy({ariaDescribedBy:p["aria-describedby"],error:p.error&&!!b?.message,errorMessageId:R,screenReader:!!h,screenReaderId:A});return(0,o.jsxs)("div",{ref:j,...q,className:n?.checkbox,children:[(0,o.jsxs)("div",{className:n?.checkboxwithlabelcontainer,children:[!!I&&(0,o.jsx)(a.CheckboxBaseControlled,{...p,"aria-describedby":$,"aria-hidden":p["aria-hidden"],"aria-label":p["aria-label"],"aria-labelledby":p["aria-labelledby"],id:v,variant:I}),(0,o.jsx)(s.ScreenReaderOnly,{id:A,children:h}),(0,o.jsx)(l.Label,{content:r.processTextProp(x).children,cssClasses:n,id:B,inputId:v})]}),!!p.error&&(0,o.jsx)(i.ErrorMessage,{"aria-live":"assertive",cssClasses:n,"data-testid":`${p["data-testid"]}-error-message`,...b,id:R,inputId:v,show:p.error&&!p.disabled})]})});exports.CheckboxStandAlone=t;

package/dist/cjs/components/checkbox/checkboxUnControlled.js

@@ -0,0 +1 @@
+const e=require("./checkboxControlled.js"),r=require("../checkboxBase/hooks/useCheckbox.js");let o=require("react"),c=require("react/jsx-runtime");const d=(0,o.forwardRef)(({checked:o=!1,disabled:d=!1,error:s=!1,onChange:h,required:n=!1,...i},l)=>{const{handleToggleIsChecked:t,isChecked:k}=r.useCheckbox({disabled:d,initialChecked:o});return(0,c.jsx)(e.CheckboxControlled,{...i,ref:l,checked:k,disabled:d,error:s,required:n,onChange:e=>{h?.(e),t()}})});exports.CheckboxUnControlled=d;

package/dist/cjs/components/checkbox/components/errorMessage.js

@@ -0,0 +1 @@
+const s=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../../../lib/components/errorMessage/errorMessage.js");let r=require("react/jsx-runtime");exports.ErrorMessage=({cssClasses:t,message:i,...a})=>{if(!i)return null;const o=s.pickCustomAttributes(a);return(0,r.jsx)("div",{className:t?.errormessagecontainer,children:(0,r.jsx)(e.ErrorMessage,{...a,...o,additionalClasses:t?.error_message,message:i})})};

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

@@ -0,0 +1 @@
+const e=require("../../label/labelStandAlone.js");let t=require("react/jsx-runtime");exports.Label=({...n})=>{if(!n.content)return null;const{cssClasses:s,...l}=n;return"string"==typeof n.content?(0,t.jsx)(e.LabelStandAlone,{textCssClasses:s?.label,...l,children:n.content}):n?.content};

package/dist/cjs/components/checkbox/index.js

@@ -0,0 +1,5 @@
+module.exports = { ...module.exports, ...require('./types.js') };
+const { CheckboxControlled } = require('./checkboxControlled.js');
+module.exports = { ...module.exports, CheckboxControlled };
+const { CheckboxUnControlled as Checkbox } = require('./checkboxUnControlled.js');
+module.exports = { ...module.exports, CheckboxUnControlled as Checkbox };

package/dist/cjs/components/checkbox/types/state.js

@@ -0,0 +1 @@
+exports.CheckboxState={DISABLED_SELECTED:"DISABLED_SELECTED",DISABLED_UNSELECTED:"DISABLED_UNSELECTED",ERROR_SELECTED:"ERROR_SELECTED",ERROR_UNSELECTED:"ERROR_UNSELECTED",SELECTED:"SELECTED",UNSELECTED:"UNSELECTED"};

package/dist/cjs/components/checkbox/utils/aria.utils.js

@@ -0,0 +1 @@
+exports.buildAriaDescribedBy=({ariaDescribedBy:e,error:r,errorMessageId:i,screenReader:d,screenReaderId:o})=>{const s=[e,d&&o,r&&i].filter(Boolean);return s.length>0?s.join(" ").trim():void 0};

package/dist/cjs/components/checkbox/utils/state.utils.js

@@ -0,0 +1 @@
+const E=require("../types/state.js");exports.getCheckboxState=(e=!1,t=!1,S=!1)=>S&&!e?E.CheckboxState.ERROR_UNSELECTED:S?E.CheckboxState.ERROR_SELECTED:t&&!e?E.CheckboxState.DISABLED_UNSELECTED:t?E.CheckboxState.DISABLED_SELECTED:e?E.CheckboxState.SELECTED:E.CheckboxState.UNSELECTED;

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

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../checkbox/utils/state.utils.js"),a=require("./checkboxBaseStandAlone.js");let r=require("react"),t=require("react/jsx-runtime");const o=(0,r.forwardRef)(({additionalClasses:r,error:o=!1,required:i=!1,variant:c,...l},d)=>{const n=e.useClassName({additionalClassNames:r,component:"CHECKBOX_BASE",variant:c}),u=s.getCheckboxState(l.checked,l.disabled,o).toLocaleLowerCase();return(0,t.jsx)(a.CheckboxBaseStandAlone,{ref:d,cssClasses:n,required:!0,...l,"aria-invalid":o,"data-state":u,"data-testid":"checkboxBase"})});exports.CheckboxBaseControlled=o;

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

@@ -0,0 +1 @@
+const e=require("../../lib/utils/process/processCommonProp.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js");let t=require("react"),a=require("react/jsx-runtime");const c=(0,t.forwardRef)(({checkedIcon:t,cssClasses:c,inputRef:n,...r},o)=>{const i=r["data-testid"]??"checkbox-base";return(0,a.jsxs)("div",{ref:o,className:c?.checkbox_base,"data-testid":i,children:[(0,a.jsx)("input",{ref:n,className:c?.input,type:"checkbox",...r,"data-testid":`${i}-input`}),(0,a.jsx)("span",{className:c?.iconcontainer,"data-state":r["data-state"],children:(0,a.jsx)(s.ElementOrIcon,{className:c?.icon,complex:!0,"data-state":r["data-state"],...e.processIconProp(t)})})]})});exports.CheckboxBaseStandAlone=c;

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

@@ -0,0 +1 @@
+const e=require("./checkboxBaseControlled.js"),o=require("./hooks/useCheckbox.js");let r=require("react"),s=require("react/jsx-runtime");const c=(0,r.forwardRef)(({checked:r=!1,disabled:c=!1,onChange:d,...n},h)=>{const{handleToggleIsChecked:a,isChecked:l}=o.useCheckbox({disabled:c,initialChecked:r});return(0,s.jsx)(e.CheckboxBaseControlled,{ref:h,...n,checked:l,disabled:c,onChange:e=>{d?.(e),a()}})});exports.CheckboxBaseUnControlled=c;

package/dist/cjs/components/checkboxBase/hooks/useCheckbox.js

@@ -0,0 +1 @@
+let e=require("react");exports.useCheckbox=({disabled:t,initialChecked:s})=>{const[c,d]=(0,e.useState)(s);return{handleToggleIsChecked:()=>{t||d(!c)},isChecked:c}};

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

@@ -0,0 +1,5 @@
+module.exports = { ...module.exports, ...require('./types.js') };
+const { CheckboxBaseControlled } = require('./checkboxBaseControlled.js');
+module.exports = { ...module.exports, CheckboxBaseControlled };
+const { CheckboxBaseUnControlled as CheckboxBase } = require('./checkboxBaseUncontrolled.js');
+module.exports = { ...module.exports, CheckboxBaseUnControlled as CheckboxBase };

package/dist/cjs/components/chip/chip.js

@@ -0,0 +1 @@
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("../../lib/types/states/states.js"),a=require("./chipStandAlone.js");let t=require("react"),r=require("react/jsx-runtime");const i=(0,t.forwardRef)(({additionalClasses:t,state:i=e.STATES.DEFAULT,variant:n,...l},o)=>{const u=s.useClassName({additionalClassNames:t,component:"CHIP",variant:n});return(0,r.jsx)(a.ChipStandAlone,{...l,ref:o,cssClasses:u,state:i})});exports.Chip=i;

package/dist/cjs/components/chip/chipStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../text/text2.js"),t=require("../../lib/utils/process/processCommonProp.js"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/types/states/states.js");let n=require("react"),a=require("react/jsx-runtime");const c=(0,n.forwardRef)(({closeIcon:c,cssClasses:i,errorIcon:l,errorMessage:p={content:"Error message"},label:m,leftIcon:x,range:u,rangeIcon:d,rangeSeparator:T={content:"to"},state:b,...j},A)=>{const I={"data-state":b},g=e.pickCustomAttributes(j);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("span",{ref:A,"aria-disabled":b===o.STATES.DISABLED,"aria-hidden":b===o.STATES.DISABLED,className:i?.chip,"data-testid":"chip",...g,...I,children:[!u&&x&&(0,a.jsx)(r.ElementOrIcon,{className:i?.lefticon,...t.processIconProp(x)}),u?(0,a.jsx)("span",{children:u.map((e,o)=>{const c=o!==u.length-1;return(0,a.jsxs)("span",{className:i?.rangeitemwrapper,children:[(0,a.jsx)(s.Text,{additionalClasses:{text:i?.rangeitemtext},component:"span",customAttributes:I,children:e.label}),c&&(d?.icon?(0,a.jsx)(r.ElementOrIcon,{altText:("string"==typeof m||(0,n.isValidElement)(m),t.processTextProp(T).children||""),className:i?.rangeicon,...t.processIconProp(d),customAttributes:I}):(0,a.jsx)(s.Text,{additionalClasses:{text:i?.rangeitemseparator},component:"span",customAttributes:I,...t.processTextProp(T)}))]},`option-${e.key??e.label}`)})}):(0,a.jsx)(s.Text,{additionalClasses:{text:i?.label},component:"span",...t.processTextProp(m),customAttributes:I}),(0,a.jsx)(r.ElementOrIcon,{className:i?.closeicon,disabled:b===o.STATES.DISABLED,...t.processIconProp(c),altText:"string"!=typeof c&&c?.altText?c.altText:"Close",customAttributes:I})]}),b===o.STATES.ERROR&&(0,a.jsxs)("span",{"aria-live":"polite",className:i?.errorcontainer,children:[(0,a.jsx)(r.ElementOrIcon,{className:i?.erroricon,...t.processIconProp(l)}),(0,a.jsx)(s.Text,{additionalClasses:{text:i?.errormessage},component:"span",customAttributes:I,...t.processTextProp(p)})]})]})});exports.ChipStandAlone=c;

package/dist/cjs/components/chip/index.js

@@ -0,0 +1,2 @@
+const { Chip } = require('./chip.js');
+module.exports = { ...module.exports, Chip };

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

@@ -0,0 +1 @@
+const e=require("../../tableCell/tableCell.js"),i=require("../../tableHead/tableHead.js"),l=require("../../tableRow/tableRow.js"),t=require("../utils/cellConfig.js"),n=require("../utils/rowConfig.js");let o=require("react/jsx-runtime");exports.DataTableHead=({columns:d,cssClasses:a,hidden:s,sticky:c,tableHeadConfig:r,tableHeadRowConfig:h,usingRowGroups:m})=>{const C=m?n.applyGridToRow({columns:d,rowConfig:h}):h;return(0,o.jsx)(i.TableHead,{additionalClasses:a?.table_head,component:m?"div":void 0,hidden:s,sticky:c,...r,children:(0,o.jsx)(l.TableRow,{additionalClasses:a?.table_head_row,component:m?"div":void 0,hoverable:!1,...C,children:d?.map(i=>{const l=i.headerContent;if(l&&"object"==typeof l&&"complex"in l){const n=m?t.applyFlexToCell({cellConfig:l.complex}):l.complex;return(0,o.jsx)(e.TableCell,{additionalClasses:a?.table_head_cell,alignItems:C?.cellsAlignItems,component:m?"div":void 0,hidden:i.hidden,justifyContent:i.justifyContent,maxWidth:m?void 0:i.maxWidth,minWidth:m?void 0:i.minWidth,scope:"col",sticky:i.sticky,textAlign:i.textAlign,th:!0,verticalAlign:C?.cellsVerticalAlign,width:m?void 0:i.width,...n,children:n?.content},i.field)}const n=m?t.applyFlexToCell({cellConfig:void 0}):void 0;return(0,o.jsx)(e.TableCell,{additionalClasses:a?.table_head_cell,alignItems:C?.cellsAlignItems,component:m?"div":void 0,hidden:i.hidden,justifyContent:i.justifyContent,maxWidth:m?void 0:i.maxWidth,minWidth:m?void 0:i.minWidth,scope:"col",sticky:i.sticky,textAlign:i.textAlign,th:!0,verticalAlign:C?.cellsVerticalAlign,width:m?void 0:i.width,...n,children:l},i.field)})})})};

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

@@ -0,0 +1 @@
+const e=require("../../tableCell/tableCell.js"),l=require("../../tableRow/tableRow.js"),i=require("../utils/cellConfig.js"),t=require("../utils/rowConfig.js"),o=require("../utils/hoverable.js");let n=require("react/jsx-runtime");exports.DataTableRows=({activeRows:s,columns:a,cssClasses:r,hoverable:c,hoverableRows:d,isRowGroup:u=!1,nonHoverableRows:b,rows:g,usingRowGroups:v})=>{const w=u?{table_row:r?.row_group_table_body.table_body}:r?.table_body_row,f=u?r?.row_group_table_body_cell:r?.table_body_cell;return(0,n.jsx)(n.Fragment,{children:g?.map((r,u)=>{const g=v?t.applyGridToRow({columns:a,rowConfig:r?.config}):r?.config;return(0,n.jsx)(l.TableRow,{active:Boolean(r.id&&s?.includes(r.id)),additionalClasses:w,hoverable:o.isRowHoverable({hoverable:c,hoverableRows:d,nonHoverableRows:b,row:r}),...g,children:a?.map(l=>{const t=l.valueGetter?l.valueGetter(r[l.field],r):r[l.field];if(t&&"object"==typeof t&&"complex"in t){const o=v?i.applyFlexToCell({cellConfig:t.complex}):t.complex;return(0,n.jsx)(e.TableCell,{additionalClasses:f,alignItems:r.config?.cellsAlignItems,justifyContent:l.valueJustifyContent??l.justifyContent,maxWidth:v?void 0:l.maxWidth,minWidth:v?void 0:l.minWidth,role:"row",sticky:l.sticky,textAlign:l.valueTextAlign??l.textAlign,verticalAlign:r.config?.cellsVerticalAlign,width:v?void 0:l.width,...o,children:o?.content},l.field)}const o=v?i.applyFlexToCell({cellConfig:void 0}):void 0;return(0,n.jsx)(e.TableCell,{additionalClasses:f,alignItems:r.config?.cellsAlignItems,justifyContent:l.valueJustifyContent??l.justifyContent,maxWidth:v?void 0:l.maxWidth,minWidth:v?void 0:l.minWidth,role:"row",sticky:l.sticky,textAlign:l.valueTextAlign??l.textAlign,verticalAlign:r.config?.cellsVerticalAlign,width:v?void 0:l.width,...o,children:t},l.field)})},r.id??u)})})};

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

@@ -0,0 +1 @@
+const e=require("../../tableCell/tableCell.js"),l=require("../../tableHead/tableHead.js"),a=require("../../tableRow/tableRow.js");let t=require("react/jsx-runtime");exports.HiddenDataTableHead=({columns:o,cssClasses:s})=>(0,t.jsx)(l.TableHead,{additionalClasses:s?.row_group_table_head,hidden:!0,children:(0,t.jsx)(a.TableRow,{additionalClasses:s?.row_group_table_head_row,children:o?.map(l=>{let a=l.headerHiddenContent;if(!a){const e=l.headerContent;a=e&&"object"==typeof e&&"complex"in e?e.complex?.content:e}return(0,t.jsx)(e.TableCell,{additionalClasses:s?.row_group_table_head_cell,scope:"col",th:!0,children:a},l.field)})})});

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

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./dataTableStandAlone.js"),s=require("./hooks/useDataTableHasScroll.js"),o=require("./hooks/useDataTableShadow.js"),t=require("./hooks/useDataTableStickyDividers.js"),r=require("./hooks/useDataTableStickyLeftColumns.js"),l=require("./hooks/useDataTableStickyRightColumns.js");let i=require("react"),u=require("react/jsx-runtime");const n=(0,i.forwardRef)(({additionalClasses:n,variant:h,...d},c)=>{const b=e.useClassName({additionalClassNames:n,component:"DATA_TABLE",variant:h}),S=(0,i.useRef)(null);(0,i.useImperativeHandle)(c,()=>S.current,[]);const{hasScroll:D}=s.useDataTableHasScroll({ref:S});return l.useDataTableStickyRightColumns({ref:S}),r.useDataTableStickyLeftColumns({ref:S}),t.useDataTableStickyDividers({ref:S}),o.useDataTableShadow({headBoxShadow:b.headboxshadow,leftBoxShadow:b.leftboxshadow,ref:S,rightBoxShadow:b.rightboxshadow}),(0,u.jsx)(a.DataTableStandAlone,{ref:S,cssClasses:b,hasScroll:D,...d})});exports.DataTable=n;

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

@@ -0,0 +1 @@
+const a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../tableBody/tableBody.js"),s=require("../table/table.js"),t=require("../tableCaption/tableCaption.js"),o=require("../tableDivider/tableDivider.js"),l=require("./components/dataTableHead.js"),i=require("./components/dataTableRows.js"),r=require("./components/hiddenDataTableHead.js"),n=require("./utils/tableConfig.js");let d=require("react"),c=require("react/jsx-runtime");const b=(0,d.forwardRef)(({activeRows:b,caption:u,columns:p,config:h,cssClasses:w,hasScroll:v,hoverable:C,hoverableRows:j,nonHoverableRows:g,rowGroups:x,rows:R,stickyHead:m,styles:y,...f},T)=>{const H=x&&x.length>0,D=a.pickCustomAttributes(f);return(0,c.jsxs)("div",{ref:T,className:w?.data_table,"data-testid":"data-table",...D,children:[(0,c.jsxs)("div",{"aria-label":v?f["aria-label"]:void 0,"aria-labelledby":v?f["aria-labelledby"]:void 0,className:w?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:v?"region":void 0,...v?{tabIndex:0}:{},children:[(0,c.jsxs)(s.Table,{additionalClasses:w?.table,"aria-hidden":!!H||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:H?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:m,...n.applyZIndexToWrapper({tableConfig:h?.table,zIndex:1}),children:[!!u?.content&&(0,c.jsx)(t.TableCaption,{additionalClasses:w?.table_caption,component:H?"div":void 0,...u,children:u?.content}),(0,c.jsx)(l.DataTableHead,{columns:p,cssClasses:w,sticky:m,tableHeadConfig:h?.tableHead,tableHeadRowConfig:h?.tableHeadRow,usingRowGroups:H}),!H&&R&&R.length>0&&(0,c.jsx)(e.TableBody,{additionalClasses:w?.table_body,...h?.tableBody,children:(0,c.jsx)(i.DataTableRows,{activeRows:b,columns:p,cssClasses:w,hoverable:C,hoverableRows:j,nonHoverableRows:g,rows:R,usingRowGroups:H})})]}),x?.map((a,l)=>(0,c.jsxs)(d.Fragment,{children:[!!a.divider&&(0,c.jsx)(o.TableDivider,{variant:"DEFAULT",...a.divider,children:a.divider?.content}),(0,c.jsxs)(s.Table,{additionalClasses:w?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...n.applyPositionToWrapper({position:"static",tableConfig:a.config?.table}),children:[!!a.caption?.content&&(0,c.jsx)(t.TableCaption,{additionalClasses:w?.row_group_table_caption,...a.caption,children:a.caption?.content}),(0,c.jsx)(r.HiddenDataTableHead,{columns:p,cssClasses:w}),(0,c.jsx)(e.TableBody,{additionalClasses:w?.row_group_table_body,...a.config?.tableBody,children:(0,c.jsx)(i.DataTableRows,{activeRows:b,columns:p,cssClasses:w,hoverable:C,hoverableRows:j,isRowGroup:!0,nonHoverableRows:g,rows:a.rows,usingRowGroups:H})})]})]},`${a.caption?.["data-testid"]}-${l.toString()}`))]}),(0,c.jsx)("div",{className:w?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),(0,c.jsx)("div",{className:w?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});exports.DataTableStandAlone=b;

package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js

@@ -0,0 +1 @@
+const e=require("../../../lib/utils/scroll/hasScroll.js");let r=require("react");exports.useDataTableHasScroll=({ref:t})=>{const[l,s]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{const r=t.current?.querySelector?.("[data-datatable-scrollable-container]");let l;if(r instanceof HTMLElement){const t=r=>{s(e.hasScroll(r))};t(r),l=new ResizeObserver(()=>{t(r)}),l.observe(r)}return()=>{l?.disconnect()}},[]),{hasScroll:l}};

package/dist/cjs/components/dataTable/hooks/useDataTableShadow.js

@@ -0,0 +1 @@
+let e=require("react");exports.useDataTableShadow=({headBoxShadow:t,leftBoxShadow:a,ref:s,rightBoxShadow:l})=>((0,e.useEffect)(()=>{const e=s.current,o=e?.querySelector("[data-datatable-scrollable-container]");let r;const c=()=>{if(!o)return;const s=o.querySelector("[data-table-head]");if(s instanceof HTMLElement&&s.hasAttribute("data-sticky")&&t&&(o.scrollTop?s.classList.add(t):s.classList.remove(t)),a){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=a,t.classList.add(a),t.style.height=`${o.clientHeight}px`):t.classList.remove(a))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(c(),o?.addEventListener("scroll",c),r=new ResizeObserver(()=>{c()}),r.observe(o)),()=>{o?.removeEventListener("scroll",c),r?.disconnect()}},[]),{});

package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js

@@ -0,0 +1 @@
+const e=require("../../../lib/utils/scroll/hasScroll.js");let t=require("react");exports.useDataTableStickyDividers=({ref:l})=>((0,t.useEffect)(()=>{const t=l.current?.querySelector("[data-datatable-scrollable-container]");let r;if(t instanceof HTMLElement){const a=t=>{const r=e.hasHorizontalScroll(t),a=t.querySelectorAll("[data-table-divider]"),o=t.querySelectorAll('[data-sticky="left"]').length>0;let s=0,c=0;if(o){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(s=parseInt(t,10))}}else t.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(c=Math.max(c,e.offsetWidth))});a.forEach(e=>{e instanceof HTMLElement&&(o?(e.style.position=r?"sticky":"",e.style.left=r?"0":"",e.style.zIndex=r?`${s+1}`:""):e.style.width=r?`${c}px`:"")})};a(t),r=new ResizeObserver(()=>{a(t)}),r.observe(t)}return()=>{r?.disconnect()}},[]),{});

package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js

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

package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js

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

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

@@ -0,0 +1,2 @@
+const { DataTable } = require('./dataTable.js');
+module.exports = { ...module.exports, DataTable };

package/dist/cjs/components/dataTable/utils/cellConfig.js

@@ -0,0 +1 @@
+exports.applyFlexToCell=({cellConfig:l})=>({...l});

package/dist/cjs/components/dataTable/utils/hoverable.js

@@ -0,0 +1 @@
+exports.isRowHoverable=({hoverable:e,hoverableRows:o,nonHoverableRows:i,row:l})=>{let r;return o?r=Boolean(l.id&&o.includes(l.id)):i?r=!(l.id&&i.includes(l.id)):void 0!==e&&(r=e),r};

package/dist/cjs/components/dataTable/utils/rowConfig.js

@@ -0,0 +1 @@
+exports.applyGridToRow=({rowConfig:o})=>({...o});

package/dist/cjs/components/dataTable/utils/tableConfig.js

@@ -0,0 +1 @@
+exports.applyPositionToWrapper=({tableConfig:p})=>({...p}),exports.applyZIndexToWrapper=({tableConfig:p})=>({...p});

package/dist/cjs/components/dot/dot.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./dotStandAlone.js");let a=require("react"),t=require("react/jsx-runtime");const r=(0,a.forwardRef)(({additionalSizeClasses:a,additionalVariantClasses:r,maxNumber:n,number:o,size:i,variant:l,...m},u)=>{const d=e.useClassName({additionalClassNames:r,component:"DOT",variant:l}),C=e.useClassName({additionalClassNames:a,component:"DOT",variant:i}),c="number"==typeof o?"number"==typeof n&&o>n?`+${n}`:o.toString():void 0;return(0,t.jsx)(s.DotStandAlone,{...m,ref:u,cssSizeClasses:C,cssVariantClasses:d,formatedNumber:c})});exports.Dot=r;

package/dist/cjs/components/dot/dotStandAlone.js

@@ -0,0 +1 @@
+const s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../../lib/utils/classNames/classNames.js");let e=require("react"),i=require("react/jsx-runtime");const r=(0,e.forwardRef)(({cssSizeClasses:e,cssVariantClasses:r,formatedNumber:a,height:l,label:c,width:o,...u},d)=>{const m=s.pickCustomAttributes(u);return(0,i.jsxs)("span",{ref:d,className:t.classNames(e?.dot,r?.dot),"data-testid":"dot",style:l||o?{height:l,width:o}:void 0,...m,children:[c,a]})});exports.DotStandAlone=r;

package/dist/cjs/components/dot/index.js

@@ -0,0 +1,2 @@
+const { Dot } = require('./dot.js');
+module.exports = { ...module.exports, Dot };

package/dist/cjs/components/icon/icon.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/components/screen-reader-only/screenReaderOnly.js"),i=require("./iconStandAlone.js");let l=require("react"),n=require("react/jsx-runtime");const r=(0,l.forwardRef)(({className:l,color:r,height:c,icon:o,id:d,tabIndex:u,title:b,width:m,...h},j)=>{const{altText:x,disabled:C,onClick:N,screenReaderText:I,...k}=h,p=s.pickCustomAttributes(h),q=!(Object.keys(h).includes("color")&&!r||!r),y=e.useClassName({component:"ICON"});return o?N?(0,n.jsxs)("button",{"aria-disabled":C,"aria-label":h["aria-label"]||x,className:t.classNames(y.button,l),"data-testid":"button",disabled:C,id:d,style:{height:c,width:m},tabIndex:u,title:b||"",type:"button",onClick:N,...p,children:[(0,n.jsx)(a.ScreenReaderOnly,{children:I}),(0,n.jsx)(i.IconStandAlone,{icon:o,...k,ref:j,"aria-label":void 0,className:l,cssClasses:y,"data-testid":void 0,height:c,id:void 0,linearIcon:q,width:m})]}):(0,n.jsx)(i.IconStandAlone,{icon:o,...k,ref:j,altText:x,className:l,cssClasses:y,"data-testid":"icon",height:c,linearIcon:q,width:m}):null});exports.IconBasic=r;

package/dist/cjs/components/icon/iconHost.js

@@ -0,0 +1 @@
+const e=require("../../lib/provider/stylesProvider/stylesProvider.js"),r=require("./icon.js"),s=require("../../lib/provider/utilsProvider/utilsProvider.js"),t=require("../../lib/utils/is/isValidHttpUrl.js");let i=require("react"),o=require("react/jsx-runtime");const c=(0,i.forwardRef)(({fallbackIcon:c,icon:n,...l},a)=>{const u=(0,i.useContext)(s.UtilsContext),d=(0,i.useContext)(e.StylesContext),f=t.isValidHttpUrl(n)?n:`${u?.assets?.baseHost}${d?.icons?.[n]}`,[x,b]=(0,i.useState)(f);return(0,i.useEffect)(()=>{if(c){const e=t.isValidHttpUrl(c)?c:`${u?.assets?.baseHost}${d?.icons?.[c]}`;(async()=>{try{if(!(await fetch(f,{cache:"no-store"})).ok)throw new Error("Error loading icon");b(f)}catch{b(e)}})()}else b(f)},[f,c,u,d]),(0,o.jsx)(r.IconBasic,{...l,ref:a,icon:x})});exports.IconHost=c;

package/dist/cjs/components/icon/iconStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/utils/classNames/classNames.js");let e=require("react"),a=require("react/jsx-runtime");var i=(0,e.forwardRef)(({altText:i,className:r,color:o,cssClasses:n,customAttributes:l,emptyAltText:c,height:u,id:m,rotate:d,transitionDuration:h,width:g,...b},x)=>{const[A]=(0,e.useState)(""),p=t.pickCustomAttributes({...b,...l}),f=n?.dynamic_values({$color:o||"",$height:u||"",$moveAround:d||"",$transitionDuration:h||"",$width:g||""}).object;return(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:A},ref:x,"aria-hidden":c,"aria-label":i,className:s.classNames(n?.complex,r),"data-testid":"icon",id:m,role:c?"none":"img",style:f,...p})});const r=(0,e.forwardRef)(({altText:e,className:r,color:o,complex:n=!1,cssClasses:l,customAttributes:c,height:u,icon:m,id:d,loading:h="lazy",rotate:g,transitionDuration:b,twistAnimationTransformValue:x,width:A,...p},f)=>{const w=!e,N=t.pickCustomAttributes({...p,...c});return n?(0,a.jsx)(i,{ref:f,altText:e,className:r,color:o,cssClasses:l,customAttributes:c,"data-testid":"icon",emptyAltText:w,height:u,icon:m,id:d,rotate:g,transitionDuration:b,width:A,...p}):(0,a.jsx)("span",{ref:f,"aria-hidden":w,"aria-label":e,className:s.classNames(l?.svg,r),"data-testid":"icon","data-twist-animation-transform-value":!!x,id:d,role:w?"svg":"img",style:{backgroundColor:o,height:u,maskImage:`url("${m}")`,minHeight:u,minWidth:A,transform:x||`rotate(${g})`,transitionDuration:b,WebkitMaskImage:`url("${m}")`,width:A},...N})});exports.IconStandAlone=r;

package/dist/cjs/components/icon/index.js

@@ -0,0 +1,4 @@
+const { IconBasic } = require('./icon.js');
+module.exports = { ...module.exports, IconBasic };
+const { Icon } = require('./iconHost.js');
+module.exports = { ...module.exports, Icon };

package/dist/cjs/components/image/components/pictureSourceStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let e=require("react/jsx-runtime");exports.PictureSourceStandAlone=({mediaSource:i,...r})=>{if(!i)return null;const u=t.pickCustomAttributes(r);return(0,e.jsx)("source",{height:i.height,media:i.media,srcSet:i.src,width:i.width,...u})};

package/dist/cjs/components/image/image2.js

@@ -0,0 +1 @@
+const e=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),r=require("./imageStandAlone.js");let n=require("react"),o=require("react/jsx-runtime");const t=(0,n.forwardRef)((n,t)=>{const{IMAGE:i}=e.useGenericComponents();return(0,o.jsx)(r.ImageStandAlone,{...n,ref:t,component:i})});exports.Image=t;

package/dist/cjs/components/image/imageStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");;/* empty css       */const t=require("../../lib/types/breakpoints/breakpoints.js"),i=require("./components/pictureSourceStandAlone.js"),r=require("./utils/getFallbackRatio.js");let a=require("react"),o=require("react/jsx-runtime");const s=(0,a.forwardRef)(({alt:a,borderRadius:s,caption:c,height:u,images:n,loading:l="lazy",objectFit:d,onLoad:S,ratio:E,title:j,width:A,...b},m)=>{const g={"--border-radius":s,"--fallback-ratio":E&&r.getFallbackRatio(E)+"%","--object-fit":d,"--ratio":E},p=e.pickCustomAttributes(b);return(0,o.jsxs)("figure",{ref:m,"data-testid":"image",...p,children:[(0,o.jsxs)("picture",{className:"kbt-picture",style:g,children:[(0,o.jsx)(i.PictureSourceStandAlone,{mediaSource:n[t.DEVICE_BREAKPOINTS.LARGE_DESKTOP]}),(0,o.jsx)(i.PictureSourceStandAlone,{mediaSource:n[t.DEVICE_BREAKPOINTS.DESKTOP]}),(0,o.jsx)(i.PictureSourceStandAlone,{mediaSource:n[t.DEVICE_BREAKPOINTS.TABLET]}),(0,o.jsx)(i.PictureSourceStandAlone,{mediaSource:n[t.DEVICE_BREAKPOINTS.MOBILE]}),(0,o.jsx)("img",{alt:a,height:u,loading:l,src:n.DEFAULT.src,title:j,width:A,onLoad:S})]}),c&&(0,o.jsx)("figcaption",{children:c})]})});exports.ImageStandAlone=s;

package/dist/cjs/components/image/index.js

@@ -0,0 +1,2 @@
+const { Image } = require('./image.js');
+module.exports = { ...module.exports, Image };

package/dist/cjs/components/image/utils/getFallbackRatio.js

@@ -0,0 +1 @@
+exports.getFallbackRatio=a=>100*a;

package/dist/cjs/components/input/index.js

@@ -0,0 +1,2 @@
+const { Input } = require('./input.js');
+module.exports = { ...module.exports, Input };

package/dist/cjs/components/input/input.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./inputStandAlone.js"),s=require("./utils/state.js");let t=require("react"),l=require("react/jsx-runtime");const r=(0,t.forwardRef)(({additionalClasses:r,id:u,variant:n,...i},o)=>{const d=e.useClassName({additionalClassNames:r,component:"INPUT",variant:n}),c=`input-${(0,t.useId)().replace(/:/g,"")}`,p=u||c,f=`${p}-label`,C=(0,t.useRef)(null),b=(0,t.useRef)(null),m=(0,t.useCallback)(e=>{e&&(b.current=e.querySelector("input")),C.current=e},[]);(0,t.useImperativeHandle)(o,()=>C.current,[]);const[I,q]=(0,t.useState)(!1),j=(0,t.useCallback)(()=>q(!0),[]),N=(0,t.useCallback)(()=>q(!1),[]),S=Boolean(i.defaultValue??i.value),k=s.getState({disabled:i.disabled,error:i.error,filled:S,focused:I});return(0,l.jsx)(a.InputStandAlone,{ref:m,cssClasses:d,"data-state":k,"data-testid":"input-container",filled:S,focused:I,inputBaseId:p,labelId:f,onBlur:N,onFocus:j,...i})});exports.Input=r;

package/dist/cjs/components/input/inputStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../inputBase/inputBase.js"),t=require("../inputDecoration/inputDecoration.js");let r=require("react"),a=require("react/jsx-runtime");const s=(0,r.forwardRef)(({cssClasses:r,disabled:s,error:n,filled:o,focused:d,inputBaseId:l,labelId:u,leftDecoration:c,required:p,rightDecoration:f,...v},b)=>{const j=e.pickCustomAttributes(v);return(0,a.jsxs)("div",{ref:b,className:r?.input,...j,children:[!(!c||!c?.variant&&!r?.left_decoration)&&(0,a.jsx)(t.InputDecoration,{disabled:s,error:n,...c,additionalClasses:c?.variant?void 0:r?.left_decoration,variant:c?.variant}),(0,a.jsx)("div",{...j,className:r?.inputandlabelcontainer,children:!!r?.input&&(0,a.jsx)(i.InputBase,{disabled:s,error:n,filled:o,focused:d,required:p,...v,additionalClasses:r?.input_base})}),!(!f||!f?.variant&&!r?.right_decoration)&&(0,a.jsx)(t.InputDecoration,{disabled:s,error:n,filled:o,focused:d,...f,additionalClasses:f?.variant?void 0:r?.right_decoration,variant:f?.variant})]})});exports.InputStandAlone=s;

package/dist/cjs/components/input/types/state.js

@@ -0,0 +1 @@
+exports.InputState={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};

package/dist/cjs/components/input/utils/state.js

@@ -0,0 +1 @@
+const t=require("../types/state.js");exports.getState=({disabled:e,error:I,filled:S,focused:a})=>e&&S?t.InputState.DISABLED_FILLED:e?t.InputState.DISABLED_EMPTY:I&&S?t.InputState.ERROR_FILLED:I?t.InputState.ERROR_EMPTY:a?t.InputState.FOCUS:S?t.InputState.FILLED:t.InputState.EMPTY;

package/dist/cjs/components/inputBase/index.js

@@ -0,0 +1,2 @@
+const { InputBase } = require('./inputBase.js');
+module.exports = { ...module.exports, InputBase };

package/dist/cjs/components/inputBase/inputBase.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),a=require("./inputBaseStandAlone.js"),s=require("./utils/state.js");let t=require("react"),r=require("react/jsx-runtime");const i=(0,t.forwardRef)(({additionalClasses:i,error:d,filled:n,focused:l,id:u,variant:o,...c},p)=>{const f=e.useClassName({additionalClassNames:i,component:"INPUT_BASE",variant:o}),m=`inputbase-${(0,t.useId)().replace(/:/g,"")}`,C=u??m,b=s.getState({disabled:c.disabled,error:d,filled:n,focused:l});return(0,r.jsx)(a.InputBaseStandAlone,{ref:p,...c,"aria-invalid":d,cssClasses:f,"data-state":b,"data-testid":"input-base","data-truncate":c.truncate,id:C})});exports.InputBase=i;

package/dist/cjs/components/inputBase/inputBaseStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let e=require("react"),s=require("react/jsx-runtime");const r=(0,e.forwardRef)(({cssClasses:e,truncate:r,...u},i)=>{const c=t.pickCustomAttributes(u);return(0,s.jsx)("input",{ref:i,className:e?.input_base,...u,...c})});exports.InputBaseStandAlone=r;

package/dist/cjs/components/inputBase/types/state.js

@@ -0,0 +1 @@
+exports.InputBaseState={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};

package/dist/cjs/components/inputBase/utils/state.js

@@ -0,0 +1 @@
+const t=require("../types/state.js");exports.getState=({disabled:e,error:a,filled:s,focused:I})=>e&&s?t.InputBaseState.DISABLED_FILLED:e?t.InputBaseState.DISABLED_EMPTY:a&&s?t.InputBaseState.ERROR_FILLED:a?t.InputBaseState.ERROR_EMPTY:I?t.InputBaseState.FOCUS:s?t.InputBaseState.FILLED:t.InputBaseState.EMPTY;

package/dist/cjs/components/inputDecoration/index.js

@@ -0,0 +1,2 @@
+const { InputDecoration } = require('./inputDecoration.js');
+module.exports = { ...module.exports, InputDecoration };

package/dist/cjs/components/inputDecoration/inputDecoration.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./inputDecorationStandAlone.js"),a=require("./utils/state.js");let t=require("react"),r=require("react/jsx-runtime");const i=(0,t.forwardRef)(({additionalClasses:t,variant:i,...o},n)=>{const d=e.useClassName({additionalClassNames:t,component:"INPUT_DECORATION",variant:i}),l=a.getState({disabled:o.disabled,error:o.error,filled:o.filled,focused:o.focused});return(0,r.jsx)(s.InputDecorationStandAlone,{ref:n,cssClasses:d,"data-state":l,"data-testid":"input-decoration",...o})});exports.InputDecoration=i;

package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../../lib/utils/process/processCommonProp.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js");let r=require("react"),s=require("react/jsx-runtime");const n=(0,r.forwardRef)(({cssClasses:r,decoration:n,disabled:i,...c},l)=>{const u=t.processIconProp(n);if(!u?.icon)return null;const a=e.pickCustomAttributes(c);return(0,s.jsx)("div",{ref:l,className:r?.input_decoration,style:{pointerEvents:u.onClick?"auto":"none"},...a,children:(0,s.jsx)(o.ElementOrIcon,{className:r?.decoration,...u,onClick:u.onClick})})});exports.InputDecorationStandAlone=n;

package/dist/cjs/components/inputDecoration/types/state.js

@@ -0,0 +1 @@
+exports.InputDecorationState={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};

package/dist/cjs/components/inputDecoration/utils/state.js

@@ -0,0 +1 @@
+const t=require("../types/state.js");exports.getState=({disabled:e,error:o,filled:a,focused:n})=>e&&a?t.InputDecorationState.DISABLED_FILLED:e?t.InputDecorationState.DISABLED_EMPTY:o&&a?t.InputDecorationState.ERROR_FILLED:o?t.InputDecorationState.ERROR_EMPTY:n?t.InputDecorationState.FOCUS:a?t.InputDecorationState.FILLED:t.InputDecorationState.EMPTY;

package/dist/cjs/components/inputSignature/hook/useDraw.js

@@ -0,0 +1 @@
+let e=require("react");exports.useDraw=t=>{const r=(0,e.useRef)(null),n=(0,e.useRef)(),u=(0,e.useRef)(!1),c=(0,e.useRef)(!1),o=(0,e.useRef)({color:"black",lineWidth:2}),i=(0,e.useRef)(null),s=e=>{let t,c;if("touchstart"===e.type&&r.current){const{touches:n}=e,{clientX:u,clientY:o}=n[0],{left:i,top:s}=r.current.getBoundingClientRect();t=u-i,c=o-s}else t=e.offsetX,c=e.offsetY;i.current=n.current.getImageData(0,0,r.current?.width,r.current?.height),n.current.beginPath(),n.current.moveTo(t,c),u.current=!0},l=e=>{if(!u.current)return;let t,c;if(e.preventDefault(),"touchmove"===e.type&&r.current){const{touches:n}=e,{clientX:u,clientY:o}=n[0],{left:i,top:s}=r.current.getBoundingClientRect();t=u-i,c=o-s}else t=e.offsetX,c=e.offsetY;n.current.lineTo(t,c),n.current.stroke()},a=()=>{const e=n.current.getImageData(0,0,r.current?.width,r.current?.height);if(n.current.closePath(),u.current=!1,i.current&&!function(e,t){if(e.width!==t.width||e.height!==t.height)return!1;for(let r=0;r<e.data.length;r++)if(e.data[r]!==t.data[r])return!1;return!0}(e,i.current)){const e=r.current?.toDataURL();t?.(e),c.current=!0}};return(0,e.useEffect)(()=>{if(null===r.current)return;const e=r.current;return n.current=e?.getContext("2d",{willReadFrequently:!0}),n.current?(n.current.strokeStyle=o.current.color,n.current.lineWidth=o.current.lineWidth,n.current.lineCap="round",n.current.lineJoin="round",e?.addEventListener("mousedown",s),e?.addEventListener("mousemove",l),e?.addEventListener("mouseup",a),e?.addEventListener("mouseleave",a),e?.addEventListener("touchstart",s),e?.addEventListener("touchmove",l,{passive:!1}),e?.addEventListener("touchend",a),()=>{e?.removeEventListener("mousedown",s),e?.removeEventListener("mousemove",l),e?.removeEventListener("mouseup",a),e?.removeEventListener("mouseleave",a),e?.removeEventListener("touchstart",s),e?.removeEventListener("touchmove",l),e?.removeEventListener("touchend",a)}):void 0},[]),{canvasRef:r,filled:c.current,resetCanvas:()=>{r.current&&(c.current=!1,n.current.clearRect(0,0,r.current.width,r.current.height))},setSignatureStyles:e=>{e&&(o.current.color=e.color,o.current.lineWidth=e.lineWidth)}}};

package/dist/cjs/components/inputSignature/index.js

@@ -0,0 +1,4 @@
+const { InputSignatureControlled } = require('./inputSignatureControlled.js');
+module.exports = { ...module.exports, InputSignatureControlled };
+const { InputSignature } = require('./inputSignatureUncontrolled.js');
+module.exports = { ...module.exports, InputSignature };

package/dist/cjs/components/inputSignature/inputSignatureControlled.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./inputSignatureStandAlone.js");let t=require("react"),a=require("react/jsx-runtime");const r=(0,t.forwardRef)(({additionalClasses:t,setSignatureStyles:r,signatureStyle:n={color:"#000000",lineWidth:2},variant:i,...l},o)=>{const u=e.useClassName({additionalClassNames:t,component:"INPUT_SIGNATURE",variant:i});return r?.(n),(0,a.jsx)(s.InputSignatureStandAlone,{ref:o,cssClasses:u,...l})});exports.InputSignatureControlled=r;

package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../text/text2.js"),s=require("../../lib/utils/process/processCommonProp.js"),r=require("../../lib/types/states/states.js");let a=require("react"),i=require("react/jsx-runtime");const n=(0,a.forwardRef)(({canvasRef:a,cssClasses:n,errorText:o,onBlurContainer:c,onClickContainer:u,placeholder:l,state:d,...p},x)=>{const A=d===r.STATES.DEFAULT||d===r.STATES.ERROR||d===r.STATES.DISABLED,T=d===r.STATES.ERROR&&o?o:l,m={"data-state":d},C=p["data-testid"]||"input-signature",S=t.pickCustomAttributes(p),b=t.pickCustomAttributes(m);return(0,i.jsxs)("div",{ref:x,className:n?.input_signature,"data-testid":C,role:"button",tabIndex:-1,onBlur:c,onClick:u,onKeyDown:u,...b,...S,children:[(0,i.jsx)("canvas",{ref:a,className:n?.canvas,"data-testid":`${C}-canvas`,...b}),A&&(0,i.jsx)("div",{className:n?.placeholdercontainer,...b,children:(0,i.jsx)(e.Text,{additionalClasses:{text:n?.placeholdertext},customAttributes:m,...s.processTextProp(T)})})]})});exports.InputSignatureStandAlone=n;

package/dist/cjs/components/inputSignature/inputSignatureUncontrolled.js

@@ -0,0 +1 @@
+const e=require("./inputSignatureControlled.js"),t=require("./hook/useDraw.js"),r=require("./utils/getInputSignatureState.js");let n=require("react"),a=require("react/jsx-runtime");const u=(0,n.forwardRef)(({disabled:u,error:s,onChange:i,...o},l)=>{const g=(0,n.useRef)(null),{canvasRef:S,filled:c,resetCanvas:d,setSignatureStyles:p}=t.useDraw(i),[f,C]=(0,n.useState)(!1),I=r.getInputSignatureState({active:f,disabled:u,error:s,filled:c});return(0,n.useImperativeHandle)(l,()=>({get InputSignature(){return g.current},get reset(){return d}})),(0,a.jsx)(e.InputSignatureControlled,{ref:g,canvasRef:S,setSignatureStyles:p,onBlurContainer:()=>{C(!1)},onClickContainer:e=>{u||(e.stopPropagation(),C(!0),e.currentTarget.focus())},...o,state:I})});exports.InputSignatureUnControlled=u;

package/dist/cjs/components/inputSignature/utils/getInputSignatureState.js

@@ -0,0 +1 @@
+const e=require("../../../lib/types/states/states.js");exports.getInputSignatureState=({active:t,disabled:S,error:T,filled:E})=>S?e.STATES.DISABLED:T?e.STATES.ERROR:t?e.STATES.ACTIVE:E?e.STATES.FILLED:e.STATES.DEFAULT;

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

@@ -0,0 +1,2 @@
+const { Label } = require('./labelStandAlone.js');
+module.exports = { ...module.exports, Label };

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

@@ -0,0 +1 @@
+const e=require("../text/text2.js");let t=require("react"),s=require("react/jsx-runtime");const r=(0,t.forwardRef)(({asteriskColor:r,asteriskCssClasses:i,asteriskWeight:a,children:o,color:l,cursor:d,customAttributes:n,id:c,inputId:u,required:x,requiredSymbol:h,textCssClasses:b,weight:m,...C},p)=>{const q=`label-${(0,t.useId)().replace(/:/g,"")}`,g=c??q,j=C["data-testid"]||"label";return(0,s.jsxs)(e.Text,{ref:p,additionalClasses:{text:b},color:l,component:"label",cursor:d,customAttributes:n,"data-testid":j,htmlFor:u,id:g,weight:m,children:[o,x&&(0,s.jsx)(e.Text,{additionalClasses:{text:i},"aria-hidden":!0,color:r,component:"span","data-testid":`${j}Required`,weight:a,children:h})]})});exports.LabelStandAlone=r;

package/dist/cjs/components/link/helpers/disabled.js

@@ -0,0 +1 @@
+exports.disabledLink=(e,i)=>({role:e&&!i?"link":i});

package/dist/cjs/components/link/index.js

@@ -0,0 +1,4 @@
+const { Link } = require('./link.js');
+module.exports = { ...module.exports, Link };
+const { LinkAsButton } = require('./linkAsButton.js');
+module.exports = { ...module.exports, LinkAsButton };

package/dist/cjs/components/link/link.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),a=require("./helpers/disabled.js"),i=require("./linkStandAlone.js");let n=require("react"),o=require("react/jsx-runtime");const r=(0,n.forwardRef)(({action:n="navigation",additionalClasses:r,additionalTextClasses:t,alignCenter:l=!1,color:d,decoration:c="auto",disabled:u=!1,icon:C,role:m,textVariant:p,variant:v,weight:N,...b},g)=>{const{LINK:j}=s.useGenericComponents(),{role:q}=a.disabledLink(u,m),x=u||void 0,k=e.useClassName({additionalClassNames:r,component:"LINK",variant:`${n}_${v}`}),L=e.useClassName({additionalClassNames:t,component:"TEXT",variant:p});return(0,o.jsx)(i.LinkStandAlone,{...b,ref:g,action:n,alignCenter:l,"aria-disabled":x,color:d,component:j,cssClasses:k,cssTextClasses:L,decoration:"inline"===n?"underline":c,disabled:u,icon:C,role:q,weight:N})});exports.Link=r;

package/dist/cjs/components/link/linkAsButton/linkAsButton.js

@@ -0,0 +1 @@
+const e=require("../../../lib/hooks/useClassName/useClassName.js"),s=require("../../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),a=require("../../../lib/types/states/states.js"),t=require("../../../lib/hooks/useManageState/useManageState.js"),n=require("./linkAsButtonStandAlone.js");let i=require("react"),r=require("react/jsx-runtime");const o=(0,i.forwardRef)(({additionalSizeClasses:i,additionalVariantClasses:o,disabled:l,size:u,variant:d,...c},m)=>{const C=e.useClassName({component:"LINK_AS_BUTTON"}),N=e.useClassName({additionalClassNames:o,component:"BUTTON",variant:d}),p=e.useClassName({additionalClassNames:i,component:"BUTTON",variant:u}),{LINK:S}=s.useGenericComponents(),{setRef:b}=t.useManageState({disabled:l,ref:m,states:Object.values(a.STATES)});return(0,r.jsx)(n.LinkAsButtonStandAlone,{...c,ref:b,component:S,cssLinkAsButtonClasses:C,cssSizeClasses:p,cssVariantClasses:N,disabled:l})});exports.LinkAsButton=o;

package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../../lib/components/customComponent/customComponent.js"),e=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../../lib/utils/classNames/classNames.js"),i=require("../../../lib/types/states/states.js"),a=require("../../../lib/types/positions/positions.js"),n=require("../../button/buttonStandAlone.js");let l=require("react"),r=require("react/jsx-runtime");const o=(0,l.forwardRef)(({"aria-label":l,"aria-labelledby":o,ariaLabelText:u,children:c,component:d,cssLinkAsButtonClasses:b,cssSizeClasses:m,cssVariantClasses:p,fullWidth:C,iconPosition:j,minWidth:k,onClick:h,rel:A,role:S,state:q,target:x,url:f,...N},w)=>{const y=N["data-testid"]||"link-as-button",L=e.pickCustomAttributes(N);return(0,r.jsx)("div",{className:b?.link_as_button,"data-kbt-full-width":C,"data-testid":y,...L,children:(0,r.jsx)(t.CustomComponent,{ref:w,"aria-label":l,"aria-labelledby":o,component:d,"data-testid":"link",decoration:"none",isDisabled:q===i.STATES.DISABLED,rel:A,role:S,target:x,url:f,onClick:h,children:(0,r.jsx)("span",{"aria-label":u,...N,className:s.classNames(m?.button,p?.button),style:{flexDirection:j===a.POSITIONS.LEFT?"row":"row-reverse",minWidth:k,width:C?"100%":"auto"},children:(0,r.jsx)(n.ButtonStandAlone,{...N,children:c})})})})});exports.LinkAsButtonStandAlone=o;

package/dist/cjs/components/link/linkStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../../lib/utils/classNames/classNames.js"),o=require("../text/text2.js"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js");let n=require("react"),i=require("react/jsx-runtime");const l=(0,n.forwardRef)(({children:n,color:l,component:c=o.Text,cssClasses:a,cssTextClasses:m,decoration:u,disabled:d,draggable:x,icon:p,iconPosition:b,id:C,onClick:j,rel:g,role:k,target:f,url:h,weight:q,...N},w)=>{const A=d?void 0:j,v=d?void 0:h,y=s.classNames(a?.link,m?.text),D={color:l,flexDirection:"left"===b?"row":"row-reverse",fontWeight:q,textDecoration:u},I={color:l,fontWeight:q,textDecoration:u},O=t.pickCustomAttributes(N);return(0,i.jsx)(e.CustomComponent,{ref:w,className:y,component:c,"data-testid":"link",disabled:d,draggable:x,id:C,rel:g,role:k,style:I,target:f,url:v,onClick:A,...O,children:p?(0,i.jsxs)("span",{className:a?.labelandiconcontainer,style:D,children:[(0,i.jsx)(r.ElementOrIcon,{className:a?.icon,...p},"icon"),n]}):(0,i.jsx)("span",{style:D,children:n})})});exports.LinkStandAlone=l;

package/dist/cjs/components/listOptions/index.js

@@ -0,0 +1,2 @@
+const { ListOptions } = require('./listOptions.js');
+module.exports = { ...module.exports, ListOptions };

package/dist/cjs/components/listOptions/listOptions.js

@@ -0,0 +1 @@
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./listOptionsStandAlone.js");let a=require("react"),t=require("react/jsx-runtime");const r=(0,a.forwardRef)(({additionalClasses:a,variant:r,...i},n)=>{const o=s.useClassName({additionalClassNames:a,component:"LIST_OPTIONS",variant:r});return(0,t.jsx)(e.ListOptionsStandAlone,{...i,ref:n,cssClasses:o})});exports.ListOptions=r;

package/dist/cjs/components/listOptions/listOptionsStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../text/text2.js"),o=require("../../lib/utils/process/processCommonProp.js"),s=require("../../lib/hooks/useRoveFocus/useRoveFocus.js"),n=require("../option/option.js"),l=require("./utils/listOptions.utils.js");let r=require("react"),c=require("react/jsx-runtime");const a=(0,r.forwardRef)(({caseSensitive:a,charsHighlighted:u,checkedIcon:d,content:p,cssClasses:m,highlightedOptionVariant:h,id:v,index:g=0,listComponent:b,multiSelect:k,onOptionClick:x,options:C,optionsContainerArias:j,roveFocus:y,selectedValue:S,title:q,type:$="selection",...M},O)=>{const F=M["data-testid"]??"list-options",f=t.pickCustomAttributes(M),A=(0,r.useMemo)(()=>({currentFocusSelected:-1,keyDownMove:l.keyDownMove(C),keyLeftMove:0,keyRightMove:0,keyTabMove:null,keyUpMove:l.keyUpMove,size:C.length}),[C]),[I,R,V]=s.useRoveFocus(y??A),w=(0,r.useId)();(0,r.useImperativeHandle)(O,()=>V.current,[V]);const H=v??w,L="selection"===$,N="navigation"===$,T=C&&C.length>0;return(0,c.jsxs)("div",{className:m?.list_options,"data-testid":F,...f,children:[!!q&&C.length>0&&(0,c.jsx)("div",{className:m?.titlecontainer,children:(0,c.jsx)(i.Text,{additionalClasses:{text:m?.title},...o.processTextProp(q)})}),p,T&&(0,c.jsx)(e.CustomComponent,{ref:V,"aria-label":j?.["aria-label"],"aria-labelledby":j?.["aria-labelledby"],className:m?.optionscontainer,component:b??"ul",id:H,role:L?"listbox":void 0,children:C.map((e,t)=>{const i=l.isSelected(e,S,k,a),o=`${F}-section-${g}-option-${t}`,s=L||N?"div":"li",r=(0,c.jsx)(n.Option,{"aria-current":N?i:void 0,"aria-selected":L?i:void 0,checkedIcon:d,component:s,"data-testid":o,focus:I===t,labelCharsHighlighted:u,multiSelect:k,role:L?"option":void 0,selected:i,tabIndex:N?0:-1,variant:l.getOptionVariant(e.highlighted,h,M?.optionVariant),...e,onClick:i=>{R(t),x?.(e.value,i),e.onClick?.(i)},onFocus:i=>{t!==I&&R(t),e.onFocus?.(i)}},`${H}Option-${g.toString()}-${t.toString()}`);return"selection"===$?(0,c.jsx)("li",{children:r},`${H}LiOption-${g.toString()}-${t.toString()}`):r})})]})});exports.ListOptionsStandAlone=a;

package/dist/cjs/components/listOptions/utils/listOptions.utils.js

@@ -0,0 +1 @@
+exports.getOptionVariant=(e,o,a)=>e&&o?o:a||"",exports.isSelected=(e,o,a,t)=>null!=o&&void 0!==e.value&&(a?Boolean(Array.isArray(o)&&o.includes(e.value)):t?Boolean(o===e.value):Boolean(o.toLocaleString().toLocaleLowerCase()===e.value.toLocaleString().toLocaleLowerCase())),exports.keyDownMove=e=>o=>{let a=Math.max(o,0);return o+1<=e.length-1&&(a+=1),a},exports.keyUpMove=e=>{let o=Math.max(e,0);return e>0&&(o-=1),o};

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

@@ -0,0 +1 @@
+const e=require("../../text/text2.js"),s=require("../../../lib/utils/process/processCommonProp.js"),n=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../button/button.js"),o=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js");let i=require("react/jsx-runtime");exports.ModalHeader=({blocked:c,closeButton:r,closeIcon:a,cssClasses:l,dragIcon:d,title:m,titleIdFinal:u})=>{const{isMobileOrTablet:x}=o.useActiveBreakpoints();return(0,i.jsxs)("div",{className:l?.headercontainer,"data-modal-header":!0,children:[x&&!c&&!!d&&(0,i.jsx)("div",{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:(0,i.jsx)(n.ElementOrIcon,{className:l?.dragicon,...s.processIconProp(d)})}),(0,i.jsxs)("div",{className:l?.headercontentcontainer,children:[!c&&!!a&&(0,i.jsx)("div",{className:l?.closebuttoncontainer,children:(0,i.jsx)(n.ElementOrIcon,{className:l?.closebuttonicon,...s.processIconProp(a)})}),!c&&!!r?.content&&!!r?.variant&&(0,i.jsx)(t.Button,{...r,variant:r?.variant,children:r?.content}),(void 0===m?.visible||m.visible)&&(0,i.jsx)("div",{className:l?.titlecontainer,children:(0,i.jsx)(e.Text,{additionalClasses:{text:l?.title},component:"h1",id:u,...s.processTextProp(m)})}),!1===m?.visible&&(0,i.jsx)("span",{className:l?.titlehiddencontainer,id:u,children:s.processTextProp(m).children}),!c&&!!a&&(0,i.jsx)("div",{className:l?.closebuttoncontainer,children:(0,i.jsx)("span",{className:l?.closebuttonicon})})]})]})};

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

@@ -0,0 +1,4 @@
+const { ModalControlled } = require('./modalControlled.js');
+module.exports = { ...module.exports, ModalControlled };
+const { Modal } = require('./modalUnControlled.js');
+module.exports = { ...module.exports, Modal };

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

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),o=require("../../lib/hooks/useContentVisibility/useContentVisibility.js"),r=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),s=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),l=require("../../lib/hooks/useScrollEffect/useScrollEffect.js"),t=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),n=require("../../lib/utils/refs/syncRefs.js"),a=require("../portal/portal.js"),i=require("./modalStandAlone.js");let c=require("react"),u=require("react/jsx-runtime");const d=(0,c.forwardRef)(({additionalClasses:d,disableFocusableContent:f=!1,onClose:p,popover:S,portalId:C,variant:b,...h},q)=>{const j=e.useClassName({additionalClassNames:d,component:"MODAL",variant:b}),w=r.useMediaDevice(),D=(0,c.useRef)(null),{scrollableRef:v,shadowRef:y}=l.useScrollEffect({shadowStyles:"none"}),{handleContentVisibility:R}=o.useContentVisibility({}),{setDragIconRef:m,setPopoverRef:k}=t.useSwipeDown({handleClose:p}),{handleScrollDetection:M,hasScroll:I}=s.useScrollDetection({autoFocus:!f}),x=(0,c.useCallback)(e=>{D.current=e,n.syncInnerAndForwardedRef({forwardedRef:q,innerRef:D});const o=D.current?.querySelector("[data-modal-header]"),r=D.current?.querySelector("[data-modal-content]"),s=D.current?.querySelector("[data-modal-draggable-icon]");y(o),R({container:D.current,content:r}),v(r),M(r),s&&m(s)},[]),A=(0,u.jsx)(i.ModalStandAlone,{...h,ref:x,contentHasScroll:I,cssClasses:j,device:w,popover:{...S,popoverContainerRef:k},onPopoverCloseInternally:()=>{p?.()}});return C?(0,u.jsx)(a.Portal,{wrapperId:C,children:A}):A});exports.ModalControlled=d;

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

@@ -0,0 +1 @@
+const e=require("../../lib/utils/process/processCommonProp.js"),o=require("../../lib/components/overlay/overlay.js"),l=require("../popover/popover.js"),t=require("./fragments/modalHeader.js"),a=require("./utils/onlyDesktopSize.js");let i=require("react"),s=require("react/jsx-runtime");const r=(0,i.forwardRef)(({blocked:r,closeButton:n,closeIcon:d,content:c,contentContainer:m,contentHasScroll:p,contentScrollArias:v,cssClasses:u,customHeightAllDevices:b=!1,customWidthAllDevices:h=!1,device:y,dragIcon:g,footer:x,id:j,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:f,minWidth:q,onKeyDown:k,onPopoverCloseInternally:D,open:S,popover:W,title:A,...P},z)=>{const N=`modal-${(0,i.useId)().replace(/:/g,"")}`,$=j??N,w=`modal-title-${(0,i.useId)().replace(/:/g,"")}`,B=e.processTextProp(A).id??w,F=P["data-testid"]||"modal";return(0,s.jsx)(l.Popover,{"aria-labelledby":B,"aria-modal":S,component:"div",disableClickOverlayClose:r,disableEscapeClose:r,disableTrapFocus:!1,id:$,open:S,overlay:(0,s.jsx)(o.Overlay,{}),role:"dialog",strategy:"fixed",onClose:D,...W,children:(0,s.jsxs)("div",{ref:z,className:u?.modal,"data-testid":F,style:{maxHeight:C,maxWidth:H,minHeight:b?f:a.onlyDesktopSize(y,f),minWidth:h?q:a.onlyDesktopSize(y,q)},children:[(0,s.jsx)(t.ModalHeader,{blocked:r,closeButton:n,closeIcon:d,cssClasses:u,device:y,dragIcon:g,title:A,titleIdFinal:B}),(0,s.jsx)("div",{"aria-label":p?v?.["aria-label"]:void 0,"aria-labelledby":p?v?.["aria-labelledby"]:void 0,className:u?.content,"data-modal-content":!0,"data-testid":`${F}-content`,role:p?"region":void 0,style:{minHeight:I},...p?{tabIndex:0}:{},...m,children:c}),!!x&&(0,s.jsx)("div",{className:u?.footer,children:x})]})})});exports.ModalStandAlone=r;

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

@@ -0,0 +1 @@
+const o=require("../../lib/utils/process/processCommonProp.js"),e=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../lib/utils/keyboard/keyboard.js"),s=require("./modalControlled.js");let n=require("react"),l=require("react/jsx-runtime");const t=(0,n.forwardRef)(({closeButton:t,closeIcon:c,onClose:i,open:a,popover:p,variant:u,...d},k)=>{const[C,y]=(0,n.useState)(a);(0,n.useEffect)(()=>{y(a)},[a]);const b=()=>{y(!1),i?.()};return(0,l.jsx)(s.ModalControlled,{...d,ref:k,closeButton:t&&{...t,onClick:o=>{b(),t?.onClick?.(o)}},closeIcon:{...o.processIconProp(c),onClick:e=>{b(),o.processIconProp(c)?.onClick?.(e)}},open:C,popover:{...p},variant:u,onClose:i,onKeyDown:o=>d?.blocked&&r.isKeyPressed(o.key,...e.ESCAPE.key)?o.stopPropagation():null})});exports.ModalUnControlled=t;

package/dist/cjs/components/modal/utils/onlyDesktopSize.js

@@ -0,0 +1 @@
+const e=require("../../../lib/types/breakpoints/breakpoints.js");exports.onlyDesktopSize=(s,i)=>e.DeviceBreakpointsTypeUtils.isDesktopOrLargeDesktop(s)?i:void 0;

package/dist/cjs/components/option/components.ts/optionLabelSlice.js

@@ -0,0 +1 @@
+const t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),e=require("../../text/text2.js");let s=require("react/jsx-runtime");exports.OptionLabelSlice=({children:i,component:r,cssClasses:u,customAttributes:c,...n})=>{if(!i)return null;const o=t.pickCustomAttributes(n);return(0,s.jsx)(e.Text,{additionalClasses:{text:u},component:r,customAttributes:c,...o,children:i})};

package/dist/cjs/components/option/index.js

@@ -0,0 +1,2 @@
+const { Option } = require('./option.js');
+module.exports = { ...module.exports, Option };

package/dist/cjs/components/option/option.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),o=require("./optionStandAlone.js");let n=require("react"),r=require("react/jsx-runtime");const t=(0,n.forwardRef)(({additionalClasses:t,focus:a,onBlur:u,onFocus:i,variant:c,...l},d)=>{const m=e.useClassName({additionalClassNames:t,component:"OPTION",variant:c}),{LINK:p}=s.useGenericComponents(),f=(0,n.useRef)(),[C,v]=(0,n.useState)(!1),[N,j]=(0,n.useState)(!1);return(0,n.useImperativeHandle)(d,()=>f.current,[]),(0,n.useEffect)(()=>{a&&f.current?.focus()},[a]),(0,r.jsx)(o.OptionStandAlone,{...l,ref:f,componentLink:p,cssClasses:m,focus:N,hover:C,onBlur:e=>{u?.(e),j(!1)},onFocus:e=>{i?.(e),j(!0)},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1)})});exports.Option=t;

package/dist/cjs/components/option/optionStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../lib/components/customComponent/customComponent.js"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../text/text2.js"),o=require("../../lib/utils/process/processCommonProp.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/types/states/states.js"),l=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../lib/utils/keyboard/keyboard.js"),c=require("./components.ts/optionLabelSlice.js"),a=require("./utils/option.utils.js");let u=require("react"),d=require("react/jsx-runtime");const b=(0,u.forwardRef)(({checkedIcon:u,component:b,componentLink:p,cssClasses:m,disabled:h,extraContent:g,focus:x,hover:j,icon:E,label:C,labelCharsHighlighted:S,multiSelect:A,onBlur:T,onClick:k,onFocus:L,onMouseEnter:I,onMouseLeave:y,role:q,selected:f,sublabel:O,tabIndex:P,url:$,...v},N)=>{const D=a.getState(h,x,f,A,j,!!S&&S?.length>0),M={"data-state":D},H=D===n.STATES.DISABLED,K=t.pickCustomAttributes({...v,customAttributes:M}),w=t.pickCustomAttributes(M),B=K["data-testid"]||"option",F=[n.STATES.MULTIPLE_SELECTED,n.STATES.MULTIPLE_SELECTED_HOVER,n.STATES.SELECTED].includes(D);let R,_,U;if("string"==typeof C){const{firstHighlightedIndex:e,lastHighlightedIndex:t}=a.getHighlightedIndexes(C,S);R=C.substring(0,e),_=C.substring(e,t),U=C.substring(t)}return(0,d.jsxs)(e.CustomComponent,{ref:N,"aria-disabled":H,className:m?.option,...K,component:$?p:b??"div","data-testid":B,role:q,tabIndex:P,url:$,onBlur:T,onClick:e=>{H||k?.(e)},onFocus:L,onKeyDown:e=>{!H&&r.isKeyPressed(e.key,l.ENTER.key,l.SPACE.key)&&k?.(e)},onMouseEnter:I,onMouseLeave:y,...w,children:[(0,d.jsxs)("div",{className:m?.firstrowcontainer,children:[(0,d.jsxs)("div",{className:m?.labeliconcontainer,...w,children:[(0,d.jsx)(i.ElementOrIcon,{className:m?.icon,customAttributes:M,...o.processIconProp(E)}),!!o.processTextProp(O).children&&(0,d.jsx)("div",{className:m?.sublabelcontainer,...w,children:(0,d.jsx)(s.Text,{additionalClasses:{text:m?.sublabel},component:"span",customAttributes:M,...o.processTextProp(O)})}),(0,d.jsx)("p",{children:"string"==typeof C?(0,d.jsxs)(d.Fragment,{children:[" ",(0,d.jsx)(c.OptionLabelSlice,{component:"span",cssClasses:m?.label,customAttributes:M,"data-testid":`${B}-first-no-hightlighted-label`,children:R}),(0,d.jsx)(c.OptionLabelSlice,{component:"span",cssClasses:`${m?.label} ${m?.labelhighlighted}`,customAttributes:M,"data-testid":`${B}-highlighted-label`,children:_}),(0,d.jsx)(c.OptionLabelSlice,{component:"span",cssClasses:`${m?.label} ${m?.labelhighlighted}`,customAttributes:M,"data-testid":`${B}-last-no-hightlighted-label`,children:U})]}):(0,d.jsx)(c.OptionLabelSlice,{component:"span",cssClasses:m?.label,customAttributes:M,"data-testid":`${B}-label`,children:C})})]}),F&&(0,d.jsx)(i.ElementOrIcon,{className:m?.checkedicon,customAttributes:M,...o.processIconProp(u)})]}),!!g&&g]})});exports.OptionStandAlone=b;

package/dist/cjs/components/option/utils/option.utils.js

@@ -0,0 +1 @@
+const e=require("../../../lib/types/states/states.js");exports.getHighlightedIndexes=(e,E)=>{let S=0,T=0;if(E){const t=e.toLocaleLowerCase(),s=E.toLocaleLowerCase();t.includes(s)&&(S=t.indexOf(s),T=S+E.length)}return{firstHighlightedIndex:S,lastHighlightedIndex:T}},exports.getState=(E,S,T,t,s,L)=>E?e.STATES.DISABLED:S?e.STATES.FOCUS:T?t?s?e.STATES.MULTIPLE_SELECTED_HOVER:e.STATES.MULTIPLE_SELECTED:s?e.STATES.SELECTED_HOVER:e.STATES.SELECTED:s?e.STATES.HOVER:L?e.STATES.FILLING:e.STATES.DEFAULT;

package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js

@@ -0,0 +1 @@
+const e=require("../../../lib/components/elementOrIcon/elementOrIcon.js");let t=require("react/jsx-runtime");exports.ArrowControlStandAlone=({cssArrowControlClasses:r,disabled:s=!1,...n})=>{const o=s?"inactive":"active";return(0,t.jsx)(e.ElementOrIcon,{className:r?.icon,customAttributes:{"data-state":o},disabled:s,...n})};

package/dist/cjs/components/pageControl/components/buttonControlStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");let s=require("react/jsx-runtime");exports.ButtonControlStandAlone=({cssPageControlClasses:e,disabled:o=!1,position:i,...r})=>{const u=t.pickCustomAttributes(r);return(0,s.jsx)("button",{className:e,disabled:o,type:"button",...r,...u})};

package/dist/cjs/components/pageControl/components/controls.js

@@ -0,0 +1 @@
+const o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),t=require("../helper/controlType.js"),r=require("./arrowControlStandAlone.js"),s=require("./buttonControlStandAlone.js");let e=require("react/jsx-runtime");exports.Controls=({control:n,cssArrowControlClasses:l,cssPageControlClasses:i,position:c,...a})=>{const u=o.pickCustomAttributes(a),C="left"===c?l?.leftbuttoncontrol:l?.rightbuttoncontrol,p="left"===c?l?.leftarrowcontrolcontainer:l?.rightarrowcontrolcontainer;return(0,e.jsxs)(e.Fragment,{children:[n&&!t.isElementOrIconProps(n)&&(0,e.jsx)(s.ButtonControlStandAlone,{...n,cssPageControlClasses:C,position:c,...u}),t.isElementOrIconProps(n)&&(0,e.jsx)("div",{className:p,children:(0,e.jsx)(r.ArrowControlStandAlone,{cssArrowControlClasses:l,...n})})]})};

package/dist/cjs/components/pageControl/helper/controlType.js

@@ -0,0 +1 @@
+exports.isElementOrIconProps=o=>void 0!==o?.icon;

package/dist/cjs/components/pageControl/helper/positions.js

@@ -0,0 +1 @@
+exports.calcFirstLastVisiblePosition=({currentPosition:i,direction:t,dots:s,isBullet:o,pages:e})=>{let n=0,r=n+s-1;return o&&"forth"!==t?e-s<=i?(r=e-1,n=r-(s-1)):(n=i,r=n+s-1):i-s<0?(n=0,r=n+s-1):(r=i,n=r-(s-1)),{firstVisiblePosition:n,lastVisiblePosition:r}},exports.getPositionWithIn=(i,t)=>Math.max(0,Math.min(i,t-1));

package/dist/cjs/components/pageControl/index.js

@@ -0,0 +1,2 @@
+const { PageControl } = require('./pageControl.js');
+module.exports = { ...module.exports, PageControl };

package/dist/cjs/components/pageControl/pageControl.js

@@ -0,0 +1 @@
+const s=require("../../lib/hooks/useClassName/useClassName.js"),e=require("./helper/positions.js"),o=require("./pageControlStandAlone.js");let t=require("react"),i=require("react/jsx-runtime");const r=(0,t.forwardRef)(({additionalArrowControlClasses:r,additionalPageControlClasses:a,arrowsControlVariant:n,currentPosition:l,isBullet:u=!1,maxDots:C=5,pages:c,variant:P,...d},m)=>{const g=s.useClassName({additionalClassNames:r,component:"PAGE_CONTROL",variant:n}),p=s.useClassName({additionalClassNames:a,component:"PAGE_CONTROL",variant:P}),N=(0,t.useRef)(0),b=(0,t.useMemo)(()=>{let s="forth";return l<N.current&&(s="back"),N.current=l,s},[l]),f=c>C?C:c,A=e.getPositionWithIn(l,c),{firstVisiblePosition:V,lastVisiblePosition:j}=e.calcFirstLastVisiblePosition({currentPosition:A,direction:b,dots:f,isBullet:u,pages:c});return(0,i.jsx)(o.PageControlStandAlone,{ref:m,cssArrowControlClasses:g,cssPageControlClasses:p,currentPosition:A,dots:f,firstVisiblePosition:V,isBullet:u,lastVisiblePosition:j,pages:0,...d})});exports.PageControl=r;

package/dist/cjs/components/pageControl/pageControlStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("./components/controls.js");let o=require("react"),e=require("react/jsx-runtime");const i=(0,o.forwardRef)(({cssArrowControlClasses:o,cssPageControlClasses:i,currentPosition:r,dots:a,firstVisiblePosition:l,isBullet:n,lastVisiblePosition:c,leftControl:d,pages:u,rightControl:C,...p},g)=>{const m=p["data-testid"]||"page-control";return(0,e.jsx)("div",{ref:g,className:i?.page_control,"data-testid":m,children:a>0&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(s.Controls,{control:d,cssArrowControlClasses:o,cssPageControlClasses:i,currentPosition:r,"data-testid":`${m}-left-control`,dots:a,firstVisiblePosition:l,lastVisiblePosition:c,pages:u,position:"left"}),(0,e.jsxs)("div",{className:i?.dotscontainer,children:[n&&l>0&&(0,e.jsx)("div",{...t.pickCustomAttributes({"data-state":"last"}),className:i?.pagedot}),[...Array(a)].map((s,o)=>{const a=o+l,n=a===r?"current":"default";return(0,e.jsx)("div",{...t.pickCustomAttributes({"data-state":n}),className:i?.pagedot},`Dot-middle--${a}`)}),n&&(c??0)<(u??0)-1&&(0,e.jsx)("div",{...t.pickCustomAttributes({"data-state":"last"}),className:i?.pagedot})]}),(0,e.jsx)(s.Controls,{control:C,cssArrowControlClasses:o,cssPageControlClasses:i,currentPosition:r,"data-testid":`${m}-right-control`,dots:a,firstVisiblePosition:l,lastVisiblePosition:c,pages:u,position:"right"})]})})});exports.PageControlStandAlone=i;

package/dist/cjs/components/pagination/fragments/paginationButtonControl.js

@@ -0,0 +1 @@
+const a=require("../../../lib/utils/classNames/classNames.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js");let e=require("react/jsx-runtime");exports.PaginationButtonControl=({cssClasses:i,disabled:s,paginationButtonControl:n,position:o="left"})=>{const r={"data-state":s?"disabled":""};return(0,e.jsx)(t.ElementOrIcon,{altText:n?.ariaLabel,"aria-controls":n?.ariaControls,"aria-label":n?.ariaLabel,className:a.classNames({[`${i?.paginationleftarrowicon}`]:"left"===o},{[`${i?.paginationrightarrowicon}`]:"right"===o}),customAttributes:r,disabled:s,icon:n?.icon,onClick:a=>{s||n?.onClick?.(a)}})};

package/dist/cjs/components/pagination/helpers/adjustMaxCountersNumber.js

@@ -0,0 +1 @@
+exports.adjustMaxCountersNumber=({maxStepsNumber:e,propMaxCountersNumber:r})=>{let t;return e<=3?(t=e,t):(t=r||5,e>3&&t<=2&&(t=3),t=Math.min(e,t),t)};

package/dist/cjs/components/pagination/helpers/getMaxCountersNumber.js

@@ -0,0 +1 @@
+var e=(e,r)=>[...Array(e)].map((e,a)=>r+1+a);exports.buildstepsNumber=(r,a,t)=>{let s=t,l=[],o=[],i=[],p=[],b=r+1;b>=t&&a!==t&&(l=[1,"..."],s--),(a+1-b>=t||b<t&&a-t>=1)&&a!==t&&(o=["...",a],s--);const c=b<=s,f=Math.abs(a-b)<s;if(c)b=1,p=e(s-1,b);else if(f)b=a-s+1,p=e(s-1,b);else{const r=(s-1)/2,a=Math.floor(r),t=Math.ceil(r);i=((e,r)=>[...Array(e)].map((a,t)=>r-(e-t)))(a,b),p=e(t,b)}return[...l,...i,b,...p,...o]};

package/dist/cjs/components/pagination/index.js

@@ -0,0 +1,2 @@
+const { Pagination } = require('./pagination.js');
+module.exports = { ...module.exports, Pagination };

package/dist/cjs/components/pagination/pagination.js

@@ -0,0 +1 @@
+const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./helpers/adjustMaxCountersNumber.js"),a=require("./helpers/getMaxCountersNumber.js"),r=require("./paginationStandAlone.js");let t=require("react"),n=require("react/jsx-runtime");const u=(0,t.forwardRef)(({additionalClasses:t,currentStep:u,maxCountersNumber:i,maxStepsNumber:o,variant:m,...l},N)=>{const b=e.useClassName({additionalClassNames:t,component:"PAGINATION",variant:m}),d=Math.max(0,Math.min(u,o-1)),p=a.buildstepsNumber(d,o,s.adjustMaxCountersNumber({maxStepsNumber:o,propMaxCountersNumber:i})),x=p.indexOf(d+1);return(0,n.jsx)(r.PaginationStandAlone,{ref:N,cssClasses:b,leftDisabled:0===d,rightDisabled:d===o-1,stepActive:x,stepsNumber:p,...l})});exports.Pagination=u;

package/dist/cjs/components/pagination/paginationStandAlone.js

@@ -0,0 +1 @@
+const t=require("../../lib/components/customComponent/customComponent.js"),e=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../text/text2.js"),s=require("../../lib/types/states/states.js"),o=require("./fragments/paginationButtonControl.js");let i=require("react"),a=require("react/jsx-runtime");const r=(0,i.forwardRef)(({cssClasses:i,leftDisabled:r,onStepClick:l,paginationLeftButtonControl:c,paginationRightButtonControl:u,rightDisabled:p,stepActive:d,stepsNumber:C,...m},g)=>{const b=m["data-testid"]||"pagination";return(0,a.jsxs)("div",{ref:g,className:i?.pagination,"data-testid":b,children:[(0,a.jsx)(o.PaginationButtonControl,{cssClasses:i,disabled:r,paginationButtonControl:c}),(0,a.jsx)("div",{className:i?.pagescontainer,"data-testid":`${b}-steps-content`,children:C.map((o,r)=>{const c="number"==typeof o,u={"data-clickable":c,"data-state":d===r?s.STATES.SELECTED:s.STATES.DEFAULT},p=e.pickCustomAttributes(m);return(0,a.jsx)(t.CustomComponent,{className:i?.pagecontainer,component:c?"button":void 0,type:c?"button":void 0,onClick:c?l?.(o-1):void 0,...p,children:(0,a.jsx)(n.Text,{additionalClasses:{text:i?.page},component:"span",customAttributes:u,children:o})},`PaginationContent-${o}-${r.toString()}`)})}),(0,a.jsx)(o.PaginationButtonControl,{cssClasses:i,disabled:p,paginationButtonControl:u,position:"right"})]})});exports.PaginationStandAlone=r;

package/dist/cjs/components/popover/hooks/positioning/arrowPositionStyles.js

@@ -0,0 +1 @@
+const t=require("./types.js");exports.positionArrow=(e,r,o,s,l,a)=>{if(!e||!o.arrow||!r)return;const{x:n,y:p}=o.arrow;let y=`-${Math.floor(a/2)}px`;l&&void 0!==l[0]&&(y=-Math.abs(l[0]/4)+"px"),(({arrowElement:e,arrowX:r,arrowY:o,offset:s="0px",placement:l})=>{if(!e)return;e.setAttribute("data-kbt-placement",l),e.style.top="",e.style.right="",e.style.bottom="",e.style.left="";const a=l.split("-")[0],n=t.ArrowPositions[a];e.style[n]=s,"top"===a||"bottom"===a?null!=r?(e.style.left=`${r}px`,e.style.transform="rotate(45deg)"):(e.style.left="50%",e.style.transform="translateX(-50%) rotate(45deg)"):null!=o?(e.style.top=`${o}px`,e.style.transform="rotate(45deg)"):(e.style.top="50%",e.style.transform="translateY(-50%) rotate(45deg)")})({arrowElement:r,arrowX:n,arrowY:p,offset:y,placement:s})};

package/dist/cjs/components/popover/hooks/positioning/middlewareUtils.js

@@ -0,0 +1 @@
+const e=require("../../utils/placement.utils.js");let t=require("@floating-ui/dom");exports.calculateMainAxisOffset=({arrowSize:e,hasArrow:t,offsetDistance:i})=>"number"==typeof i?.[0]?i[0]:t?e:0,exports.getMiddlewareStack=({arrowElement:i,customMiddlewares:s,edgePadding:a,hideWhenDetached:r,isBodyAnchor:n,mainAxisOffset:d,offsetDistance:o,placement:h})=>{let c=[];return c=s?.length?[...s]:n?((i,s)=>{const a=e.getPlacementDirection(i),r=[];return"center"===a?r.push((0,t.shift)({crossAxis:!0,mainAxis:!0,padding:s})):a.startsWith("right")||a.startsWith("left")?r.push((0,t.offset)({alignmentAxis:0,mainAxis:0})):(a.startsWith("bottom")||a.startsWith("top"))&&r.push((0,t.offset)({mainAxis:0})),r})(h,a):((e,i,s)=>{const a=[];return a.push((0,t.offset)({crossAxis:i?.[1]||0,mainAxis:e})),a.push((0,t.flip)({fallbackAxisSideDirection:"start",padding:s})),a.push((0,t.shift)({padding:s})),a})(d,o,a),(({arrowElement:e,edgePadding:i,hideWhenDetached:s,isBodyAnchor:a,middlewareStack:r})=>{!a&&s&&r.push((0,t.hide)()),e&&r.push((0,t.arrow)({element:e,padding:i}))})({arrowElement:i,edgePadding:a,hideWhenDetached:r,isBodyAnchor:n,middlewareStack:c}),c};

package/dist/cjs/components/popover/hooks/positioning/positionCalculation.js

@@ -0,0 +1 @@
+exports.determinePositioningConfig=(t,e,a)=>{if(t){const t="fixed";return a?{actualPlacement:a,autoStrategy:t}:{actualPlacement:"center",autoStrategy:t}}return{actualPlacement:a||"top",autoStrategy:e}};

package/dist/cjs/components/popover/hooks/positioning/positionStyles.js

@@ -0,0 +1 @@
+const t=require("../../types/animation.js"),o=({edgePadding:o=0,isBodyAnchor:r=!0,placement:i=t.DEFAULT_PLACEMENT,strategy:e,useFloatingUICoordinates:n=!1,x:a=0,y:s=0})=>{if(!r)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:e,right:"auto",top:`${s}px`,transform:"",transformOrigin:""};if(n)return{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:"fixed",right:"auto",top:`${s}px`,transformOrigin:"center bottom"};const x={bottom:{bottom:`${o}px`,boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"auto",transform:"translateX(-50%)",transformOrigin:"center bottom"},"bottom-end":{bottom:`${o}px`,boxSizing:"border-box",left:"auto",position:"fixed",right:`${o}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"bottom-start":{bottom:`${o}px`,boxSizing:"border-box",left:`${o}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},center:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:"50%",transform:"translate(-50%, -50%)",transformOrigin:"center center"},defaultStyle:{bottom:"auto",boxSizing:"border-box",left:`${a}px`,position:e,right:"auto",top:`${s}px`},left:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:"50%",transform:"translateY(-50%)",transformOrigin:"left center"},"left-end":{bottom:`${o}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:"auto",transform:"none",transformOrigin:"left bottom"},"left-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:`${o}px`,position:"fixed",right:"auto",top:`${o}px`,transform:"none",transformOrigin:"left top"},right:{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:"50%",transform:"translateY(-50%)",transformOrigin:"right center"},"right-end":{bottom:`${o}px`,boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:"auto",transform:"none",transformOrigin:"right bottom"},"right-start":{bottom:"auto",boxSizing:"border-box",display:"flex",flexDirection:"column",left:"auto",position:"fixed",right:`${o}px`,top:`${o}px`,transform:"none",transformOrigin:"right top"},top:{bottom:"auto",boxSizing:"border-box",left:"50%",position:"fixed",right:"auto",top:`${o}px`,transform:"translateX(-50%)",transformOrigin:"center top"},"top-end":{bottom:"auto",boxSizing:"border-box",left:"auto",position:"fixed",right:`${o}px`,top:`${o}px`,transform:"none",transformOrigin:"right top"},"top-start":{bottom:"auto",boxSizing:"border-box",left:`${o}px`,position:"fixed",right:"auto",top:`${o}px`,transform:"none",transformOrigin:"left top"}};return x[i]||x.defaultStyle};exports.applyPositionStyles=({edgePadding:t=0,hasCustomMiddlewares:r=!1,isBodyAnchor:i,middlewareStack:e=[],placement:n,ref:a,strategy:s,x:x=0,y:f=0})=>{if(a?.current)if(i?a.current.setAttribute("data-kbt-placement",n||"center"):a.current.setAttribute("data-kbt-placement",a.current.getAttribute("data-kbt-placement")||n||"bottom"),i){const i=e.some(t=>"body-auto-centering"===t.name),b=o({edgePadding:t,placement:n,strategy:s,useFloatingUICoordinates:r||i,x:x,y:f});Object.assign(a.current.style,b)}else{const r=o({edgePadding:t,isBodyAnchor:!1,placement:n,strategy:s,x:x,y:f});Object.assign(a.current.style,r)}};

package/dist/cjs/components/popover/hooks/positioning/types.js

@@ -0,0 +1 @@
+exports.ArrowPositions={bottom:"top",left:"right",right:"left",top:"bottom"};