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

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

@@ -0,0 +1,2 @@
+import{CustomComponent as e}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Header as a}from"./header/header.js";import{List as o}from"./list/list.js";import{MonthSelector as c}from"./selector/monthSelector/monthSelector.js";import{Selector as s}from"./selector/selector.js";import{YearSelector as r}from"./selector/yearSelector/yearSelector.js";import{forwardRef as i,useState as n}from"react";import{jsx as l,jsxs as m}from"react/jsx-runtime";const d=i(({configAccesibility:i,configCalendar:d,cssClasses:D,currentDate:C,customBackText:h="Back",disabledDates:k,formatWeekDayOption:u,hasRange:S,id:y,locale:f,maxDate:p=/* @__PURE__ */new Date,minDate:b,onDayClick:g,onDaySelectorClick:x,onLeftIconClick:j,onMonthClick:w,onMonthSelectorClick:A,onRightIconClick:M,onYearClick:Y,onYearSelectorClick:N,selectedDate:v,setCurrentDate:I,setSelectedDate:R,sundayFirst:_,...B},F)=>{const[L,T]=n(!1),[$,O]=n(!1),[W,U]=n(!0),Z=/* @__PURE__ */new Date,q=t(B),z=B["data-testid"]||"calendar";/* @__PURE__ */
+return m("div",{ref:F,className:D?.calendar,"data-calendar":!0,"data-testid":z,id:y,...q,children:[/* @__PURE__ */l(s,{configAccesibility:i,configCalendar:d,cssClasses:D,currentDate:C,customBackText:h,maxDate:p,minDate:b,setCurrentDate:I,setShowDaySelector:U,setShowMonthSelector:T,setShowYearSelector:O,showDaySelector:W,showMonthSelector:L,showYearSelector:$,onDaySelectorClick:x,onLeftIconClick:j,onMonthSelectorClick:A,onRightIconClick:M,onYearSelectorClick:N}),/* @__PURE__ */m("div",{className:D?.container,children:[!L&&!$&&W&&/* @__PURE__ */m("table",{"aria-label":C.toLocaleDateString(f,{month:"long",timeZone:"UTC",year:"numeric"}),className:D?.table,children:[/* @__PURE__ */l(a,{cssClasses:D,formatWeekDayOption:u,isSundayFirst:_}),/* @__PURE__ */l(o,{cssClasses:D,currentDate:C,"data-testid":`${z}-item-list`,disabledDates:k,hasRange:S,maxDate:p,minDate:b,selectedDate:v,setSelectedDate:R,sundayFirst:_,onDayClick:g})]}),L&&/* @__PURE__ */l(e,{className:"kbt-calendar__table",component:"div",children:/* @__PURE__ */l(c,{configAccesibility:i,cssClasses:D,currentDate:C,"data-testid":`${z}-month`,locale:f,maxDate:p,minDate:b,setCurrentDate:I,today:Z,onMonthClick:w})}),$&&/* @__PURE__ */l(e,{className:"kbt-calendar__table",component:"div",children:/* @__PURE__ */l(r,{configAccesibility:i,cssClasses:D,currentDate:C,"data-testid":`${z}-year`,maxDate:p,minDate:b,setCurrentDate:I,today:Z,onYearClick:Y})})]})]})});export{d as CalendarStandAlone};

package/dist/esm/components/calendar/constants/constants.js

@@ -0,0 +1 @@
+const o=7;export{o as WEEK_DAYS};

package/dist/esm/components/calendar/header/header.js

@@ -0,0 +1,2 @@
+import{Text as e}from"../../text/text2.js";import{useUtilsProvider as r}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{WEEK_DAYS as t}from"../constants/constants.js";import{jsx as s}from"react/jsx-runtime";const a=({cssClasses:t,formatWeekDayOption:a="narrow",isSundayFirst:o=!1})=>{const{dateHelpers:n}=r();/* @__PURE__ */
+return s("thead",{className:t?.headercontainer,children:/* @__PURE__ */s("tr",{className:t?.headerrow,children:n.getAllWeekdayName(a,o).map((r,a)=>/* @__PURE__ */s("th",{className:t?.weekdaycontainer,scope:"col",style:{width:"calc(100% / 7)"},children:/* @__PURE__ */s(e,{component:"span",children:r})},`day-${r}-${a.toString()}`))})})};export{a as Header};

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

@@ -0,0 +1 @@
+export {  Calendar  } from './calendar.js';

package/dist/esm/components/calendar/list/list.js

@@ -0,0 +1,3 @@
+import{CustomComponent as e}from"../../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as s}from"../../../lib/types/states/states.js";import{WEEK_DAYS as o}from"../constants/constants.js";import{useRoveFocus as r}from"../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{getAllDaysInMonth as n}from"../utils/getAllDaysInMonth.js";import{getFirstDayOfMonth as i}from"../utils/getFirstDayOfMonth.js";import{getStateDay as l}from"../utils/getState.js";import{groupDaysByWeeks as d}from"../utils/groupDaysByWeeks.js";import{getDaysAndEmptyDaysUntilMaxDate as m,getFirstEmptyAndDisabledDays as c,handleKeyDownMove as u,handleKeyLeftMove as y,handleKeyPageDownMove as D,handleKeyPageUpMove as f,handleKeyRightMove as g,handleKeyTabMove as p,handleKeyUpMove as h}from"../utils/handleKeysmoves.js";import{useMemo as b,useState as v}from"react";import{jsx as k}from"react/jsx-runtime";var M="ddMMyyyy";const S=({cssClasses:o,currentDate:S,disabledDates:j=[],hasRange:w,maxDate:x,minDate:A,onDayClick:C,selectedDate:E,setSelectedDate:F,sundayFirst:R,...I})=>{const{dateHelpers:L,formatDate:N,transformDate:$}=a(),B=S.getMonth()+1,P=S.getFullYear(),T=N(/* @__PURE__ */new Date,M),U=n(B,P),z=i(P,B-1)-(R?0:1),O=[...new Array(z>=0?z:6),...U],q=O.filter(e=>void 0===e),[G,H]=v(0),[K,W]=v(0),Y=I["data-testid"]||"calendar",J={currentDate:S,dayList:O,daysAndEmptyDaysUntilMaxDate:m(q,x,S),firstEmptyAndDisabledDays:c(q,A,S),maxDate:x,minDate:A},[Q,V,X]=r(b(()=>({calendarBlankDaysSize:q.length,currentFocusSelected:(E[0]?E[0].getDate():/* @__PURE__ */(new Date).getDate())+q.length-1,keyDownMove:u(J),keyLeftMove:y(J),keyPageDownMove:D(J),keyPageUpMove:f(J),keyRightMove:g(J),keyTabMove:p,keyUpMove:h(J),size:O.length}),[q.length,O.length,S,A,x])),Z=e=>(e&&(Q<q.length&&V(q.length),Q>O.length&&V(O.length-1)),Q===e),_=e=>{if(K){if(K<E[0])return e>K&&e<E[0];if(K>E[0])return e<K&&e>E[0]}else{if(e>E[0])return e<E[1];if(e<E[0])return e>E[1]}return!1},ee=e=>{if(!w)return!1;const t=E?.findIndex(t=>t&&e&&N(t,M)===N(e,M));return 0===t&&K?K<e:0===t?e>E[1]:1===t&&e>E[0]},te=e=>{if(!w)return!1;const t=E?.findIndex(t=>t&&e&&N(t,M)===N(e,M));return 0===t&&K?K>e:0===t?e<E[1]:1===t&&e<E[0]};/* @__PURE__ */
+return k("tbody",{ref:X,className:o?.tbody,"data-testid":"tbody-days-list",children:d(O).map((a,r)=>/* @__PURE__ */k("tr",{className:o?.tablerow,children:a.map((a,n)=>{const i=a||0;let d=!a||L.isBefore(a,A)||L.isAfter(a,$(N(x,M),M));d||(d=j.some(e=>a&&L.isDatesEqual(a,e,!1)));const m=l({dayFormatted:i,formatDate:N,hasRange:w,isGhostSelected:_,isSelectedToLeft:ee,isSelectedToRight:te,selectedDate:E,today:T}),c={"data-state":d?s.DISABLED:m};/* @__PURE__ */
+return k("td",a?{"aria-selected":m===s.SELECTED||void 0,className:o?.listelementrove,style:{width:"calc(100% / 7)"},...t(c),children:/* @__PURE__ */k(e,{"aria-disabled":d,"aria-label":N(a,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),className:o?.dayslist,component:"button","data-testid":`${Y}-${n+7*r}`,focus:Z(n+7*r),index:n+7*r,type:"button",onMouseOver:()=>{1===G&&W(i)},onSelectItem:()=>{d||(e=>{const[t,a]=E;w?t&&a||!t&&!a?(F([e,0]),H(1),e instanceof Date&&C?.(e.getDate().toString())):(F([t,e]),H(0),e instanceof Date&&C?.(e.getDate().toString())):(F([e]),e instanceof Date&&C?.(e.getDate().toString()))})(i)},...t(c),children:a.getDate()})}:{"aria-hidden":!0,"aria-label":"empty day",className:o?.listelementempty,style:{width:"calc(100% / 7)"}},`day${n+7*r}${i}`)})},`table-row-${r.toString()}`))})};export{S as List};

