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

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

@@ -0,0 +1,7 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as s}from"../renderIf/renderIf.js";import{useId as a}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as o}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as d}from"./components/errorMessage.js";import{Label as t}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const c=r(({checkboxBase:r,cssClasses:c,errorMessage:n,id:b,label:m,screenReaderText:j,...h},x)=>{const p=i(h),{"aria-describedby":u,"aria-hidden":f,"aria-label":k,"aria-labelledby":y,...I}=p,v=a("checkbox"),C=b??v,g=`${C}-label`,B=`${C}-error`,$=`${C}-screen-reader`,M=r?.variant,R=l({ariaDescribedBy:h["aria-describedby"],error:h.error&&!!n?.message,errorMessageId:B,screenReader:!!j,screenReaderId:$});/* @__PURE__ */
+return e.jsxs("div",{ref:x,...I,className:c?.checkbox,children:[
+/* @__PURE__ */e.jsxs("div",{className:c?.checkboxwithlabelcontainer,children:[
+/* @__PURE__ */e.jsx(s,{condition:!!M,children:/* @__PURE__ */e.jsx(o,{...h,"aria-describedby":R,"aria-hidden":h["aria-hidden"],"aria-label":h["aria-label"],"aria-labelledby":h["aria-labelledby"],id:C,variant:M})}),
+/* @__PURE__ */e.jsx("screen-reader-only",{id:$,children:j}),
+/* @__PURE__ */e.jsx(t,{...m,cssClasses:c,id:g,inputId:C})]}),
+/* @__PURE__ */e.jsx(s,{condition:!!h.error,children:/* @__PURE__ */e.jsx(d,{"aria-live":"assertive",cssClasses:c,"data-testid":`${h["data-testid"]}-error-message`,...n,id:B,inputId:C,show:h.error&&!h.disabled})})]})});export{c as CheckboxStandAlone};

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

@@ -0,0 +1,2 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{useCheckbox as o}from"../checkboxBase/hooks/useCheckbox.js";import{CheckboxControlled as s}from"./checkboxControlled.js";const c=r(({checked:r=!1,disabled:c=!1,error:d=!1,onChange:i,required:t=!1,...h},a)=>{const{handleToggleIsChecked:n,isChecked:k}=o({disabled:c,initialChecked:r});/* @__PURE__ */
+return e.jsx(s,{...h,ref:a,checked:k,disabled:c,error:d,required:t,onChange:e=>{i?.(e),n()}})});export{c as CheckboxUnControlled};

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

@@ -0,0 +1,2 @@
+import{j as s}from"../../../_virtual/jsx-runtime.js";import{ErrorMessage as r}from"../../../lib/components/errorMessage/errorMessage.js";import{pickCustomAttributes as e}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const t=({cssClasses:t,message:o,...i})=>{if(!o)return null;const a=e(i);/* @__PURE__ */
+return s.jsx("div",{className:t?.errormessagecontainer,children:/* @__PURE__ */s.jsx(r,{...i,...a,additionalClasses:t?.error_message,message:o})})};export{t as ErrorMessage};

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

@@ -0,0 +1 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{LabelStandAlone as n}from"../../label/labelStandAlone.js";const s=({...s})=>{if(!s.content)return null;const{cssClasses:e,...l}=s;return"string"==typeof s.content?/* @__PURE__ */t.jsx(n,{textCssClasses:e?.label,...l,children:s.content}):s?.content};export{s as Label};

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

@@ -0,0 +1,3 @@
+export * from './types.js';
+export {  CheckboxControlled  } from './checkboxControlled.js';
+export {  CheckboxUnControlled as Checkbox  } from './checkboxUnControlled.js';

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

@@ -0,0 +1 @@
+const E={DISABLED_SELECTED:"DISABLED_SELECTED",DISABLED_UNSELECTED:"DISABLED_UNSELECTED",ERROR_SELECTED:"ERROR_SELECTED",ERROR_UNSELECTED:"ERROR_UNSELECTED",SELECTED:"SELECTED",UNSELECTED:"UNSELECTED"};export{E as CheckboxState};

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

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

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