package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js

@@ -0,0 +1,3 @@
+import{CustomComponent as t}from"../../../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as o}from"../../../text/text2.js";import{useUtilsProvider as r}from"../../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as s}from"../../../../lib/types/states/states.js";import{useRoveFocus as a}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{setMonth as n}from"../../utils/setMonth.js";import{keyDownMove as l,keyLeftMove as i,keyRightMove as m,keyTabMove as c,keyUpMove as u}from"./utils/monthSelector.utils.js";import{useMemo as p}from"react";import{jsx as h}from"react/jsx-runtime";const d=({configAccesibility:d,cssClasses:g,currentDate:D,maxDate:b,minDate:M,onMonthClick:f,setCurrentDate:A,today:C,...v})=>{const{dateHelpers:y,transformDate:E}=r(),j=v["data-testid"]||"calendar",k={currentDate:D,maxDate:b,minDate:M},[S,,x]=a(p(()=>({currentFocusSelected:D?D.getMonth():/* @__PURE__ */(new Date).getMonth(),keyDownMove:l(k),keyLeftMove:i(k),keyRightMove:m(k),keyTabMove:c,keyUpMove:u(k),size:y.getAllMonthName("long").length}),[y.getAllMonthName("long").length,D])),F=t=>{const e=D?.getFullYear();return M?.getFullYear()===e&&M?.getMonth()>t||b?.getFullYear()===e&&b?.getMonth()<t};/* @__PURE__ */
+return h("ul",{ref:x,"aria-label":d?.monthSelectorAriaLabel,className:g?.monthslist,"data-testid":"tbody-months-list",children:y.getAllMonthName("long",v.locale).map((r,a)=>{const l=((t,e,o)=>{let r;return r=t.getMonth()===e?s.SELECTED:e===C.getMonth()?s.CURRENT:o?s.DISABLED:s.DEFAULT,r})(D,a,F(a)),i={"data-state":F(a)?s.DISABLED:l};/* @__PURE__ */
+return h("li",{"aria-selected":l===s.SELECTED||void 0,className:g?.monthlistitem,...e(i),children:/* @__PURE__ */h(t,{"aria-disabled":F(a),"aria-label":r.charAt(0).toUpperCase()+r.slice(1),className:g?.monthelement,component:"button",focus:S===a,index:a,type:"button",...e(i),onSelectItem:()=>{A(E(n(new Date(D),a))),f?.(r)},children:/* @__PURE__ */h(o,{component:"span","data-testid":j,children:r.charAt(0).toUpperCase()+r.slice(1)})})},r)})})};export{d as MonthSelector};

package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.js

@@ -0,0 +1 @@
+var t=11,e=(t,e)=>t.getFullYear()===e.getFullYear();const n=({currentDate:n,maxDate:g,minDate:o})=>h=>e(g,o)?h===o.getMonth()?g.getMonth():h-1:e(g,n)?0===h?g.getMonth():h-1:e(o,n)?h===o.getMonth()?t:h-1:0===h?t:h-1,g=({currentDate:n,maxDate:g,minDate:o})=>h=>e(g,o)?h===g.getMonth()?o.getMonth():h+1:e(g,n)?h===g.getMonth()?0:h+1:e(o,n)?h===t?o.getMonth():h+1:h===t?0:h+1,o=({currentDate:n,maxDate:g,minDate:o})=>h=>e(g,o)?h===o.getMonth()?g.getMonth():h<=o.getMonth()+3?o.getMonth():h-3:e(o,n)?h===o.getMonth()?t:h>=o.getMonth()+3?h-3:o.getMonth():e(g,n)?0===h?g.getMonth():h<=3?0:h-3:0===h?t:h>=3?h-3:0,h=({currentDate:n,maxDate:g,minDate:o})=>h=>e(g,o)?h===g.getMonth()?o.getMonth():h>=g.getMonth()-3?g.getMonth():h+3:e(o,n)?h===t?o.getMonth():h>=o.getMonth()+3?t:h+3:e(g,n)?h===g.getMonth()?0:h<=g.getMonth()-3?h+3:g.getMonth():h===t?0:h>=8?t:h+3,M=t=>t;export{h as keyDownMove,n as keyLeftMove,g as keyRightMove,M as keyTabMove,o as keyUpMove};

package/dist/esm/components/calendar/selector/selector.js

@@ -0,0 +1,6 @@
+import{Text as e}from"../../text/text2.js";import{useUtilsProvider as t}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{ElementOrIcon as o}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{Button as r}from"../../button/button.js";import{jsx as a,jsxs as n}from"react/jsx-runtime";const l=({configAccesibility:l,configCalendar:i,cssClasses:s,currentDate:c,customBackText:d,maxDate:u,minDate:m,onDaySelectorClick:h,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:y,onYearSelectorClick:p,setCurrentDate:C,setShowDaySelector:g,setShowMonthSelector:v,setShowYearSelector:w,showDaySelector:f,showMonthSelector:k,showYearSelector:D,useDaySelector:x=!1})=>{const{dateHelpers:A,formatDate:M}=t(),{leftArrowIcon:j,rightArrowIcon:I,sizeSelectorButton:Y,variantSelectorButton:N}=i,z=e=>{C(e)},L=x,R=(k||D)&&!L,B=e=>!R&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),F=(t,o,n,l)=>{const i=()=>{switch(t){case"day":return c.getDate();case"month":return(e=M(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};/* @__PURE__ */
+return a(r,{additionalSizeClasses:Y?void 0:s?.button_size,additionalVariantClasses:N?void 0:s?.button_variant,"aria-label":n,disabled:o,role:l,size:Y,variant:N,onClick:e=>{g("day"===t),v("month"===t),w("year"===t),"day"===t?h?.(i()?.toString(),e):"month"===t?S?.(i()?.toString(),e):p?.(i()?.toString(),e)},children:/* @__PURE__ */a(e,{component:"span",children:i()})})},O={"data-state":B(m)};/* @__PURE__ */
+return n("div",{className:s?.selectorcontainer,style:{justifyContent:L?"center":"space-between"},children:[
+/* @__PURE__ */n("button",{"aria-label":R?"":j["aria-label"],className:s?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);R?w(!1):z(A.getSubMonths(e,1)),v(!1),g(!0)})(),j.onClick?.(e),b?.(e)},children:[/* @__PURE__ */a(o,{className:s?.leftarrow,customAttributes:O,disabled:B(m),...j,"aria-label":void 0}),R&&/* @__PURE__ */a(e,{additionalClasses:{text:s?.backtext},component:"span",children:d})]}),
+/* @__PURE__ */n("div",{className:s?.selectoroptionscontainer,children:[L&&F("day",f,l?.daySelectorAriaLabel,l?.daySelectorRole),F("month",k,l?.monthSelectorAriaLabel,l?.monthSelectorRole),F("year",D,l?.yearSelectorAriaLabel,l?.yearSelectorRole)]}),
+/* @__PURE__ */a("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */a(o,{className:s?.rightarrow,customAttributes:O,"data-testid":"next-button",disabled:B(u),onClick:e=>{z(A.getAddMonths(new Date(c),1)),I.onClick?.(e),y?.(e)},...I})})]})};export{l as Selector};

package/dist/esm/components/calendar/selector/yearSelector/utils/yearSelector.utils.js

@@ -0,0 +1 @@
+const n=n=>n.findIndex(d=>d===n[0]),d=n=>n.findIndex(d=>d===n[n.length-1]),e=e=>t=>t===n(e)?d(e):t-1,t=e=>t=>t===d(e)?n(e):t+1,x=e=>t=>t===n(e)?d(e):t<=4?n(e):t-4,f=e=>t=>t===d(e)?n(e):t>=d(e)-4?d(e):t+4,i=n=>n;export{f as keyDownMove,e as keyLeftMove,t as keyRightMove,i as keyTabMove,x as keyUpMove};

package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js

@@ -0,0 +1,3 @@
+import{CustomComponent as t}from"../../../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as e}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as r}from"../../../text/text2.js";import{useUtilsProvider as o}from"../../../../lib/provider/utilsProvider/utilsProvider.js";import{useRoveFocus as s}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{getYearList as i}from"../../utils/getYearList.js";import{setYear as a}from"../../utils/setYear.js";import{keyDownMove as l,keyLeftMove as n,keyRightMove as m,keyTabMove as u,keyUpMove as c}from"./utils/yearSelector.utils.js";import{useMemo as d}from"react";import{jsx as p}from"react/jsx-runtime";const f=({cssClasses:f,currentDate:y,maxDate:b,minDate:g,onYearClick:v,setCurrentDate:j,today:k,...h})=>{const{transformDate:x}=o(),C=h["data-testid"],[D,,F]=s(d(()=>({currentFocusSelected:i(g,b).indexOf(y?y.getFullYear():/* @__PURE__ */(new Date).getFullYear()),keyDownMove:l(i(g,b)),keyLeftMove:n(i(g,b)),keyRightMove:m(i(g,b)),keyTabMove:u,keyUpMove:c(i(g,b)),size:i(g,b).length}),[i(g,b).length,y,g,b]));/* @__PURE__ */
+return p("ul",{ref:F,className:f?.yearslist,"data-testid":"tbody-years-list",children:i(g,b).map((o,s)=>{const i=((t,e)=>{let r;return r=t.getFullYear()===e?"selected":e===k.getFullYear()?"current":"default",r})(y,o),l={"data-state":i};/* @__PURE__ */
+return p("li",{className:f?.yearlistitem,...e(l),children:/* @__PURE__ */p(t,{"aria-label":String(o),className:f?.yearelement,component:"button",focus:D===s,index:s,type:"button",...e(l),onSelectItem:()=>{j(x(a(new Date(y),o))),v?.(o.toString())},children:/* @__PURE__ */p(r,{additionalClasses:{text:f?.year},component:"span",customAttributes:l,"data-testid":C,children:o})})},String(o))})})};export{f as YearSelector};

package/dist/esm/components/calendar/utils/getAllDaysInMonth.js

@@ -0,0 +1 @@
+const e=(e,t)=>Array.from({length:new Date(t,e,0).getDate()},(a,n)=>new Date(t,e-1,n+1));export{e as getAllDaysInMonth};

package/dist/esm/components/calendar/utils/getFirstDayOfMonth.js

@@ -0,0 +1 @@
+const e=(e,t)=>new Date(e,t,1).getDay();export{e as getFirstDayOfMonth};

package/dist/esm/components/calendar/utils/getState.js

@@ -0,0 +1 @@
+import{STATES as e}from"../../../lib/types/states/states.js";var t="ddMMyyyy";const s=({dayFormatted:s,formatDate:E,hasRange:a,isGhostSelected:o,isSelectedToLeft:D,isSelectedToRight:T,selectedDate:d,today:A})=>{let r=e.DEFAULT;return D(s)?r=e.END_DATE_RANGE:T(s)?r=e.START_DATE_RANGE:o(s)?r=e.MIDLE_DATE_RANGE:d[0]&&s&&!a&&E(d[0],t)===E(s,t)?r=e.SELECTED:s&&A===E(s,t)&&(r=e.CURRENT_DAY),r};export{s as getStateDay};

package/dist/esm/components/calendar/utils/getYearList.js

@@ -0,0 +1 @@
+const e=(e,t)=>{const r=t.getFullYear(),l=e.getFullYear(),o=[];for(let u=r;u>=l;u--)o.push(u);return o};export{e as getYearList};

package/dist/esm/components/calendar/utils/groupDaysByWeeks.js

@@ -0,0 +1 @@
+const t=t=>{const e=[];for(let n=0;n<t.length;n+=7)e.push(t.slice(n,n+7));return e};export{t as groupDaysByWeeks};

package/dist/esm/components/calendar/utils/handleKeysmoves.js

@@ -0,0 +1 @@
+var t=(t,e)=>t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear();const e=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,a=(e,a,n)=>t(a,n)?e.length+a.getDate()-1:e.length,n=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>t(y,e)&&l===D?a.length-1:l===D?t(s,e)?n:a.length-1:l<=D+7?D:l-7,D=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>{if(t(y,e)&&l===a.length-1)return D;if(t(s,e)){if(l===n)return D;if(l+D+1>=s.getDate()-7&&l!==n)return s.getDate()+D-1}return l===a.length-1?D:l>=a.length-7?a.length-1:l+7},s=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>l===D?t(y,e)?a.length-1:t(s,e)?n:a.length-1:l-1,y=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,firstEmptyAndDisabledDays:D,maxDate:s,minDate:y})=>l=>t(y,e)&&l===a.length-1||t(s,e)&&l===n||l===a.length-1?D:l+1,l=t=>t,i=({firstEmptyAndDisabledDays:t})=>()=>t,r=({currentDate:e,dayList:a,daysAndEmptyDaysUntilMaxDate:n,maxDate:D})=>()=>t(D,e)?n:a.length-1;export{a as getDaysAndEmptyDaysUntilMaxDate,e as getFirstEmptyAndDisabledDays,D as handleKeyDownMove,s as handleKeyLeftMove,r as handleKeyPageDownMove,i as handleKeyPageUpMove,y as handleKeyRightMove,l as handleKeyTabMove,n as handleKeyUpMove};