@@ -0,0 +1 @@
+import{CheckboxState as E}from"../types/state.js";const D=(D=!1,L=!1,S=!1)=>S&&!D?E.ERROR_UNSELECTED:S?E.ERROR_SELECTED:L&&!D?E.DISABLED_UNSELECTED:L?E.DISABLED_SELECTED:D?E.SELECTED:E.UNSELECTED;export{D as getCheckboxState};

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{CheckboxBaseControlled as r}from"./checkboxBaseControlled.js";import{useCheckbox as s}from"./hooks/useCheckbox.js";const c=o(({checked:o=!1,disabled:c=!1,onChange:d,...i},t)=>{const{handleToggleIsChecked:a,isChecked:h}=s({disabled:c,initialChecked:o});/* @__PURE__ */
+return e.jsx(r,{ref:t,...i,checked:h,disabled:c,onChange:e=>{d?.(e),a()}})});export{c as CheckboxBaseUnControlled};

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

@@ -0,0 +1 @@
+import{useState as e}from"react";const t=({disabled:t,initialChecked:c})=>{const[d,i]=e(c);return{handleToggleIsChecked:()=>{t||i(!d)},isChecked:d}};export{t as useCheckbox};

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

@@ -0,0 +1,3 @@
+export * from './types.js';
+export {  CheckboxBaseControlled  } from './checkboxBaseControlled.js';
+export {  CheckboxBaseUnControlled as CheckboxBase  } from './checkboxBaseUncontrolled.js';

package/dist/esm/components/chip/chip.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as o}from"../../lib/types/states/states.js";import{ChipStandAlone as e}from"./chipStandAlone.js";const r=t(({additionalClasses:t,state:r=o.DEFAULT,variant:i,...m},n)=>{const l=a({additionalClassNames:t,component:"CHIP",variant:i});/* @__PURE__ */
+return s.jsx(e,{...m,ref:n,cssClasses:l,state:r})});export{r as Chip};

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