package/dist/esm/components/calendar/utils/setMonth.js

@@ -0,0 +1 @@
+const t=(t,o)=>t.setMonth(o);export{t as setMonth};

package/dist/esm/components/calendar/utils/setYear.js

@@ -0,0 +1 @@
+const e=(e,t)=>e.setFullYear(t);export{e as setYear};

package/dist/esm/components/card/card.js

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

package/dist/esm/components/card/cardStandAlone.js

@@ -0,0 +1,2 @@
+import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Text as t}from"../text/text2.js";import{processTextProp as o}from"../../lib/utils/process/processCommonProp.js";import{forwardRef as s,isValidElement as r}from"react";import{jsx as n,jsxs as a}from"react/jsx-runtime";const i=s(({content:s,cssClasses:i,footer:c,header:l,onClick:m,onMouseEnter:u,onMouseLeave:d,state:p,...f},v)=>{const C={"data-state":p},b=e(f),k=(e,s)=>e?r(e)?/* @__PURE__ */n("div",{className:s,children:e}):/* @__PURE__ */n("div",{className:s,children:/* @__PURE__ */n(t,{additionalClasses:{text:s},...o(e)})}):null,x=Boolean(m)?{onClick:m,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),m?.(e))},onMouseEnter:u,onMouseLeave:d,role:"button",tabIndex:0}:{onMouseEnter:u,onMouseLeave:d};/* @__PURE__ */
+return a("div",{ref:v,className:i?.card,"data-testid":"card",...C,...b,...x,children:[k(l,i?.header),k(s,i?.content),k(c,i?.footer)]})});export{i as CardStandAlone};

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

@@ -0,0 +1,2 @@
+export {  Card  } from './card.js';
+export {  CardStandAlone  } from './cardStandAlone.js';

package/dist/esm/components/carousel/carousel.js

@@ -0,0 +1,2 @@
+import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{CarouselStandAlone as n}from"./carouselStandAlone.js";import{useCarousel as a}from"./hooks/useCarousel.js";import{buildScreenReaderOnly as r}from"./utils/carousel.utils.js";import{forwardRef as t,useCallback as o,useImperativeHandle as l,useRef as s,useState as i}from"react";import{jsx as m}from"react/jsx-runtime";const u=t(({additionalClasses:t,allowModifySliceWidth:u=!1,autoFitContainer:c=!1,centerExtremesWhenExtraPadding:g=!1,centerMode:d=!1,circular:P,defaultPage:f=0,disabled:C=!1,extraPadding:h,numElementsPerPage:R,numElementsToSlide:E,onePageAlign:S="center",onNumElementsPerPageChange:p,onNumPagesChange:x,onPageChange:w,screenReaderOnly:M,variant:N,...y},j)=>{const[W,b]=i(f),[v,A]=i(0),O=s(null),k=s(null),F=s(null),T=e({additionalClassNames:t,component:"CAROUSEL",variant:N}),L=o(e=>{A(e),x?.(e)},[x]),U=o(e=>{b(e),w?.(e)},[w]),q=R?Math.min(y.elements.length,R):R,z=u&&!!R&&!c,{allowShiftRef:B,changePage:D,currentPageRef:G,numElementsPerPageRef:H,numPagesRef:I}=a({allowModifySliceWidth:z,autoFitContainer:c,centerExtremesWhenExtraPadding:g,centerMode:d,circular:P,contentContainerRef:F,defaultPage:f,disabled:C,elements:y.elements,extraPadding:h,numElementsPerPage:q,numElementsToSlide:E,onePageAlign:S,onNumElementsPerPageChange:p,onNumPagesChange:L,onPageChange:U,rootContainerRef:O,viewerContainerRef:k});l(j,()=>(O.current&&(O.current.changePage=D,O.current.allowShiftRef=B,O.current.currentPageRef=G,O.current.numElementsPerPageRef=H,O.current.numPagesRef=I),O.current),[D]);const J=r({currentPage:W,numPages:v,screenReaderOnly:M});/* @__PURE__ */
+return m(n,{ref:O,allowModifySliceWidth:z,centerMode:d,contentContainerRef:F,cssClasses:T,disabled:C||v<=1,screenReaderOnly:J,viewerContainerRef:k,...y})});export{u as Carousel};

package/dist/esm/components/carousel/carouselStandAlone.js

@@ -0,0 +1,2 @@
+import{ScreenReaderOnly as e}from"../../lib/components/screen-reader-only/screenReaderOnly.js";import{forwardRef as t}from"react";import{jsx as r,jsxs as a}from"react/jsx-runtime";const i=t(({allowModifySliceWidth:t,centerMode:i,contentContainer:n,contentContainerRef:o,cssClasses:d,disabled:s,elements:c,rootContainer:l,screenReaderOnly:m,viewerContainer:f,viewerContainerRef:v,...p},w)=>{const h=p["data-testid"]??"carousel";/* @__PURE__ */
+return a("div",{ref:w,"aria-roledescription":"carousel",className:d?.carousel,"data-testid":h,...p,...l,children:[/* @__PURE__ */r("div",{ref:v,className:d?.viewer,"data-allow-modify-slice-width":t,"data-disabled":s,"data-testid":`${h}-viewer`,...f,children:/* @__PURE__ */r("div",{ref:o,"aria-live":"polite",className:d?.content,"data-center-mode":i,"data-testid":`${h}-content`,...n,children:c})}),m&&/* @__PURE__ */r(e,{ariaLive:"off",...m,children:m.content})]})});export{i as CarouselStandAlone};

package/dist/esm/components/carousel/hooks/useCarousel.js

@@ -0,0 +1 @@
+import{useCarouselKeyNavigation as e}from"./useCarouselKeyNavigation.js";import n from"./utils/calc.utils.js";import t from"./utils/constants.js";import{useCarouselSwipe as r}from"./useCarouselSwipe.js";import a from"./utils/dom.utils.js";import{useCallback as i,useEffect as c,useRef as o}from"react";const s=({allowModifySliceWidth:s=!1,autoFitContainer:u=!1,centerExtremesWhenExtraPadding:l=!1,centerMode:d=!1,circular:g=!0,contentContainerRef:m,defaultPage:P=0,disabled:f=!1,elements:C,extraPadding:h=0,numElementsPerPage:w,numElementsToSlide:E,onePageAlign:I="center",onNumElementsPerPageChange:x,onNumPagesChange:R,onPageChange:p,rootContainerRef:L,viewerContainerRef:N})=>{const V=o(!0),v=o(P),S=o(P),y=o(w),T=o(0),A=i(e=>{const r=m.current;if(!r||!y.current||e.propertyName!==t.PROPERTY_TO_HANDLE_TRANSITION_END||T.current<1)return;r.setAttribute("data-shifting","false");const{newPage:i}=a.udpateCarouselPositionOnEdge({contentContainer:r,currentPage:S.current,elementsLength:C.length,extraPadding:h,numElementsPerPage:y.current,numPages:T.current});S.current=i,v.current!==S.current&&(v.current=S.current,p?.(S.current));const{firstIndexInView:c,lastIndexInView:o}=n.calcFirstAndLastIndexInCarouselView({currentPage:S.current,elementsLength:C.length,isCircular:g,numElementsPerPage:y.current,numElementsToSlide:E});a.updateContentElementsAriaVisibility({contentContainer:r,firstIndexInView:c,lastIndexInView:o}),d&&a.applyCenterMode({contentContainer:r,firstIndexInView:c,lastIndexInView:o,numElementsPerPage:y.current}),V.current=!0},[C,h,E,g,d,p]),O=i(({animated:e=!0,newPage:r})=>{const i=N.current,c=m.current;if(!i||!c||!V.current||!y.current||!C.length||T.current<1||(g?r<-1:r<0)||(g?r>T.current:r>T.current-1))return;e&&c.setAttribute("data-shifting","true"),a.deleteCenterMode({contentContainer:c}),S.current=r;const{firstIndexInView:o,lastIndexInView:u}=n.calcFirstAndLastIndexInCarouselView({currentPage:S.current,elementsLength:C.length,isCircular:g,numElementsPerPage:y.current,numElementsToSlide:E});s||a.updateViewerWidth({contentContainer:c,extraPadding:h,firstIndexInView:o,lastIndexInView:u,viewerContainer:i});const d=c.style.left,P=n.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:l,circular:g,contentContainer:c,currentPage:S.current,extraPadding:h,firstIndexInView:o,numPages:T.current});c.style.left=P,e&&d!==P?V.current=!1:A({propertyName:t.PROPERTY_TO_HANDLE_TRANSITION_END})},[C,E,g,s,h,l,A]),b=i(()=>{const e=N.current,n=m.current;e&&n&&y.current&&(s&&(e.style.width="100%",a.updateSlicesWidth({centerMode:d,contentContainer:n,extraPadding:h,numElementsPerPage:y.current,viewerContainer:e})),a.manageCircularClones({circular:g,contentContainer:n,elementsLength:C.length,numElementsPerPage:y.current}),O({animated:!1,newPage:S.current}))},[s,d,g,C,h,O]),M=i(()=>{const e=L.current,t=N.current,r=m.current;if(!e||!t||!r)return;e.style.width="100%";const i=w||n.calcNumElementsPerPage({contentContainer:r,elementsLength:C.length,extraPadding:h,rootContainer:e,viewerContainer:t})||1;u&&(e.style.width="fit-content"),i!==y.current&&(y.current=i,x?.(i));const c=n.calcNumPages({elementsLength:C.length,numElementsPerPage:i,numElementsToSlide:E});T.current!==c&&(T.current=c,R?.(c),S.current=Math.min(Math.max(0,P),c-1)),c<=1&&a.alignOnePageCarousel({allowModifySliceWidth:s,contentContainer:r,onePageAlign:I,rootContainer:e})},[s,C,h,w,E,I,u,x,R,p]),_=i(()=>{M(),b()},[M,b]);return c(()=>{const e=m.current;if(!e)return;_(),window.addEventListener("resize",_);const n=new ResizeObserver(_);return n.observe(e),()=>{window.removeEventListener("resize",_),n.disconnect()}},[_]),c(()=>{const e=m.current;return e?.addEventListener("transitionend",A),()=>{e?.removeEventListener("transitionend",A)}},[A]),r({allowShiftRef:V,centerExtremesWhenExtraPadding:l,changePage:O,circular:g,contentContainerRef:m,currentPageRef:S,disabled:f,elements:C,extraPadding:h,numElementsPerPageRef:y,numPagesRef:T,viewerContainerRef:N}),e({allowShiftRef:V,changePage:O,circular:g,currentPageRef:S,disabled:f,numPagesRef:T,rootContainerRef:L}),{allowShiftRef:V,changePage:O,currentPageRef:S,numElementsPerPageRef:y,numPagesRef:T}};export{s as useCarousel};

package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js

@@ -0,0 +1 @@
+import{ARROW_LEFT as e,ARROW_RIGHT as r}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as t}from"../../../lib/utils/keyboard/keyboard.js";import{useEffect as n}from"react";const o=({allowShiftRef:o,changePage:c,circular:a,currentPageRef:u,disabled:i=!1,numPagesRef:s,rootContainerRef:y})=>{n(()=>{if(i)return;const n=n=>{!o.current||s.current<=1||(t(n.key,e.key)?o.current&&(a||0!==u.current)&&c({newPage:u.current-1}):t(n.key,r.key)&&o.current&&(a||u.current!==s.current-1)&&c({newPage:u.current+1}))},d=y.current;return d?.addEventListener("keydown",n),()=>{d?.removeEventListener("keydown",n)}},[a,c,i])};export{o as useCarouselKeyNavigation};

package/dist/esm/components/carousel/hooks/useCarouselSwipe.js