@@ -0,0 +1,9 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{RenderIf as e}from"../renderIf/renderIf.js";import{Text as r}from"../text/text.js";import{STATES as o}from"../../lib/types/states/states.js";import{isReactNode as a}from"../../lib/utils/is/isReactNode.js";import{isString as i}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as l}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.js";const p=t(({closeIcon:t,cssClasses:p,deleteText:d="Delete",errorIcon:x,errorMessage:j={content:"Error message"},label:u,leftIcon:b,range:f,rangeIcon:g,rangeSeparator:I={content:"to"},state:h,...A},N)=>{const C={"data-state":h},D=n(A);/* @__PURE__ */
+return s.jsxs(s.Fragment,{children:[
+/* @__PURE__ */s.jsxs("span",{ref:N,"aria-disabled":h===o.DISABLED,"aria-hidden":h===o.DISABLED,className:p?.chip,"data-testid":"chip",...D,...C,children:[!f&&b&&/* @__PURE__ */s.jsx(m,{className:p?.lefticon,...l(b)}),f?/* @__PURE__ */s.jsx("span",{children:f.map((t,e)=>{const o=e!==f.length-1;/* @__PURE__ */
+return s.jsxs("span",{className:p?.rangeitemwrapper,children:[
+/* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.rangeitemtext},component:"span",customAttributes:C,children:t.label}),o&&(g?.icon?/* @__PURE__ */s.jsx(m,{altText:(i(u)||a(u),c(I).children||""),className:p?.rangeicon,...l(g),customAttributes:C}):/* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.rangeitemseparator},component:"span",customAttributes:C,...c(I)}))]},`option-${t.key??t.label}`)})}):/* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.label},component:"span",...c(u),customAttributes:C}),
+/* @__PURE__ */s.jsx(m,{className:p?.closeicon,disabled:h===o.DISABLED,...l(t),altText:!i(t)&&t?.altText?t.altText:d,customAttributes:C})]}),
+/* @__PURE__ */s.jsx(e,{condition:h===o.ERROR,children:/* @__PURE__ */s.jsxs("span",{"aria-live":"polite",className:p?.errorcontainer,children:[
+/* @__PURE__ */s.jsx(m,{className:p?.erroricon,...l(x)}),
+/* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:C,...c(j)})]})})]})});export{p as ChipStandAlone};

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

@@ -0,0 +1 @@
+export {  Chip  } from './chip.js';

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/dataTable/dataTable.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";const s=({headBoxShadow:s,leftBoxShadow:a,ref:r,rightBoxShadow:l})=>(e(()=>{const e=r.current,o=e?.querySelector("[data-datatable-scrollable-container]");let c;const i=()=>{if(!o)return;const t=o.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s&&(o.scrollTop?t.classList.add(s):t.classList.remove(s)),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&&(i(),o?.addEventListener("scroll",i),c=new t(()=>{i()}),c.observe(o)),()=>{o?.removeEventListener("scroll",i),c?.disconnect()}},[]),{});export{s as useDataTableShadow};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export {  DataTable  } from './dataTable.js';

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

@@ -0,0 +1 @@
+const o=({cellConfig:o})=>({...o});export{o as applyFlexToCell};

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

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

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

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

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

@@ -0,0 +1 @@
+const o=({tableConfig:o})=>({...o}),t=({tableConfig:o})=>({...o});export{t as applyPositionToWrapper,o as applyZIndexToWrapper};

package/dist/esm/components/dot/dot.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{DotStandAlone as t}from"./dotStandAlone.js";const o=a(({additionalSizeClasses:a,additionalVariantClasses:o,maxNumber:r,number:i,size:n,variant:m,...l},d)=>{const u=e({additionalClassNames:o,component:"DOT",variant:m}),p=e({additionalClassNames:a,component:"DOT",variant:n}),f="number"==typeof i&&"number"==typeof r?i>r?`+${r}`:i.toString():void 0;/* @__PURE__ */
+return s.jsx(t,{...l,ref:d,cssSizeClasses:p,cssVariantClasses:u,formatedNumber:f})});export{o as Dot};

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

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

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

@@ -0,0 +1 @@
+export {  Dot  } from './dot.js';

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export {  ElementOrIcon  } from './elementOrIcon.js';

package/dist/esm/components/icon/icon.js

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export {  IconBasic  } from './icon.js';
+export {  Icon  } from './iconHost.js';

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.js";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const r=({mediaSource:r,...s})=>{if(!r)return null;const e=i(s);/* @__PURE__ */
+return t.jsx("source",{height:r.height,media:r.media,srcSet:r.src,width:r.width,...e})};export{r as PictureSourceStandAlone};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export {  Image  } from './image.js';

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

@@ -0,0 +1 @@
+const o=o=>100*o;export{o as getFallbackRatio};

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

@@ -0,0 +1 @@
+export {  Input  } from './input.js';

package/dist/esm/components/input/input.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useRef as t,useCallback as o,useImperativeHandle as r}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{useId as i}from"../../lib/hooks/useId/useId.js";import{useInputFocus as l}from"../../lib/hooks/useInputFocus/useInputFocus.js";import{InputStandAlone as u}from"./inputStandAlone.js";import{getState as n}from"./utils/state.js";const d=e(({additionalClasses:e,id:d,variant:m,...c},p)=>{const f=a({additionalClassNames:e,component:"INPUT",variant:m}),j=i("input-base"),b=d||j,I=`${b}-label`,C=t(null),v=t(null),N=o(s=>{if(s){const e=s.querySelector("input");v.current=e}C.current=s},[]);r(p,()=>C.current,[]);const{focused:h}=l({inputRef:v}),k=Boolean(c.defaultValue??c.value),x=n({disabled:c.disabled,error:c.error,filled:k,focused:h});/* @__PURE__ */
+return s.jsx(u,{ref:N,cssClasses:f,"data-state":x,"data-testid":"input-container",filled:k,focused:h,inputBaseId:b,labelId:I,...c})});export{d as Input};

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

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

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

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputState};

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

@@ -0,0 +1 @@
+import{InputState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

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

@@ -0,0 +1 @@
+export {  InputBase  } from './inputBase.js';

package/dist/esm/components/inputBase/inputBase.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useId as e}from"../../lib/hooks/useId/useId.js";import{InputBaseStandAlone as i}from"./inputBaseStandAlone.js";import{getState as r}from"./utils/state.js";const o=a(({additionalClasses:a,error:o,filled:d,focused:l,id:n,variant:m,...u},f)=>{const p=t({additionalClassNames:a,component:"INPUT_BASE",variant:m}),c=e("inputBase"),j=n??c,b=r({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
+return s.jsx(i,{ref:f,...u,"aria-invalid":o,cssClasses:p,"data-state":b,"data-testid":"input-base","data-truncate":u.truncate,id:j})});export{o as InputBase};

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

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

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

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputBaseState};

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

@@ -0,0 +1 @@
+import{InputBaseState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

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

@@ -0,0 +1 @@
+export {  InputDecoration  } from './inputDecoration.js';

package/dist/esm/components/inputDecoration/inputDecoration.js

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

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

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ElementOrIcon as r}from"../elementOrIcon/elementOrIcon.js";const s=o(({cssClasses:o,decoration:s,disabled:i,...n},c)=>{if(!s?.icon)return null;const l=e(n);/* @__PURE__ */
+return t.jsx("div",{ref:c,className:o?.input_decoration,style:{pointerEvents:s.onClick?"auto":"none"},...l,children:/* @__PURE__ */t.jsx(r,{className:o?.decoration,...s,onClick:s.onClick})})});export{s as InputDecorationStandAlone};

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

@@ -0,0 +1 @@
+const E={DISABLED_EMPTY:"DISABLED_EMPTY",DISABLED_FILLED:"DISABLED_FILLED",EMPTY:"EMPTY",ERROR_EMPTY:"ERROR_EMPTY",ERROR_FILLED:"ERROR_FILLED",FILLED:"FILLED",FOCUS:"FOCUS"};export{E as InputDecorationState};

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

@@ -0,0 +1 @@
+import{InputDecorationState as E}from"../types/state.js";const L=({disabled:L,error:e,filled:D,focused:o})=>L&&D?E.DISABLED_FILLED:L?E.DISABLED_EMPTY:e&&D?E.ERROR_FILLED:e?E.ERROR_EMPTY:o?E.FOCUS:D?E.FILLED:E.EMPTY;export{L as getState};

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

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

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

@@ -0,0 +1,2 @@
+export {  InputSignatureControlled  } from './inputSignatureControlled.js';
+export {  InputSignature  } from './inputSignatureUncontrolled.js';

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

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

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

@@ -0,0 +1,4 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{RenderIf as e}from"../renderIf/renderIf.js";import{Text as r}from"../text/text.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as i}from"../../lib/utils/process/processText/processText.js";const n=s(({canvasRef:s,cssClasses:n,errorText:c,onBlurContainer:l,onClickContainer:d,placeholder:m,state:p,...u},x)=>{const j=p===a.DEFAULT||p===a.ERROR||p===a.DISABLED,f=p===a.ERROR&&c?c:m,b={"data-state":p},C=u["data-testid"]||"input-signature",v=o(u),R=o(b);/* @__PURE__ */
+return t.jsxs("div",{ref:x,className:n?.input_signature,"data-testid":C,role:"button",tabIndex:-1,onBlur:l,onClick:d,onKeyDown:d,...R,...v,children:[
+/* @__PURE__ */t.jsx("canvas",{ref:s,className:n?.canvas,"data-testid":`${C}-canvas`,...R}),
+/* @__PURE__ */t.jsx(e,{condition:j,children:/* @__PURE__ */t.jsx("div",{className:n?.placeholdercontainer,...R,children:/* @__PURE__ */t.jsx(r,{additionalClasses:{text:n?.placeholdertext},customAttributes:b,...i(f)})})})]})});export{n as InputSignatureStandAlone};

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

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

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

@@ -0,0 +1 @@
+import{STATES as t}from"../../../lib/types/states/states.js";const e=({active:e,disabled:s,error:r,filled:i})=>s?t.DISABLED:r?t.ERROR:e?t.ACTIVE:i?t.FILLED:t.DEFAULT;export{e as getInputSignatureState};

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

@@ -0,0 +1 @@
+export {  ItemRove  } from './itemRove.js';

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

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

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

@@ -0,0 +1 @@
+export {  Label  } from './labelStandAlone.js';

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

@@ -0,0 +1,3 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{RenderIf as s}from"../renderIf/renderIf.js";import{Text as r}from"../text/text.js";import{useId as i}from"../../lib/hooks/useId/useId.js";const o=e(({asteriskColor:e,asteriskCssClasses:o,asteriskWeight:a,children:d,color:l,cursor:n,customAttributes:c,id:m,inputId:u,required:h,requiredSymbol:p,textCssClasses:x,weight:j,...b},f)=>{const C=i("label"),I=m??C,g=b["data-testid"]||"label";/* @__PURE__ */
+return t.jsxs(r,{ref:f,additionalClasses:{text:x},color:l,component:"label",cursor:n,customAttributes:c,"data-testid":g,htmlFor:u,id:I,weight:j,children:[d,
+/* @__PURE__ */t.jsx(s,{condition:h,children:/* @__PURE__ */t.jsx(r,{additionalClasses:{text:o},"aria-hidden":!0,color:e,component:"span","data-testid":`${g}Required`,weight:a,children:p})})]})});export{o as Label,o as LabelStandAlone};

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

@@ -0,0 +1 @@
+const o=(o,e)=>({role:o&&!e?"link":e});export{o as disabledLink};

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

@@ -0,0 +1,2 @@
+export {  Link  } from './link.js';
+export {  LinkAsButton  } from './linkAsButton.js';

package/dist/esm/components/link/link.js

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export {  ListOptions  } from './listOptions.js';

package/dist/esm/components/listOptions/listOptions.js

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

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

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

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

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

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

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

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

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