@@ -0,0 +1 @@
+import{useScrollBlock as e}from"../../../lib/hooks/useScrollBlock/useScrollBlock.js";import t from"./utils/calc.utils.js";import r from"./utils/constants.js";import{useCallback as n,useEffect as c,useRef as u}from"react";const s=({allowShiftRef:s,centerExtremesWhenExtraPadding:o,changePage:l,circular:i,contentContainerRef:a,currentPageRef:m,disabled:E=!1,elements:v,extraPadding:d,numElementsPerPageRef:h,numPagesRef:f,viewerContainerRef:_})=>{const L=u(!1),D=u(!1),p=u(!1),R=u(),S=u(0),I=u(0),O=u(0),g=u(0),P=n(()=>{s.current&&(i||m.current!==f.current-1)&&l({newPage:m.current+1})},[i,l]),X=n(()=>{s.current&&(i||0!==m.current)&&l({newPage:m.current-1})},[i,l]),{allowScroll:y,blockScroll:w}=e(),x=n(e=>{const t=a.current;!t||f.current<=1||(R.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(S.current=e.touches[0].clientX,O.current=e.touches[0].clientX,g.current=e.touches[0].clientY):(S.current=e.clientX,O.current=e.clientX,g.current=e.clientY),L.current=!0)},[]),G=n(e=>{const n=a.current;if(!n||!L.current||!h?.current||f.current<=1)return;let c,u;"touchmove"===e.type?(I.current=S.current-e.touches[0].clientX,S.current=e.touches[0].clientX,c=e.touches[0].clientX-O.current,u=e.touches[0].clientY-g.current):(I.current=S.current-e.clientX,S.current=e.clientX,c=e.clientX-O.current,u=e.clientY-g.current);const s=parseFloat(n.style.left||"0")-I.current;if(D.current||p.current||(Math.abs(c)>r.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(D.current=!0,w()):Math.abs(u)>r.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(p.current=!0)),D.current)if(i&&v.length>h.current)n.style.left=`${s}px`;else{const e=t.calcXDistanceBetween2Elements(n.firstChild,n.children[n.children.length-h.current]);if(o)s-d<0&&-s<e-d&&(n.style.left=`${s}px`);else{let t=i?d:0;!i&&d&&m.current===f.current-1&&(t=2*d),s-t<0&&-s<e-t&&(n.style.left=`${s}px`)}}},[w,o,i,v,d]),H=n(()=>{const e=a.current;if(p.current=!1,D.current&&y(),D.current=!1,!e||!L.current||void 0===R.current||f.current<=1)return;L.current=!1;const t=parseFloat(e.style.left||"0");t-R.current<-r.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?P():t-R.current>r.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?X():e.style.left=`${R.current}px`},[y,P,X]);c(()=>{if(E)return;const e=_.current,t={passive:!0};return e?.addEventListener("touchstart",x,t),e?.addEventListener("touchend",H,t),e?.addEventListener("touchmove",G,t),e?.addEventListener("mousedown",x,t),e?.addEventListener("mouseup",H,t),e?.addEventListener("mousemove",G,t),e?.addEventListener("mouseleave",H,t),()=>{e?.removeEventListener("touchstart",x,t),e?.removeEventListener("touchend",H,t),e?.removeEventListener("touchmove",G,t),e?.removeEventListener("mousedown",x,t),e?.removeEventListener("mouseup",H,t),e?.removeEventListener("mousemove",G,t),e?.removeEventListener("mouseleave",H,t)}},[x,H,G,E])};export{s as useCarouselSwipe};

package/dist/esm/components/carousel/hooks/utils/calc.utils.js

@@ -0,0 +1 @@
+const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>e&&t?Math.abs(t.offsetLeft-e.offsetLeft):0,n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const i=n({numElementsPerPage:t,numElementsToSlide:r});return Math.ceil((e-t+i)/i)},i=({centerMode:e,contentContainer:t})=>{let n=0;if(t.childNodes.length<2)return n;const r=t.childNodes[0],i=t.childNodes[1];e&&r.style&&i.style&&(r.style.transition="none",i.style.transition="none",r.style.transform="scale(1)",i.style.transform="scale(1)");const l=r?.getBoundingClientRect()?.right,s=i?.getBoundingClientRect()?.left;return e&&r.style&&i.style&&(r.style.removeProperty("transform"),i.style.removeProperty("transform"),r.style.removeProperty("transition"),i.style.removeProperty("transition")),void 0!==l&&void 0!==s&&(n=Math.abs(l-s)),n};var l={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:({centerExtremesWhenExtraPadding:e,circular:n,contentContainer:r,currentPage:i,extraPadding:l,firstIndexInView:s,numPages:o})=>{let a=t(r.firstChild,r.children[s]);return l&&(e||n||0!==i&&i!==o-1?a-=l:n||i!==o-1||(a-=2*l)),-a+"px"},calcFirstAndLastIndexInCarouselView:({currentPage:e,elementsLength:t,isCircular:i,numElementsPerPage:l,numElementsToSlide:s})=>{if(t<=l)return{firstIndexInView:0,lastIndexInView:t-1};const o=n({numElementsPerPage:l,numElementsToSlide:s});let a=e*o+l-1,d=0;return i&&t>l&&(d=l+1,a+=d),e===r({elementsLength:t,numElementsPerPage:l,numElementsToSlide:o})?a=d+t+l-1:e<0?a=d-1:a-d>t-1&&(a=d+t-1),{firstIndexInView:a-l+1,lastIndexInView:a}},calcGapBetweenContentContainerElements:i,calcNumElementsPerPage:({contentContainer:t,elementsLength:n,extraPadding:r,rootContainer:i,viewerContainer:l})=>{const s=t.firstElementChild;if(!s)return;let o=i.offsetWidth;o-=2*r,o-=e({element:l});let a=0;const d=s.offsetLeft;for(let e=0;e<t.children.length;e++){const n=t.children[e];if(d+n.offsetLeft+n.offsetWidth>o)break;a++}return Math.max(Math.min(n,a),1)},calcNumPages:r,calcSliceWidth:({centerMode:t,contentContainer:n,extraPadding:r,numElementsPerPage:l,viewerContainer:s})=>{const o=(l-1)*i({centerMode:t,contentContainer:n}),a=e({element:s});return(s.getBoundingClientRect().width-o-2*r-a)/l},calcViewerWidth:({contentContainer:n,extraPadding:r,firstIndexInView:i,lastIndexInView:l,viewerContainer:s})=>{const o=n.children[i],a=n.children[l],d=t(o,a),c=e({element:s});return`${d+a.offsetWidth+2*r+c}px`},calcXDistanceBetween2Elements:t};export{l as default};

package/dist/esm/components/carousel/hooks/utils/constants.js

@@ -0,0 +1 @@
+var _={PROPERTY_TO_HANDLE_TRANSITION_END:"left",THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING:20,THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS:0};export{_ as default};

package/dist/esm/components/carousel/hooks/utils/dom.utils.js

@@ -0,0 +1 @@
+import e from"./calc.utils.js";var t={center:"center",left:"flex-start",right:"flex-end"},n={alignOnePageCarousel:({allowModifySliceWidth:e,contentContainer:n,onePageAlign:i,rootContainer:r})=>{e?n.style.justifyContent=t[i]:r.style.justifyContent=t[i]},applyCenterMode:({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!=0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}},deleteCenterMode:({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},manageCircularClones:({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++)t.firstElementChild&&t.removeChild(t.firstElementChild),t.lastElementChild&&t.removeChild(t.lastElementChild)}if(e&&n>i){const e=[],n=[],r=t.children.length,l=i+1;for(let i=0;i<l;i++){const l=t.children[i];l&&e.push(l.cloneNode(!0));const o=t.children[r-1-i];o&&n.push(o.cloneNode(!0))}e.forEach(e=>t.appendChild(e)),n.forEach(e=>t.insertBefore(e,t.firstChild))}},udpateCarouselPositionOnEdge:({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:r,numElementsPerPage:l,numPages:o})=>{const a=n===o;if(a||-1===n){const n=a?l+1:i+1;let d=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return d-=r,t.style.left=-d+"px",{newPage:a?0:o-1}}return{newPage:n}},updateContentElementsAriaVisibility:({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},updateSlicesWidth:({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l})=>{const o=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${o}px`)}},updateViewerWidth:({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l})=>{const o=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l});l.style.width=o}};export{n as default};

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

@@ -0,0 +1,5 @@
+export {  Carousel  } from './carousel.js';
+export { 
+  CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,
+  CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,
+ } from './carousel.js';

package/dist/esm/components/carousel/types/carousel.js

@@ -0,0 +1 @@
+const e="{{currentPage}}",n="{{numPages}}";export{e as CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,n as CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{pickCustomAttributes as s}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{ErrorMessage as r}from"../../../lib/components/errorMessage/errorMessage.js";import{jsx as e}from"react/jsx-runtime";const t=({cssClasses:t,message:o,...i})=>{if(!o)return null;const a=s(i);/* @__PURE__ */
+return e("div",{className:t?.errormessagecontainer,children:/* @__PURE__ */e(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{LabelStandAlone as t}from"../../label/labelStandAlone.js";import{jsx as e}from"react/jsx-runtime";const n=({...n})=>{if(!n.content)return null;const{cssClasses:s,...o}=n;return"string"==typeof n.content?/* @__PURE__ */e(t,{textCssClasses:s?.label,...o,children:n.content}):n?.content};export{n 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{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{getCheckboxState as a}from"../checkbox/utils/state.utils.js";import{CheckboxBaseStandAlone as s}from"./checkboxBaseStandAlone.js";import{forwardRef as t}from"react";import{jsx as r}from"react/jsx-runtime";const o=t(({additionalClasses:t,error:o=!1,required:i=!1,variant:c,...m},d)=>{const l=e({additionalClassNames:t,component:"CHECKBOX_BASE",variant:c}),n=a(m.checked,m.disabled,o).toLocaleLowerCase();/* @__PURE__ */
+return r(s,{ref:d,cssClasses:l,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,2 @@
+import{processIconProp as t}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{forwardRef as s}from"react";import{jsx as a,jsxs as c}from"react/jsx-runtime";const o=s(({checkedIcon:s,cssClasses:o,inputRef:r,...n},i)=>{const m=n["data-testid"]??"checkbox-base";/* @__PURE__ */
+return c("div",{ref:i,className:o?.checkbox_base,"data-testid":m,children:[/* @__PURE__ */a("input",{ref:r,className:o?.input,type:"checkbox",...n,"data-testid":`${m}-input`}),/* @__PURE__ */a("span",{className:o?.iconcontainer,"data-state":n["data-state"],children:/* @__PURE__ */a(e,{className:o?.icon,complex:!0,"data-state":n["data-state"],...t(s)})})]})});export{o as CheckboxBaseStandAlone};

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

@@ -0,0 +1,2 @@
+import{CheckboxBaseControlled as e}from"./checkboxBaseControlled.js";import{useCheckbox as o}from"./hooks/useCheckbox.js";import{forwardRef as r}from"react";import{jsx as c}from"react/jsx-runtime";const d=r(({checked:r=!1,disabled:d=!1,onChange:s,...t},i)=>{const{handleToggleIsChecked:h,isChecked:n}=o({disabled:d,initialChecked:r});/* @__PURE__ */
+return c(e,{ref:i,...t,checked:n,disabled:d,onChange:e=>{s?.(e),h()}})});export{d 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{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{STATES as t}from"../../lib/types/states/states.js";import{ChipStandAlone as a}from"./chipStandAlone.js";import{forwardRef as e}from"react";import{jsx as o}from"react/jsx-runtime";const r=e(({additionalClasses:e,state:r=t.DEFAULT,variant:i,...m},n)=>{const l=s({additionalClassNames:e,component:"CHIP",variant:i});/* @__PURE__ */
+return o(a,{...m,ref:n,cssClasses:l,state:r})});export{r as Chip};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const t=({headBoxShadow:t,leftBoxShadow:s,ref:a,rightBoxShadow:l})=>(e(()=>{const e=a.current,o=e?.querySelector("[data-datatable-scrollable-container]");let r;const c=()=>{if(!o)return;const a=o.querySelector("[data-table-head]");if(a instanceof HTMLElement&&a.hasAttribute("data-sticky")&&t&&(o.scrollTop?a.classList.add(t):a.classList.remove(t)),s){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=s,t.classList.add(s),t.style.height=`${o.clientHeight}px`):t.classList.remove(s))}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()}},[]),{});export{t as useDataTableShadow};

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

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

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

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

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

@@ -0,0 +1 @@
+import{hasHorizontalScroll as t,hasVerticalScroll as e}from"../../../lib/utils/scroll/hasScroll.js";import{useEffect as r}from"react";const o=({ref:o})=>(r(()=>{const r=o.current?.querySelector("[data-datatable-scrollable-container]"),a=o.current?.querySelector("[data-datatable-right-shadow]");let l;if(r instanceof HTMLElement){const o=r=>{const o=t(r),l=r.querySelectorAll("[data-table-row]");let c=0;if(l.forEach(t=>{if(t instanceof HTMLElement){const e=Array.from(t.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let r=0;e.forEach(t=>{t instanceof HTMLElement&&(t.style.right=o?`${r}px`:"auto",r+=t.offsetWidth)}),c=Math.max(c,r)}}),a instanceof HTMLElement){if(e(r)){const t=r.offsetWidth-r.clientWidth;c+=t}a.style.right=`${c}px`}};o(r),l=new ResizeObserver(()=>{o(r)}),l.observe(r)}return()=>{l?.disconnect()}},[]),{});export{o 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{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{DotStandAlone as s}from"./dotStandAlone.js";import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";const o=e(({additionalSizeClasses:e,additionalVariantClasses:o,maxNumber:r,number:i,size:n,variant:m,...l},d)=>{const p=a({additionalClassNames:o,component:"DOT",variant:m}),u=a({additionalClassNames:e,component:"DOT",variant:n}),c="number"==typeof i?"number"==typeof r&&i>r?`+${r}`:i.toString():void 0;/* @__PURE__ */
+return t(s,{...l,ref:d,cssSizeClasses:u,cssVariantClasses:p,formatedNumber:c})});export{o as Dot};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";/* empty css     */import{DEVICE_BREAKPOINTS as i}from"../../lib/types/breakpoints/breakpoints.js";import{PictureSourceStandAlone as r}from"./components/pictureSourceStandAlone.js";import{getFallbackRatio as e}from"./utils/getFallbackRatio.js";import{forwardRef as o}from"react";import{jsx as a,jsxs as c}from"react/jsx-runtime";const s=o(({alt:o,borderRadius:s,caption:m,height:l,images:d,loading:n="lazy",objectFit:p,onLoad:u,ratio:b,title:f,width:g,...h},j)=>{const S={"--border-radius":s,"--fallback-ratio":b&&e(b)+"%","--object-fit":p,"--ratio":b},k=t(h);/* @__PURE__ */
+return c("figure",{ref:j,"data-testid":"image",...k,children:[/* @__PURE__ */c("picture",{className:"kbt-picture",style:S,children:[
+/* @__PURE__ */a(r,{mediaSource:d[i.LARGE_DESKTOP]}),
+/* @__PURE__ */a(r,{mediaSource:d[i.DESKTOP]}),
+/* @__PURE__ */a(r,{mediaSource:d[i.TABLET]}),
+/* @__PURE__ */a(r,{mediaSource:d[i.MOBILE]}),
+/* @__PURE__ */a("img",{alt:o,height:l,loading:n,src:d.DEFAULT.src,title:f,width:g,onLoad:u})]}),m&&/* @__PURE__ */a("figcaption",{children:m})]})});export{s 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{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{InputStandAlone as t}from"./inputStandAlone.js";import{getState as a}from"./utils/state.js";import{forwardRef as r,useCallback as s,useId as o,useImperativeHandle as l,useRef as n,useState as i}from"react";import{jsx as u}from"react/jsx-runtime";const d=r(({additionalClasses:r,id:d,variant:c,...m},p)=>{const f=e({additionalClassNames:r,component:"INPUT",variant:c}),b=`input-${o().replace(/:/g,"")}`,C=d||b,j=`${C}-label`,N=n(null),v=n(null),B=s(e=>{e&&(v.current=e.querySelector("input")),N.current=e},[]);l(p,()=>N.current,[]);const[I,x]=i(!1),S=s(()=>x(!0),[]),$=s(()=>x(!1),[]),g=Boolean(m.defaultValue??m.value),h=a({disabled:m.disabled,error:m.error,filled:g,focused:I});/* @__PURE__ */
+return u(t,{ref:B,cssClasses:f,"data-state":h,"data-testid":"input-container",filled:g,focused:I,inputBaseId:C,labelId:j,onBlur:$,onFocus:S,...m})});export{d as Input};

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

@@ -0,0 +1,3 @@
+import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{InputBase as r}from"../inputBase/inputBase.js";import{InputDecoration as t}from"../inputDecoration/inputDecoration.js";import{forwardRef as a}from"react";import{jsx as e,jsxs as o}from"react/jsx-runtime";const s=a(({cssClasses:a,disabled:s,error:n,filled:d,focused:l,inputBaseId:c,labelId:u,leftDecoration:p,required:f,rightDecoration:m,...v},b)=>{const C=i(v);/* @__PURE__ */
+return o("div",{ref:b,className:a?.input,...C,children:[!(!p||!p?.variant&&!a?.left_decoration)&&/* @__PURE__ */e(t,{disabled:s,error:n,...p,additionalClasses:p?.variant?void 0:a?.left_decoration,variant:p?.variant}),
+/* @__PURE__ */e("div",{...C,className:a?.inputandlabelcontainer,children:!!a?.input&&/* @__PURE__ */e(r,{disabled:s,error:n,filled:d,focused:l,required:f,...v,additionalClasses:a?.input_base})}),!(!m||!m?.variant&&!a?.right_decoration)&&/* @__PURE__ */e(t,{disabled:s,error:n,filled:d,focused:l,...m,additionalClasses:m?.variant?void 0:a?.right_decoration,variant:m?.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{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{InputBaseStandAlone as s}from"./inputBaseStandAlone.js";import{getState as t}from"./utils/state.js";import{forwardRef as e,useId as r}from"react";import{jsx as i}from"react/jsx-runtime";const o=e(({additionalClasses:e,error:o,filled:d,focused:l,id:n,variant:m,...u},c)=>{const p=a({additionalClassNames:e,component:"INPUT_BASE",variant:m}),f=`inputbase-${r().replace(/:/g,"")}`,b=n??f,C=t({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
+return i(s,{ref:c,...u,"aria-invalid":o,cssClasses:p,"data-state":C,"data-testid":"input-base","data-truncate":u.truncate,id:b})});export{o as InputBase};

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

@@ -0,0 +1,2 @@
+import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{forwardRef as s}from"react";import{jsx as r}from"react/jsx-runtime";const e=s(({cssClasses:s,truncate:e,...i},o)=>{const m=t(i);/* @__PURE__ */
+return r("input",{ref:o,className:s?.input_base,...i,...m})});export{e 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{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{InputDecorationStandAlone as t}from"./inputDecorationStandAlone.js";import{getState as a}from"./utils/state.js";import{forwardRef as e}from"react";import{jsx as o}from"react/jsx-runtime";const r=e(({additionalClasses:e,variant:r,...i},d)=>{const l=s({additionalClassNames:e,component:"INPUT_DECORATION",variant:r}),n=a({disabled:i.disabled,error:i.error,filled:i.filled,focused:i.focused});/* @__PURE__ */
+return o(t,{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{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as t}from"../../lib/utils/process/processCommonProp.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{forwardRef as e}from"react";import{jsx as s}from"react/jsx-runtime";const i=e(({cssClasses:e,decoration:i,disabled:n,...c},m)=>{const l=t(i);if(!l?.icon)return null;const p=o(c);/* @__PURE__ */
+return s("div",{ref:m,className:e?.input_decoration,style:{pointerEvents:l.onClick?"auto":"none"},...p,children:/* @__PURE__ */s(r,{className:e?.decoration,...l,onClick:l.onClick})})});export{i 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{useEffect as e,useRef as t}from"react";const r=r=>{const n=t(null),u=t(),c=t(!1),o=t(!1),i=t({color:"black",lineWidth:2}),s=t(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&&!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 e(()=>{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{useClassName as s}from"../../lib/hooks/useClassName/useClassName.js";import{InputSignatureStandAlone as t}from"./inputSignatureStandAlone.js";import{forwardRef as a}from"react";import{jsx as e}from"react/jsx-runtime";const r=a(({additionalClasses:a,setSignatureStyles:r,signatureStyle:o={color:"#000000",lineWidth:2},variant:i,...n},l)=>{const m=s({additionalClassNames:a,component:"INPUT_SIGNATURE",variant:i});return r?.(o),/* @__PURE__ */e(t,{ref:l,cssClasses:m,...n})});export{r as InputSignatureControlled};

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

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

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

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

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