@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.5

package/dist/es/blocks/user-hub/withdraw.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as a,jsx as i}from"react/jsx-runtime";import{useState as n,useRef as t,useEffect as l}from"react";import{Search as r,Pencil as d,Trash2 as s}from"lucide-react";import c from"../../button/index.js";import o from"../../input/index.js";import m from"../../table/index.js";import{Tooltip as h}from"../../tooltip/Tooltip.js";import{TooltipTrigger as u}from"../../tooltip/TooltipTrigger.js";import{TooltipContent as p}from"../../tooltip/TooltipContent.js";import{GetClassNameByPlatform as b}from"../../helpers/classname/GetClassNameByPlatform.js";import{HubPayFilter as _,HubPayLogoBadge as w}from"./cashier.js";const x=({id:a,openId:r,setOpenId:d,actions:s,children:c})=>{const o=r===a,m=t(null),h=t({down:!1,x:0,y:0,base:0,axis:"",cur:0,pid:0}),[u,p]=n(0),[b,_]=n(!1);l(()=>{h.current.down||p(o?-160:0)},[o]);const w=()=>{if(!h.current.down)return;const{axis:e,cur:i}=h.current;if(h.current.down=!1,_(!1),"x"===e){const e=i<-80;p(e?-160:0),e?d(a):o&&d(null)}else p(o?-160:0)};return e("div",{className:"inn-mobile-swipeable-list-item hub__swipe",children:[i("div",{className:"hub__swipe-actions",children:s}),i("div",{ref:m,className:"hub__swipe-content"+(b?" hub__swipe-content--drag":""),style:{transform:"translateX("+u+"px)"},onPointerDown:e=>{h.current={down:!0,x:e.clientX,y:e.clientY,base:o?-160:0,axis:"",cur:o?-160:0,pid:e.pointerId}},onPointerMove:e=>{if(!h.current.down)return;const a=e.clientX-h.current.x,i=e.clientY-h.current.y;if(!h.current.axis){if(Math.abs(a)<8&&Math.abs(i)<8)return;if(h.current.axis=Math.abs(a)>Math.abs(i)?"x":"y","x"!==h.current.axis)return void(h.current.down=!1);try{m.current?.setPointerCapture?.(h.current.pid)}catch{}_(!0)}const n=Math.max(-160,Math.min(0,h.current.base+a));h.current.cur=n,p(n)},onPointerUp:w,onPointerCancel:w,children:c})]})},y=({accounts:t,onWithdraw:l,onEdit:r,onDelete:o,onAdd:m,labels:h})=>{const[u,p]=n(null);return e("div",{className:"inn-mobile-withdraw-list hub__wdlist",children:[i("div",{className:"inn-mobile-withdraw-list-methods",children:0===t.length?i("div",{className:"hub__pay-empty",children:i("span",{children:h.emptyText})}):i("div",{className:"inn-mobile-swipeable-list hub__swipe-list",children:t.map(n=>i(x,{id:n.name,openId:u,setOpenId:p,actions:e(a,{children:[e("button",{type:"button",className:"hub__swipe-act hub__swipe-act--edit",onClick:()=>r(n),children:[i(d,{"aria-hidden":!0}),i("span",{children:h.editLabel})]}),e("button",{type:"button",className:"hub__swipe-act hub__swipe-act--del",onClick:()=>o(n),children:[i(s,{"aria-hidden":!0}),i("span",{children:h.deleteLabel})]})]}),children:e("div",{className:"inn-mobile-withdraw-list-method-item hub__dep-item hub__wd-item",children:[i(w,{logo:n.logo}),e("div",{className:"hub__dep-main",children:[i("span",{className:"hub__dep-name",children:n.name}),e("div",{className:"hub__dep-meta",children:[i("span",{className:"hub__pay-desc",children:n.desc}),e("div",{className:"hub__dep-amts",children:[i("span",{children:"Min "+n.min}),i("span",{children:"Maks "+n.max})]})]})]}),i(c,{size:"small",onClick:()=>l(n),children:h.withdrawLabel})]})},n.name))})}),i("div",{className:"hub__wd-add",children:i(c,{variant:"default",size:"default",onClick:()=>m(),children:h.addLabel})})]})},f=({accounts:t,filters:l,onWithdraw:x,onEdit:f,onDelete:k,onAdd:N,isMobile:v=!1,filterMarker:g="inn-withdraw-filter-bar",tableMarker:C="inn-withdraw-table",searchPlaceholder:L="Arama",withdrawLabel:M="Para Çek",addLabel:T="Yeni Çekim Hesabı Ekle",editLabel:z="Düzenle",deleteLabel:I="Sil",editTooltip:j="Çekim Hesabını Düzenle",deleteTooltip:P="Çekim Hesabını Sil",emptyText:D="Çekim yöntemi bulunamadı!",nameTitle:A="İsim",timeTitle:E="Süre",minTitle:H="Min Çekim",maxTitle:S="Max Çekim"})=>{const[B,W]=n("all"),[X,Y]=n(""),O=t.filter(e=>{const a=X.trim().toLowerCase();return("all"===B||e.tags.includes(B))&&(!a||e.name.toLowerCase().includes(a))}),G=O.map(e=>({key:e.name,name:e.name,desc:e.desc,logo:e.logo,time:e.time,min:e.min,max:e.max,account:e})),U=[{key:"logo",dataIndex:"logo",title:"",width:70,render:(e,a)=>i(w,{logo:a.logo})},{key:"name",dataIndex:"name",title:A,render:(a,n)=>e("span",{className:"hub__pay-name",children:[i("span",{className:"hub__wd-name",children:n.name}),i("span",{className:"hub__pay-desc",children:n.desc})]})},{key:"time",dataIndex:"time",title:E,width:140},{key:"min",dataIndex:"min",title:H,width:140},{key:"max",dataIndex:"max",title:S,width:140},{key:"action",dataIndex:"key",title:"",width:200,render:(a,n)=>e("span",{className:"hub__pay-actions",children:[e(h,{children:[i(u,{asChild:!0,children:i("button",{type:"button",className:"hub__pay-round hub__pay-round--danger hub__wd-acticon","aria-label":P,onClick:()=>k(n.account),children:i(s,{size:14})})}),i(p,{placement:"top",children:P})]}),e(h,{children:[i(u,{asChild:!0,children:i(c,{variant:"solid",size:"icon-sm",className:"rounded-full hub__wd-acticon","aria-label":j,onClick:()=>f(n.account),children:i(d,{size:14})})}),i(p,{placement:"top",children:j})]}),i(c,{size:"medium",onClick:()=>x(n.account),children:M})]})}];return e(a,{children:[i(_,{options:l,value:B,onChange:W,idPrefix:"wd",marker:g}),i("div",{className:"hub__pay-search hub__pay-search--single",children:i(o,{size:"x-large",placeholder:L,addonBefore:i(r,{size:16}),value:X,onChange:e=>Y(String(e))})}),v?i(y,{accounts:O,onWithdraw:x,onEdit:f,onDelete:k,onAdd:N,labels:{withdrawLabel:M,addLabel:T,editLabel:z,deleteLabel:I,emptyText:D}}):e("div",{className:b(C)+" hub__paybox hub__pay-table",children:[i(m,{columns:U,data:G,cellHeight:"74px",headerBg:!1}),i("div",{className:"hub__wd-add",children:i(c,{variant:"default",size:"default",onClick:()=>N(),children:T})})]})]})};export{f as HubWithdrawPage,f as default};

package/dist/es/button/index.js

@@ -1 +1 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import e,{forwardRef as n,useRef as o,useState as r,useId as s,useEffect as l}from"react";import{Slot as a}from"../primitives/Slot.js";import{NavLink as d}from"react-router-dom";import u from"../spin/index.js";import c from"../utils/GetButtonSizeSlug.js";import{ButtonTypes as m,ComponentVariants as p,ComponentSizes as f}from"../enums/enum.js";const g=n((n,g)=>{const{as:b,asChild:h=!1,id:x="",form:z="",disabled:N=!1,loading:j=!1,type:v=m.BUTTON,variant:B=p.DEFAULT,size:C=f.DEFAULT,state:E=null,href:y="",target:T="_self",className:U="",children:k=null,onClick:D,...S}=n,A=o(null),F=g||A,[L,O]=r(x),V=s();l(()=>{""===x&&O("itd-button-"+V)},[]);const _={id:L,ref:F,className:(()=>{const t=c(C);let i="itd-button inline-flex items-center justify-center rounded-md shrink-0";return i+=" itd-button-"+B,i+=" itd-button-"+t,i+=" itd-button-"+v,"icon"===t||"icon-sm"===t||"icon-lg"===t?(i+=" itd-button-has-icon","icon-sm"===t?i+=" size-8":"icon"===t?i+=" size-9":"icon-lg"===t&&(i+=" size-10")):i+=" itd-size-"+t,j&&(i+=" itd-button-loading"),U&&(i+=" "+U),i})(),disabled:N||void 0,tabIndex:N?-1:0,form:z,onClick:t=>{j||D?.(t)},...S};let q="button";if(h){if(e.isValidElement(k))return t(a,{..._,children:k});"production"!==process.env.NODE_ENV&&console.warn("[Button]: Using `asChild` requires a single React element as children. Example: <Button asChild><a /></Button>. You are currently passing a primitive value (string, etc.), so `asChild` is ignored.")}return b?q=b:y&&(q=d,_.to=y,_.target=T),i(q,{type:v,..._,children:[(()=>{if(!j)return null;const i=c(C);return t(u,{size:"xs"===i?12:"lg"===i||"icon-lg"===i?20:"xlg"===i?24:16})})(),t("span",{className:"itd-button-content",children:k})]})});g.displayName="Button";export{g as default};
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import e,{forwardRef as n,useContext as o,useRef as r,useState as s,useId as l,useEffect as a}from"react";import{Slot as u}from"../primitives/Slot.js";import{ButtonGroupSizeContext as d}from"../button-group/ButtonGroupContext.js";import"../router/context.js";import{ITDLink as c}from"../router/ITDLink.js";import m from"../spin/index.js";import p from"../utils/GetButtonSizeSlug.js";import{ButtonTypes as f,ComponentVariants as b,ComponentSizes as g,ButtonSizes as h}from"../enums/enum.js";import{cn as x}from"../utils/cn.js";const C=t=>t===h.ICON||t===h.ICON_SM||t===h.ICON_LG,j=n((n,h)=>{const{as:j,asChild:v=!1,id:N="",form:z,disabled:B=!1,loading:k=!1,type:y=f.BUTTON,variant:D=b.DEFAULT,size:E,state:I=null,href:O="",target:T="_self",className:L="",children:S=null,onClick:U,locked:_,...G}=n,q=o(d),A=C(E)&&!!q,F=A?q:E??q??g.DEFAULT,V=r(null),w=h||V,[M,R]=s(N),Y=l();a(()=>{""===N&&R("itd-button-"+Y)},[]);const H={id:M,ref:w,className:(()=>{const t=p(F),i=A||C(F);let e="itd-button inline-flex items-center justify-center shrink-0";return e+=" itd-button-"+D,e+=" itd-button-"+t,e+=" itd-button-"+y,I&&(e+=" itd-button-"+I),i?(e+=" itd-button-has-icon",A?e+=" itd-button-icon-square itd-size-"+t:"icon-sm"===t?e+=" size-8":"icon"===t?e+=" size-9":"icon-lg"===t&&(e+=" size-10")):e+=" itd-size-"+t,k&&(e+=" itd-button-loading"),x(e,L)})(),disabled:B||void 0,tabIndex:B?-1:0,"aria-busy":k||void 0,form:z||void 0,onClick:t=>{k?t?.preventDefault?.():U?.(t)},...G};let J="button";if(v){if(e.isValidElement(S))return t(u,{...H,children:S});"production"!==process.env.NODE_ENV&&console.warn("[Button]: Using `asChild` requires a single React element as children. Example: <Button asChild><a /></Button>. You are currently passing a primitive value (string, etc.), so `asChild` is ignored.")}return j?J=j:O?(J=c,H.to=O,H.target=T,delete H.disabled,B&&(H["aria-disabled"]=!0,H.tabIndex=-1,H.onClick=t=>{t.preventDefault()})):H.type=y,i(J,{...H,children:[(()=>{if(!k)return null;const i=p(F);return t(m,{size:"xs"===i?12:"lg"===i||"icon-lg"===i?20:"xlg"===i?24:16})})(),t("span",{className:"itd-button-content",children:S})]})});j.displayName="Button";export{j as default};

package/dist/es/button-group/ButtonGroupContext.js

@@ -0,0 +1 @@
+import{createContext as o}from"react";const r=o(void 0);export{r as ButtonGroupSizeContext};

package/dist/es/button-group/index.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o,useContext as r}from"react";import e from"../utils/GetButtonSizeSlug.js";import{ComponentSizes as a}from"../enums/enum.js";import{cn as i}from"../utils/cn.js";import{ButtonGroupSizeContext as n}from"./ButtonGroupContext.js";const u=o(({variant:o="default",orientation:r="horizontal",size:e,className:a,children:u,locked:s,...d},l)=>t(n.Provider,{value:e,children:t("div",{ref:l,role:"group","data-slot":"button-group","data-variant":o,"data-orientation":r,"data-size":e,className:i("itd-button-group",`itd-button-group-${o}`,`itd-button-group-${r}`,a),...d,children:u})}));u.displayName="ButtonGroup";const s=o(({className:o,children:u,locked:s,...d},l)=>{const m=r(n)??a.DEFAULT,p=e(m);return t("div",{ref:l,"data-slot":"button-group-text","data-size":m,className:i("itd-button-group-text",`itd-size-${p}`,o),...d,children:u})});s.displayName="ButtonGroupText";export{u as ButtonGroup,s as ButtonGroupText,u as default};

package/dist/es/calendar/dates.js

@@ -1 +1 @@
-import"../helpers/datetime/dayjsSetup.js";import t from"../_virtual/dayjs.min.js";const e=(e,r,a)=>{const s=Number.isInteger(a)&&a>=0&&a<=6?a:0;let n=t();Number.isInteger(e)&&Number.isInteger(r)&&(n=n.month(e-1).year(r));const o=n.startOf("month"),m=n.endOf("month"),d=[],u=[],Y=[];let h=null;h=o;let l=0;for(;h.day()!==s&&l<7;)h=h.subtract(1,"day"),d.push(h.format("MM/DD/YYYY")),l++;for(h=o;h.month()===e-1;)u.push(h.format("MM/DD/YYYY")),h=h.add(1,"day");for(h=m;d.length+u.length+Y.length<42;)h=h.add(1,"day"),Y.push(h.format("MM/DD/YYYY"));return[...d.reverse(),...u,...Y]};export{e as default};
+import"../helpers/datetime/dayjsSetup.js";import t from"dayjs";const e=(e,r,a)=>{const o=Number.isInteger(a)&&a>=0&&a<=6?a:0;let s=t();Number.isInteger(e)&&Number.isInteger(r)&&(s=s.month(e-1).year(r));const n=s.startOf("month"),m=s.endOf("month"),d=[],Y=[],h=[];let f=n,u=0;for(;f.day()!==o&&u<7;)f=f.subtract(1,"day"),d.push(f.format("MM/DD/YYYY")),u++;for(f=n;f.month()===e-1;)Y.push(f.format("MM/DD/YYYY")),f=f.add(1,"day");for(f=m;d.length+Y.length+h.length<42;)f=f.add(1,"day"),h.push(f.format("MM/DD/YYYY"));return[...d.reverse(),...Y,...h]};export{e as default};

package/dist/es/calendar/day/Day.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{Wrapper as d}from"./styled.js";import{useMemo as a}from"react";function t({date:t,today:r,current:c,disabled:l,selected:n,handleClick:i,children:s}){const o=a(()=>{let e="itd-calendar-day";return r&&(e+=" itd-calendar-day-today"),n&&(e+=" itd-calendar-day-selected"),l&&(e+=" itd-calendar-day-disabled"),c&&(e+=" itd-calendar-day-current"),e},[r,n,l,c]);return e(d,{className:o,$today:r,$selected:n,$disabled:l,$current:c,onClick:()=>i(t),children:e("span",{children:s})})}export{t as default};
+import{jsx as a}from"react/jsx-runtime";import{useMemo as e}from"react";function d({date:d,today:t,current:r,disabled:n,selected:i,focusable:l,handleClick:c,onHover:o,rangeStart:s,rangeEnd:u,inRange:y,children:b}){const m=e(()=>{let a="itd-calendar-day";return t&&(a+=" itd-calendar-day-today"),i&&(a+=" itd-calendar-day-selected"),n&&(a+=" itd-calendar-day-disabled"),r&&(a+=" itd-calendar-day-current"),s&&(a+=" itd-calendar-day-range-start"),u&&(a+=" itd-calendar-day-range-end"),y&&(a+=" itd-calendar-day-in-range"),a},[t,i,n,r,s,u,y]);return a("button",{type:"button",className:m,disabled:n,tabIndex:l?0:-1,role:"gridcell","aria-selected":i||s||u||void 0,"aria-current":t?"date":void 0,"aria-label":d.format("D MMMM YYYY"),"data-itd-date":d.format("YYYY-MM-DD"),onClick:()=>c(d),onMouseEnter:o?()=>o(d):void 0,children:a("span",{children:b})})}export{d as default};

package/dist/es/calendar/header/Header.js

@@ -1 +1 @@
-import{jsxs as e,jsx as a,Fragment as l}from"react/jsx-runtime";import{useEffect as n}from"react";import{Wrapper as d,PrevYear as r,PrevMonth as c,Middle as i,NextMonth as s,NextYear as t}from"./styled.js";function o(o){const{month:m="",year:h="",onPrevYear:N=null,onPrevMonth:y=null,onNextMonth:p=null,onNextYear:u=null,onClickMonth:k=null,onClickYear:v=null,viewMode:C="days",decadeLabel:x=""}=o;n(()=>{},[]);return e(d,{className:"itd-calendar-header",children:[a(r,{className:"itd-calendar-prev-year",onClick:N,children:a("span",{})}),"days"===C&&a(c,{className:"itd-calendar-prev-month",onClick:y,children:a("span",{})}),e(i,{className:"itd-calendar-middle",children:["days"===C&&e(l,{children:[a("div",{className:"itd-calendar-middle-month",onClick:k,children:m}),a("div",{className:"itd-calendar-middle-year",onClick:v,children:h})]}),"months"===C&&a("div",{className:"itd-calendar-middle-year",onClick:v,children:h}),"years"===C&&a("div",{className:"itd-calendar-middle-decade",children:x||h})]}),"days"===C&&a(s,{className:"itd-calendar-next-month",onClick:p,children:a("span",{})}),a(t,{className:"itd-calendar-next-year",onClick:u,children:a("span",{})})]})}export{o as default};
+import{jsxs as e,jsx as n,Fragment as a}from"react/jsx-runtime";const l=e=>n=>{e&&("Enter"!==n.key&&" "!==n.key||(n.preventDefault(),e()))};function d(d){const{month:o="",year:r="",onPrevYear:t=null,onPrevMonth:i=null,onNextMonth:c=null,onNextYear:s=null,onClickMonth:m=null,onClickYear:h=null,viewMode:y="days",decadeLabel:u="",hidePrev:b=!1,hideNext:x=!1}=d;return e("div",{className:"itd-calendar-header",children:[!b&&n("a",{className:"itd-calendar-prev-year",onClick:t,onKeyDown:l(t),tabIndex:0,role:"button","aria-label":"Previous year",children:n("span",{})}),!b&&"days"===y&&n("a",{className:"itd-calendar-prev-month",onClick:i,onKeyDown:l(i),tabIndex:0,role:"button","aria-label":"Previous month",children:n("span",{})}),e("div",{className:"itd-calendar-middle",children:["days"===y&&e(a,{children:[n("div",{className:"itd-calendar-middle-month",onClick:m,onKeyDown:l(m),tabIndex:0,role:"button",children:o}),n("div",{className:"itd-calendar-middle-year",onClick:h,onKeyDown:l(h),tabIndex:0,role:"button",children:r})]}),"months"===y&&n("div",{className:"itd-calendar-middle-year",onClick:h,onKeyDown:l(h),tabIndex:0,role:"button",children:r}),"years"===y&&n("div",{className:"itd-calendar-middle-decade",children:u||r})]}),!x&&"days"===y&&n("a",{className:"itd-calendar-next-month",onClick:c,onKeyDown:l(c),tabIndex:0,role:"button","aria-label":"Next month",children:n("span",{})}),!x&&n("a",{className:"itd-calendar-next-year",onClick:s,onKeyDown:l(s),tabIndex:0,role:"button","aria-label":"Next year",children:n("span",{})})]})}export{d as default};

package/dist/es/calendar/index.js

@@ -1 +1 @@
-import{jsx as r,jsxs as t,Fragment as e}from"react/jsx-runtime";import{useContext as o,useState as a,useEffect as s,useMemo as i}from"react";import"../helpers/datetime/dayjsSetup.js";import n from"./dates.js";import l from"./day/Day.js";import m from"./header/Header.js";import d from"../locales/tr/calendar.json.js";import p from"../locales/en/calendar.json.js";import c from"../context/ITDContext.js";import"../helpers/theme/cssVariables.js";import"../helpers/theme/light.js";import"../helpers/theme/dark.js";import"../helpers/theme/tokens.js";import"../enums/enum.js";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../logger/index.js";import"react-router-dom";import"axios";import"../html/header/styled.js";import"../select/index.js";import"../form/index.js";import"../checkbox/index.js";import"../accordion/index.js";import{Wrapper as j,Separator as h,WeekShortDays as y,Days as u,Months as f,Years as x}from"./styled.js";import"../datepicker/index.js";import"../input/index.js";import"../textarea/index.js";import"../switch/index.js";import"../upload/index.js";import"react-dom";import"react-transition-group";import"../button/index.js";import"../modal/modal/styled.js";import"../modal/container/styled.js";import"../modal/context/ModalContext.js";import"../notification/context/NotificationsContext.js";import"../radio/index.js";import"../image/index.js";import"../alert/index.js";import"../result/index.js";import"../alink/index.js";import"../back-top/styled.js";import"../progress/styled.js";import"../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js";import"../tinyscrollbar/scroll.styled.js";import"../label/index.js";import"../card/Card.js";import"../card/CardHeader.js";import"../card/CardTitle.js";import"../card/CardDescription.js";import"../card/CardAction.js";import"../card/CardTabs.js";import"../card/CardContent.js";import"../card/CardFooter.js";import"../popover/PopoverContent.js";import"../popover/Popover.js";import"../popover/PopoverTrigger.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipTrigger.js";import"../tooltip/TooltipContent.js";import"../hovercard/HoverCard.js";import"../hovercard/HoverCardTrigger.js";import"../hovercard/HoverCardContent.js";import"../table/index.js";import"../flex/styled.js";import Y from"../_virtual/dayjs.min.js";const v=({value:v="",defaultValue:C="",className:b,onChange:g,disabledDate:M,locale:D})=>{const{language:N}=o(c),k=D||("tr"===N?d:p),[T,$]=a(0),[H,P]=a([]),[S,w]=a(null),[V,A]=a(Y()),[I,_]=a(null),[z,F]=a("days"),G=r=>Y(r,"MM/DD/YYYY"),L=()=>V.format("YYYY"),q=()=>V.format("M");s(()=>{E(),B(C)},[]),s(()=>{B(v)},[v]),s(()=>{Q()},[V]),s(()=>{E()},[N,D]);const B=r=>{if(""===r)return;let t;if("DD/MM/YYYY"===k.format){const e=r.split("/");if(3===e.length){const[r,o,a]=e;t=Y(`${a}-${o}-${r}`)}else t=Y(r)}else if("MM/DD/YYYY"===k.format){const e=r.split("/");if(3===e.length){const[r,o,a]=e;t=Y(`${a}-${r}-${o}`)}else t=Y(r)}else t=Y(r,k.format,!0);t.isValid()&&(_(t),A(t))},E=()=>{J(k)},J=r=>{w(r),P(r.weekdaysShort),$(r.firstDay)},K=r=>!!M&&M(r),O=r=>{var t=r.format(k.format);g&&g({localizated:t,global:r.format("YYYY-MM-DD")})},Q=()=>{const t=n(Number(q()),Number(L()),T);let e=[];for(let o=0;o<t.length;o++){const a=G(t[o]);let s={date:a,handleClick:O};a.isSame(G(Y().format("MM/DD/YYYY")))&&(s.today=!0),a.isSame(I)&&(s.selected=!0),a.format("M")===q()&&(s.current=!0),K(a)&&(s.disabled=!0),e.push(r(l,{...s,children:a.format("D")},o))}return e},R=()=>{let t=[];for(let e=0;e<H.length;e++)t.push(r("div",{children:r("span",{children:H[e]})},e));return t},U=r=>{if("month"===r&&"days"!==z)return;const t="year"===r&&"years"===z?10:1;A(V.clone().subtract(t,r))},W=r=>{if("month"===r&&"days"!==z)return;const t="year"===r&&"years"===z?10:1;A(V.clone().add(t,r))},X=()=>{F("months")},Z=()=>{F("years")},rr=()=>r(f,{className:"itd-calendar-months",children:(S?.months||[]).map((t,e)=>r("button",{type:"button",className:"itd-calendar-month"+(V.month()===e?" itd-calendar-month-current":""),onClick:()=>{return r=e,A(V.clone().month(r)),void F("days");var r},children:t},e))}),tr=()=>{const t=10*Math.floor(V.year()/10),e=Array.from({length:12},(r,e)=>t-1+e);return r(x,{className:"itd-calendar-years",children:e.map(e=>r("button",{type:"button",className:"itd-calendar-year"+(V.year()===e?" itd-calendar-year-current":"")+(e<t||e>t+9?" itd-calendar-year-outside":""),onClick:()=>{return r=e,A(V.clone().year(r)),void F("months");var r},children:e},e))})},er=i(()=>{let r="itd-calendar";return""!==b&&(r+=" "+b),r},[b]);return S?t(j,{className:er,children:[r(m,{month:S?.months[Number(q())-1],year:L(),onPrevYear:()=>U("year"),onPrevMonth:()=>U("month"),onNextYear:()=>W("year"),onNextMonth:()=>W("month"),onClickMonth:X,onClickYear:Z,viewMode:z,decadeLabel:(()=>{if("years"!==z)return"";const r=10*Math.floor(V.year()/10);return`${r}-${r+9}`})()}),r(h,{className:"itd-calendar-separator"}),"days"===z&&t(e,{children:[r(y,{className:"itd-calendar-weekdays",children:R()}),r(u,{className:"itd-calendar-days",children:Q()})]}),"months"===z&&rr(),"years"===z&&tr()]}):null};export{v as default};
+import{jsx as e,jsxs as r,Fragment as a}from"react/jsx-runtime";import{useContext as t,useState as n,useRef as o,useEffect as c,useMemo as d}from"react";import"../helpers/datetime/dayjsSetup.js";import l from"./dates.js";import s from"./day/Day.js";import i from"./header/Header.js";import m from"./time/Time.js";import u from"../button/index.js";import h from"../context/ITDContext.js";import y from"../locales/tr/calendar.json.js";import f from"../locales/en/calendar.json.js";import p from"dayjs";const b=({value:b="",defaultValue:k="",className:w,onChange:Y,disabledDate:D,locale:v,showTime:M=!1,getNow:g,compact:N=!1})=>{const{language:S}=t(h),j=v||("tr"===S?y:f),A=!!M,x="object"==typeof M?M:{},C=!!x.showSecond,[$,L]=n(0),[q,H]=n([]),[K,P]=n(null),[I,T]=n(p()),[U,z]=n(null),[E,O]=n(()=>p().hour(0).minute(0).second(0).millisecond(0)),[R,V]=n("days"),[B,F]=n(()=>g?g():p()),G=o(null),J=o(!1),Q=o(null),W=o(null),X=o(!1),Z=e=>p(e,"MM/DD/YYYY"),_=()=>I.format("YYYY"),ee=()=>I.format("M");c(()=>{ae(),re(k)},[]),c(()=>{re(b)},[b]),c(()=>{he()},[I]),c(()=>{if(B.month()===I.month()&&B.year()===I.year()&&!ne(B))return;const e=oe(I)||I.date(1);e.isSame(B,"day")||F(e)},[I,B]),c(()=>{ae()},[S,v]);const re=e=>{if(""===e)return;let r;if("DD/MM/YYYY"===j.format){const a=e.split("/");if(3===a.length){const[e,t,n]=a;r=p(`${n}-${t}-${e}`)}else r=p(e)}else if("MM/DD/YYYY"===j.format){const a=e.split("/");if(3===a.length){const[e,t,n]=a;r=p(`${n}-${e}-${t}`)}else r=p(e)}else r=p(e,j.format,!0);r.isValid()&&(z(r),T(r),F(r),A&&O(r))},ae=()=>{te(j)},te=e=>{P(e),H(e.weekdaysShort),L(e.firstDay)},ne=e=>!!D&&D(e),oe=e=>{const r=e.daysInMonth();for(let a=1;a<=r;a++){const r=e.date(a);if(!ne(r))return r}return null},ce=e=>e.hour(E.hour()).minute(E.minute()).second(C?E.second():0).millisecond(0),de=e=>{Y&&Y({localizated:e.format(j.format),global:A?e.format("YYYY-MM-DDTHH:mm:ss"):e.format("YYYY-MM-DD")})},le=e=>{F(e),A?z(ce(e)):de(e)},se=e=>{O(e);const r=(U||B||(g?g():p())).hour(e.hour()).minute(e.minute()).second(C?e.second():0).millisecond(0);z(r),U||F(r)},ie=()=>{const e=g?g():p();O(e),z(e),T(e),F(e)},me=()=>de(ce(U||B)),ue=e=>{let r=null,a=1;switch(e.key){case"ArrowLeft":r=B.subtract(1,"day"),a=-1;break;case"ArrowRight":r=B.add(1,"day"),a=1;break;case"ArrowUp":r=B.subtract(7,"day"),a=-1;break;case"ArrowDown":r=B.add(7,"day"),a=1;break;case"Home":r=B.startOf("week"),a=1;break;case"End":r=B.endOf("week"),a=-1;break;case"PageUp":r=B.subtract(1,"month"),a=-1;break;case"PageDown":r=B.add(1,"month"),a=1;break;default:return}e.preventDefault();let t=0;for(;r&&ne(r)&&t<366;)r=r.add(a,"day"),t++;r&&!ne(r)&&(J.current=!0,F(r),r.month()===I.month()&&r.year()===I.year()||T(r))};c(()=>{if(!J.current)return;const e=G.current,r=e?.querySelector(`[data-itd-date="${B.format("YYYY-MM-DD")}"]:not([disabled])`)||e?.querySelector(".itd-calendar-day:not([disabled])")||e?.closest(".itd-calendar")?.querySelector(".itd-calendar-middle-month");r&&(J.current=!1,r.focus())},[B,R]),c(()=>{if(!X.current)return;let e=null;"months"===R?e=Q.current?.querySelector(".itd-calendar-month-current"):"years"===R&&(e=W.current?.querySelector(".itd-calendar-year-current")),e&&(X.current=!1,e.focus())},[I,R]);const he=()=>{const r=l(Number(ee()),Number(_()),$);let a=[];const t=g?g():p();for(let n=0;n<r.length;n++){const o=Z(r[n]);let c={date:o,handleClick:le};o.isSame(t,"day")&&(c.today=!0),U&&o.isSame(U,"day")&&(c.selected=!0),o.format("M")===ee()&&(c.current=!0),ne(o)&&(c.disabled=!0),a.push(e(s,{...c,focusable:o.isSame(B,"day"),children:o.format("D")},r[n]))}return a},ye=()=>{let r=[];for(let a=0;a<q.length;a++)r.push(e("div",{children:e("span",{children:q[a]})},a));return r},fe=e=>{if("month"===e&&"days"!==R)return;const r="year"===e&&"years"===R?10:1;T(I.clone().subtract(r,e))},pe=e=>{if("month"===e&&"days"!==R)return;const r="year"===e&&"years"===R?10:1;T(I.clone().add(r,e))},be=()=>{X.current=!0,V("months")},ke=()=>{X.current=!0,V("years")},we=e=>{const r=I.month();let a=r;switch(e.key){case"ArrowLeft":a=Math.max(0,r-1);break;case"ArrowRight":a=Math.min(11,r+1);break;case"ArrowUp":a=Math.max(0,r-3);break;case"ArrowDown":a=Math.min(11,r+3);break;default:return}e.preventDefault(),a!==r&&(X.current=!0,T(I.clone().month(a)))},Ye=e=>{const r=I.year();let a=r;switch(e.key){case"ArrowLeft":a=r-1;break;case"ArrowRight":a=r+1;break;case"ArrowUp":a=r-4;break;case"ArrowDown":a=r+4;break;default:return}e.preventDefault(),a!==r&&(X.current=!0,T(I.clone().year(a)))},De=e=>{"Escape"!==e.key&&"Esc"!==e.key||"days"!==R&&(e.stopPropagation(),J.current=!0,V("days"))},ve=()=>e("div",{className:"itd-calendar-months",ref:Q,role:"grid",onKeyDown:we,children:(K?.months||[]).map((r,a)=>e("button",{type:"button",role:"gridcell","aria-selected":I.month()===a,className:"itd-calendar-month"+(I.month()===a?" itd-calendar-month-current":"")+(U?.year()===I.year()&&U?.month()===a?" itd-calendar-month-selected":""),tabIndex:I.month()===a?0:-1,onClick:()=>{return e=a,J.current=!0,T(I.clone().month(e)),void V("days");var e},children:r},a))}),Me=()=>{const r=10*Math.floor(I.year()/10),a=Array.from({length:12},(e,a)=>r-1+a);return e("div",{className:"itd-calendar-years",ref:W,role:"grid",onKeyDown:Ye,children:a.map(a=>e("button",{type:"button",role:"gridcell","aria-selected":I.year()===a,className:"itd-calendar-year"+(I.year()===a?" itd-calendar-year-current":"")+(U?.year()===a?" itd-calendar-year-selected":"")+(a<r||a>r+9?" itd-calendar-year-outside":""),tabIndex:I.year()===a?0:-1,onClick:()=>{return e=a,X.current=!0,T(I.clone().year(e)),void V("months");var e},children:a},a))})},ge=d(()=>{let e="itd-calendar";return""!==w&&(e+=" "+w),e},[w]);return K?r("div",{className:ge,onKeyDown:De,"data-has-time":A||void 0,"data-compact":N?"":void 0,children:[e(i,{month:K?.months[Number(ee())-1],year:_(),onPrevYear:()=>fe("year"),onPrevMonth:()=>fe("month"),onNextYear:()=>pe("year"),onNextMonth:()=>pe("month"),onClickMonth:be,onClickYear:ke,viewMode:R,decadeLabel:(()=>{if("years"!==R)return"";const e=10*Math.floor(I.year()/10);return`${e}-${e+9}`})()}),e("div",{className:"itd-calendar-separator"}),r("div",{className:"itd-calendar-body",children:[r("div",{className:"itd-calendar-main",children:["days"===R&&r(a,{children:[e("div",{className:"itd-calendar-weekdays",children:ye()}),e("div",{ref:G,className:"itd-calendar-days",role:"grid",onKeyDown:ue,children:he()})]}),"months"===R&&ve(),"years"===R&&Me()]}),A&&"days"===R&&e(m,{value:E,onChange:se,showSecond:C,hourStep:x.hourStep,minuteStep:x.minuteStep,secondStep:x.secondStep,hourLabel:j.hour??"Hour",minuteLabel:j.minute??"Minute",secondLabel:j.second??"Second"})]}),A&&r("div",{className:"itd-calendar-footer",children:[e(u,{variant:"link",size:"small",className:"itd-calendar-now",onClick:ie,children:j.now??"Now"}),e(u,{variant:"default",size:"small",className:"itd-calendar-ok",onClick:me,children:j.ok??"OK"})]})]}):null};export{b as default};

package/dist/es/calendar/range/RangeCalendar.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t,Fragment as a}from"react/jsx-runtime";import{useState as n,useRef as r,useEffect as d}from"react";import"../../helpers/datetime/dayjsSetup.js";import s from"../dates.js";import o from"../day/Day.js";import i from"../header/Header.js";import l from"../time/Time.js";import c from"../../button/index.js";import u from"dayjs";const m=({value:m,openNonce:h,activeSegment:y,activeSegmentNonce:f=0,liveStart:v=null,liveEnd:g=null,liveEdge:p="start",liveNonce:b=0,onChange:S,onActiveSegmentChange:k,disabledDate:N,locale:Y,showTime:w=!1,getNow:M,presets:O,dual:D=!0,compact:C=!1,className:E=""})=>{const j=!!w,A="object"==typeof w?w:{},x=!!A.showSecond,[L,P]=n(()=>M().startOf("month")),[R,$]=n(null),[B,H]=n(null),[K,T]=n(null),[U,q]=n(null),[z,F]=n("start"),[G,I]=n("start"),[J,Q]=n(()=>M()),[V,W]=n("days"),[X,Z]=n(()=>M().startOf("month")),[_,ee]=n("left"),te=r(null),ae=r(!1),ne=L.add(1,"month"),re=(e,t,a)=>"end"===e?D&&a?a.subtract(1,"month").startOf("month"):(a||t||M()).startOf("month"):(t||a||M()).startOf("month");d(()=>{const[e,t]=m;$(e),H(t),T(null),q(null),W("days"),F("end"===y&&e?"end":"start"),I("end"===y&&e?"end":"start");P(re("end"===y?"end":"start",e,t)),Q("end"===y&&t||e||M())},[h]),d(()=>{y&&("end"===y&&R&&F("end"),"start"===y&&F("start"))},[y]),d(()=>{if(0===f)return;const e="end"===y?"end":"start";I(e),W("days");const t="end"===e&&B||R;t&&(P(re(e,R,B)),Q(t))},[f]),d(()=>{if(0===b)return;$(v),H(g),I(p),W("days");const e=v&&g?"start":p,t="end"===e?g||v:v||g;t&&(P(re(e,v,g)),Q(t))},[b]);const de=e=>!!N&&N(e),se=(e,t)=>{if(!j)return e.startOf("day");const a="start"===t?R:B;return a?e.hour(a.hour()).minute(a.minute()).second(x?a.second():0).millisecond(0):"start"===t?e.startOf("day"):e.hour(23).minute(59).second(x?59:0).millisecond(0)},oe=e=>{if(Q(e),j){if("end"===G){const t=se(e,"end");H(t),S({start:R,end:t},!1)}else{const t=se(e,"start");$(t),S({start:t,end:B},!1)}return}if("start"===z||!R){const t=se(e,"start");return $(t),H(null),F("end"),void S({start:t,end:null},!1)}let t=R,a=se(e,"end");if(a.isBefore(t,"day")){const n=t;t=se(e,"start"),a=se(n,"end")}$(t),H(a),F("start"),T(null),S({start:t,end:a},!0)},ie=e=>{"end"===z&&R&&!B&&T(e)},le="start"===G?!!R:!!R&&!!B,ce=e=>{if(!R||!B)return!1;const t=j?"minute":"day";return e.value[0].isSame(R,t)&&e.value[1].isSame(B,t)},[ue,me]=U||(R&&!B&&K&&"end"===z?K.isBefore(R,"day")?[K,R]:[R,K]:R&&B?R.isAfter(B,"day")?[B,R]:[R,B]:[R||B,null]),he="end"===z?B:R;d(()=>{if(!ae.current)return;const e=te.current?.querySelector(`[data-itd-date="${J.format("YYYY-MM-DD")}"]:not([disabled])`);e&&(ae.current=!1,e.focus())},[J,L]);const ye=(a,n)=>{const r=s(a.month()+1,a.year(),Y.firstDay),d=M();return e("div",{className:"itd-calendar-range-panel",children:[t(i,{month:Y.months[a.month()],year:String(a.year()),viewMode:"days",hideNext:D&&"left"===n,hidePrev:D&&"right"===n,onClickMonth:()=>(e=>{ee(e),Z("left"===e?L:ne),W("months")})(n),onClickYear:()=>(e=>{ee(e),Z("left"===e?L:ne),W("years")})(n),onPrevYear:()=>P(L.subtract(1,"year")),onPrevMonth:()=>P(L.subtract(1,"month")),onNextMonth:()=>P(L.add(1,"month")),onNextYear:()=>P(L.add(1,"year"))}),t("div",{className:"itd-calendar-weekdays",children:Y.weekdaysShort.map((e,a)=>t("div",{children:t("span",{children:e})},a))}),t("div",{className:"itd-calendar-days",role:"grid",children:r.map(e=>{const r=u(e,"MM/DD/YYYY"),s=r.month()===a.month(),i=s?(e=>{if(!ue)return{rangeStart:!1,rangeEnd:!1,inRange:!1};if(!me){const t=e.isSame(ue,"day");return{rangeStart:t,rangeEnd:t,inRange:!1}}return{rangeStart:e.isSame(ue,"day"),rangeEnd:e.isSame(me,"day"),inRange:e.isAfter(ue,"day")&&e.isBefore(me,"day")}})(r):{rangeStart:!1,rangeEnd:!1,inRange:!1};return t(o,{date:r,today:r.isSame(d,"day"),current:s,disabled:de(r),focusable:r.isSame(J,"day"),handleClick:oe,onHover:ie,rangeStart:i.rangeStart,rangeEnd:i.rangeEnd,inRange:i.inRange,children:r.format("D")},`${n}-${a.format("YYYY-MM")}-${e}`)})})]})},fe=("end"===G?B:R)||M();return e("div",{className:`itd-calendar itd-calendar-range ${E}`.trim(),"data-compact":C?"":void 0,children:[O.length>0&&t("div",{className:"itd-calendar-range-presets",onMouseLeave:()=>q(null),children:O.map((e,a)=>t("button",{type:"button",className:"itd-calendar-range-preset","data-active":ce(e)||void 0,onClick:()=>(e=>{const[t,a]=e.value;$(t),H(a),F("start"),I("end"),T(null),q(null),P(t.startOf("month")),S({start:t,end:a},!0)})(e),onMouseEnter:()=>"days"===V&&q(e.value),onFocus:()=>"days"===V&&q(e.value),onBlur:()=>q(null),children:e.label},a))}),t("div",{className:"itd-calendar-range-calendars",children:"days"===V?e(a,{children:[t("div",{ref:te,onKeyDown:e=>{if("Enter"===e.key||" "===e.key)return e.preventDefault(),void(de(J)||oe(J));let t=null,a=1;switch(e.key){case"ArrowLeft":t=J.subtract(1,"day"),a=-1;break;case"ArrowRight":t=J.add(1,"day"),a=1;break;case"ArrowUp":t=J.subtract(7,"day"),a=-1;break;case"ArrowDown":t=J.add(7,"day"),a=1;break;case"Home":t=J.startOf("week"),a=1;break;case"End":t=J.endOf("week"),a=-1;break;case"PageUp":t=J.subtract(1,"month"),a=-1;break;case"PageDown":t=J.add(1,"month"),a=1;break;default:return}e.preventDefault();let n=0;for(;t&&de(t)&&n<366;)t=t.add(a,"day"),n++;if(!t||de(t))return;ae.current=!0,Q(t),T(t);const r=D?ne:L;t.isBefore(L.startOf("month"),"day")?P(t.startOf("month")):t.isAfter(r.endOf("month"),"day")&&P((D?t.subtract(1,"month"):t).startOf("month"))},onMouseLeave:()=>"end"===z&&T(null),children:e("div",{className:"itd-calendar-range-panels",children:[ye(L,"left"),D&&ye(ne,"right"),j&&t(l,{value:fe,onChange:e=>{const t=t=>t.hour(e.hour()).minute(e.minute()).second(x?e.second():0).millisecond(0);if("end"===G){const e=t(B||J);H(e),S({start:R,end:e},!1)}else{const e=t(R||J);$(e),S({start:e,end:B},!1)}},showSecond:x,hourStep:A.hourStep,minuteStep:A.minuteStep,secondStep:A.secondStep,hourLabel:Y.hour??"Hour",minuteLabel:Y.minute??"Minute",secondLabel:Y.second??"Second",fill:!0})]})}),j&&t("div",{className:"itd-calendar-range-footer",children:t(c,{variant:"default",size:"small",className:"itd-calendar-ok",onClick:()=>{if("start"===G){if(!R)return;return void(e=>{I(e),W("days");const t=B||R;t&&(P(re(e,R,B)),Q(t)),k?.(e)})("end")}if(!R||!B)return;let e=R,t=B;t.isBefore(e,j?"minute":"day")&&(e=B,t=R),S({start:e,end:t},!0)},disabled:!le,children:Y.ok??"OK"})})]}):"months"===V?e("div",{className:"itd-calendar-range-picker-panel","data-dual":D||void 0,children:[t(i,{viewMode:"months",year:String(X.year()),onClickYear:()=>W("years"),onPrevYear:()=>Z(X.subtract(1,"year")),onNextYear:()=>Z(X.add(1,"year"))}),t("div",{className:"itd-calendar-months",children:Y.months.map((e,a)=>{const n=X.month()===a,r=he?.year()===X.year()&&he?.month()===a;return t("button",{type:"button",className:"itd-calendar-month"+(n?" itd-calendar-month-current":"")+(r?" itd-calendar-month-selected":""),onClick:()=>(e=>{const t=X.month(e).startOf("month");P("right"===_?t.subtract(1,"month"):t),W("days")})(a),children:e},a)})})]}):(()=>{const a=10*Math.floor(X.year()/10),n=Array.from({length:12},(e,t)=>a-1+t);return e("div",{className:"itd-calendar-range-picker-panel","data-dual":D||void 0,children:[t(i,{viewMode:"years",year:String(X.year()),decadeLabel:`${a}-${a+9}`,onPrevYear:()=>Z(X.subtract(10,"year")),onNextYear:()=>Z(X.add(10,"year"))}),t("div",{className:"itd-calendar-years",children:n.map(e=>{const n=X.year()===e,r=he?.year()===e;return t("button",{type:"button",className:"itd-calendar-year"+(n?" itd-calendar-year-current":"")+(r?" itd-calendar-year-selected":"")+(e<a||e>a+9?" itd-calendar-year-outside":""),onClick:()=>{return t=e,Z(X.year(t)),void W("months");var t},children:e},e)})})]})})()})]})};export{m as default};

package/dist/es/calendar/time/Time.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as l,useEffect as a}from"react";const r=(e,t)=>{const l=t>0?t:1,a=[];for(let t=0;t<e;t+=l)a.push(t);return a},n=({values:e,selected:r,ariaLabel:n,onSelect:o,fill:c})=>{const i=l(null),s=l(null);a(()=>{const e=i.current,t=s.current;if(!e||!t)return;const l=t.offsetTop,a=l+t.offsetHeight;l<e.scrollTop?e.scrollTop=l:a>e.scrollTop+e.clientHeight&&(e.scrollTop=a-e.clientHeight)},[r]);return t("div",{ref:i,role:"listbox","aria-label":n,className:"itd-calendar-time-column","data-fill":c||void 0,onKeyDown:t=>{const l=e.indexOf(r),a=-1!==l?l:e.reduce((t,l,a)=>Math.abs(l-r)<Math.abs(e[t]-r)?a:t,0);let n=a;switch(t.key){case"ArrowDown":n=Math.min(e.length-1,a+1);break;case"ArrowUp":n=Math.max(0,a-1);break;case"Home":n=0;break;case"End":n=e.length-1;break;default:return}t.preventDefault();const c=e[n];var s;c!==r&&o(c),s=c,requestAnimationFrame(()=>{i.current?.querySelector(`[data-value="${s}"]`)?.focus({preventScroll:!0})})},children:e.map(e=>{const l=e===r;return t("button",{ref:l?s:void 0,type:"button",role:"option","aria-selected":l,"aria-label":`${n} ${e}`,"data-value":e,tabIndex:l?0:-1,className:"itd-calendar-time-cell"+(l?" itd-calendar-time-cell-selected":""),onClick:()=>o(e),children:(a=e,String(a).padStart(2,"0"))},e);var a})})},o=({value:l,onChange:a,showSecond:o=!1,hourStep:c=1,minuteStep:i=1,secondStep:s=1,hourLabel:u="Hour",minuteLabel:d="Minute",secondLabel:m="Second",fill:f=!1})=>{const h=r(24,c),p=r(60,i),b=r(60,s);return e("div",{className:"itd-calendar-time",children:[t(n,{values:h,selected:l.hour(),ariaLabel:u,onSelect:e=>a(l.hour(e)),fill:f}),t(n,{values:p,selected:l.minute(),ariaLabel:d,onSelect:e=>a(l.minute(e)),fill:f}),o&&t(n,{values:b,selected:l.second(),ariaLabel:m,onSelect:e=>a(l.second(e)),fill:f})]})};o.displayName="Time";export{o as default};

package/dist/es/card/Card.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useMemo as a}from"react";import i from"../spin/index.js";import{ComponentVariants as d}from"../enums/enum.js";const t=({children:t,className:c="",variant:l=d.DEFAULT,updating:s=!1})=>{const n=a(()=>{let r="itd-card flex flex-col relative overflow-hidden";return l&&(r+=` itd-card-${l}`),c&&(r+=` ${c}`),r},[l,c]);return r("div",{className:n,children:[e("div",{className:"itd-card-body flex flex-col",children:t}),s&&e("div",{className:"itd-card-overlay",children:e(i,{updating:!0,className:"itd-card-spin"})})]})};t.displayName="Card";export{t as Card};
+import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useMemo as e}from"react";import t from"../spin/index.js";import{ComponentVariants as a}from"../enums/enum.js";import{useDefaultVariant as d}from"../context/FormDefaultsContext.js";import{cn as o}from"../utils/cn.js";const s=({children:s,className:m="",variant:n,updating:c=!1})=>{const l=d(n,a.DEFAULT),p=e(()=>{let r="itd-card flex flex-col relative overflow-hidden";return l&&(r+=` itd-card-${l}`),o(r,m)},[l,m]);return r("div",{className:p,inert:c||void 0,"aria-busy":c||void 0,children:[i("div",{className:"itd-card-body",children:s}),c&&i("div",{className:"itd-card-overlay",children:i(t,{updating:!0,className:"itd-card-spin"})})]})};s.displayName="Card";export{s as Card};

package/dist/es/card/CardAction.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{cn as i}from"../utils/cn.js";const t=({children:t,className:a})=>e("div",{className:i("itd-card-action flex justify-between gap-3",a),children:t});t.displayName="CardAction";export{t as CardAction};
+import{jsx as e}from"react/jsx-runtime";import{cn as i}from"../utils/cn.js";const t=({children:t,className:a})=>e("div",{className:i("itd-card-action flex justify-between gap-2",a),children:t});t.displayName="CardAction";export{t as CardAction};

package/dist/es/card/CardDescription.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import{cn as r}from"../utils/cn.js";const s=({children:s,className:t})=>i("div",{className:r("itd-card-description text-sm",t),children:s});s.displayName="CardDescription";export{s as CardDescription};
+import{jsx as i}from"react/jsx-runtime";import{cn as r}from"../utils/cn.js";const s=({children:s,className:c})=>i("div",{className:r("itd-card-description",c),children:s});s.displayName="CardDescription";export{s as CardDescription};

package/dist/es/card/CardTabs.js

@@ -1 +1 @@
-import{jsx as a}from"react/jsx-runtime";import s from"../tabs/index.js";const r=({className:r="",...t})=>a(s,{fill:!0,className:`itd-card-tabs ${r}`,...t});r.displayName="CardTabs";export{r as CardTabs};
+import{jsx as s}from"react/jsx-runtime";import{Tabs as t}from"../tabs/Tabs.js";import"../tabs/TabsList.js";import"../tabs/TabsTrigger.js";import"../tabs/TabsContent.js";import{cn as a}from"../utils/cn.js";const r=({className:r,children:i,...m})=>s(t,{fill:!0,className:a("itd-card-tabs",r),...m,children:i});r.displayName="CardTabs";export{r as CardTabs};

package/dist/es/card/CardTitle.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{cn as i}from"../utils/cn.js";const e=({children:e,className:r})=>t("div",{className:i("itd-card-title text-base font-medium tracking-tight",r),children:e});e.displayName="CardTitle";export{e as CardTitle};
+import{jsx as r}from"react/jsx-runtime";import{cn as t}from"../utils/cn.js";const a=({children:a,className:e,as:i="h3"})=>r(i,{className:t("itd-card-title",e),children:a});a.displayName="CardTitle";export{a as CardTitle};

package/dist/es/chart/Fullscreen.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useEffect as o}from"react";import{createPortal as n}from"react-dom";import{X as l}from"lucide-react";import c from"../button/index.js";import{ButtonSizes as i}from"../enums/enum.js";import{usePortalDocument as a}from"../context/PortalDocumentContext.js";import{useScrollLock as s}from"../primitives/scrollLock.js";const m=({title:m,closeLabel:d,onClose:u,children:f})=>{const p=a(),h=t(null),v=t(null);return s(!0,h),o(()=>{v.current?.focus?.();const e=h.current?.ownerDocument;if(!e)return;const r=e=>{"Escape"===e.key&&u()};return e.addEventListener("keydown",r),()=>e.removeEventListener("keydown",r)},[u]),p?n(e("div",{ref:h,className:"itd-chart-fullscreen",role:"dialog","aria-modal":"true","aria-label":m,children:r("div",{className:"itd-chart-fullscreen-stage itd-chart",children:[f,e(c,{ref:v,variant:"ghost",size:i.ICON,className:"itd-chart-fullscreen-close","aria-label":d,onClick:u,children:e(l,{})})]})}),p.body):null};export{m as ChartFullscreen,m as default};

package/dist/es/chart/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useRef as i,useState as a,useEffect as n,useLayoutEffect as c}from"react";import{flushSync as l}from"react-dom";import{CartesianGrid as d,XAxis as o,YAxis as s,Tooltip as m,Line as h,ResponsiveContainer as u,LineChart as p}from"recharts";import{ChartLine as f,RotateCw as y}from"lucide-react";import g from"../amount/index.js";import v from"../button/index.js";import{useITDLocale as k}from"../locale/useITDLocale.js";import{cn as N}from"../utils/cn.js";import{ChartFullscreen as w}from"./Fullscreen.js";import{resolveChartPalette as b,CHART_SERIES_SLOTS as x}from"./palette.js";const L="undefined"==typeof window?n:c,T=({active:r,payload:i,label:a,series:n,colorOf:c,renderValue:l,renderTitle:d})=>{if(!r||!i||0===i.length)return null;const o=i[0]?.payload;return t("div",{className:"itd-chart-tip",children:[e("div",{className:"itd-chart-tip-title",children:d?d(a,o):String(a??"")}),i.map(r=>{const i=n.find(e=>e.key===r.dataKey);return i&&"number"==typeof r.value?t("div",{className:"itd-chart-tip-row",children:[e("span",{className:"itd-chart-swatch",style:{background:c(i.key)},"aria-hidden":"true"}),e("span",{className:"itd-chart-tip-name",children:i.label??i.key}),e("span",{className:"itd-chart-tip-value",children:l(r.value,i)})]},String(r.dataKey)):null})]})},j=({data:n,series:c,xKey:j,height:D=280,width:F,currency:C,decimals:K,formatValue:S,formatXTick:I,formatTooltipTitle:O,showGrid:V=!0,showLegend:M,animate:A=!0,mobile:B="inline",className:E})=>{const{t:G,language:J}=k(),W=i(null),[X,q]=a(null),[z,H]=a(!1),[P,Q]=a(!1),[R,U]=a(!1);L(()=>{const e=W.current,t=e?.ownerDocument,r=t?.defaultView;if(!e||!t||!r)return;Q(t.documentElement.classList.contains("itd-touch")),H(r.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1);let i,a=!1,n=0,c="";const d=t=>{if(a)return;const o=b(e);if(!(!!o&&o.series.some(Boolean))&&n<20)return n+=1,void(i=r.setTimeout(()=>d(!1),150));const s=JSON.stringify(o);s!==c&&(c=s,t?l(()=>q(o)):q(o))};d(!1);const o=new r.MutationObserver(()=>{n=0,void 0!==i&&r.clearTimeout(i),d(!0)});return o.observe(t.head,{childList:!0,subtree:!0,characterData:!0}),()=>{a=!0,void 0!==i&&r.clearTimeout(i),o.disconnect()}},[]);const Y=e=>{const t=c.findIndex(t=>t.key===e),r=t>=0?c[t]:void 0;return r?.color||X?.series[t%x]||"currentColor"},Z=e=>I?I(e):String(e??""),$=M??c.length>1,_="number"==typeof F,ee="expand"===B&&P,te=[V?e(d,{vertical:!1},"grid"):null,e(o,{dataKey:j,axisLine:!1,tickLine:!1,tickMargin:8,tickFormatter:Z},"x"),e(s,{axisLine:!1,tickLine:!1,width:"auto",tickFormatter:e=>"number"==typeof e?new Intl.NumberFormat(J,{notation:"compact",maximumFractionDigits:1}).format(e):String(e??"")},"y"),e(m,{content:e(T,{series:c,colorOf:Y,renderValue:(t,r)=>S?S(t,r):void 0!==C?e(g,{value:t,currency:C,decimals:K}):new Intl.NumberFormat(J,{maximumFractionDigits:2}).format(t),renderTitle:(e,t)=>O?O(e,t):Z(e)}),cursor:{strokeDasharray:"4 4"}},"tip"),...c.map(t=>e(h,{type:"monotone",dataKey:t.key,stroke:Y(t.key),strokeWidth:2,dot:!1,activeDot:{r:4,fill:Y(t.key),stroke:"none"},isAnimationActive:A&&!z},t.key))],re={top:8,right:12,bottom:0,left:0},ie=$&&e("div",{className:"itd-chart-legend",children:c.map(r=>t("span",{className:"itd-chart-legend-item",children:[e("span",{className:"itd-chart-swatch",style:{background:Y(r.key)},"aria-hidden":"true"}),r.label??r.key]},r.key))});return e("div",{ref:W,className:N("itd-chart",E),children:t(r,ee?{children:[t("div",{className:"itd-chart-expand-poster",style:{height:D},onClick:()=>U(!0),children:[e("div",{className:"itd-chart-expand-preview","aria-hidden":"true",children:e(u,{width:"100%",height:"100%",children:e(p,{data:n,margin:re,children:te})})}),e("div",{className:"itd-chart-expand-scrim","aria-hidden":"true"}),t(v,{variant:"outline",className:"itd-chart-expand",onClick:()=>U(!0),children:[e(f,{})," ",G("chart.open")]})]}),R&&t(w,{title:G("chart.title"),closeLabel:G("chart.close"),onClose:()=>U(!1),children:[e("div",{className:"itd-chart-fullscreen-scroller",children:e("div",{className:"itd-chart-fullscreen-canvas",style:{width:48*n.length},children:e(u,{width:"100%",height:"100%",children:e(p,{data:n,margin:re,children:te})})})}),ie,t("div",{className:"itd-chart-fullscreen-hint","aria-hidden":"true",children:[e(y,{})," ",G("chart.rotate")]})]})]}:{children:[_?e(p,{data:n,width:F,height:D,margin:re,children:te}):e(u,{width:"100%",height:D,children:e(p,{data:n,margin:re,children:te})}),ie]})})};j.displayName="LineChart";export{T as LineChartTip,j as default};

package/dist/es/chart/palette.js

@@ -0,0 +1 @@
+const t=4,e=t=>{const e=t?.ownerDocument.defaultView;if(!t||!e)return null;const r=e.getComputedStyle(t),o=(...t)=>{for(const e of t){const t=r.getPropertyValue(e).trim();if(t)return t}return""},n=[];for(let t=1;t<=4;t+=1)n.push(o("--itd-chart-series-"+t,"--_chart-s"+t));return{series:n}};export{t as CHART_SERIES_SLOTS,e as resolveChartPalette};

package/dist/es/checkbox/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as a,useId as c,useState as i,useEffect as n,useImperativeHandle as o,useMemo as d}from"react";import l from"./group/index.js";import{ErrorTooltip as s}from"../utils/CommonStyledComponents.js";import{getErrorAriaProps as u,ErrorAnnouncement as m,getErrorId as h}from"../utils/ErrorAnnouncement.js";import{ComponentVariants as p,TooltipPositions as b}from"../enums/enum.js";const k=r(({id:r="",checked:l=!1,indeterminate:k=!1,disabled:x=!1,readOnly:f=!1,variant:v=p.DEFAULT,animated:g=!1,className:N="",value:y,children:D,onChange:j,onUpdate:C},E)=>{const A=a(null),T=c(),[F,L]=i(!1),[P,U]=i(g),[I,M]=i(!1),[O,S]=i(!1),[V,w]=i(""),[G,X]=i(!1),[_,q]=i(r);n(()=>{""===r&&q("itd-checkbox-"+T)},[]),n(()=>{null!=l&&(L(l),B(l))},[l]),n(()=>{U(g)},[g]),n(()=>{null!=k&&(M(k),A.current&&(A.current.indeterminate=!!k,A.current.setAttribute("aria-checked",k?"mixed":F?"true":"false")))},[k]),n(()=>{A.current&&(A.current.indeterminate=!!I,A.current.setAttribute("aria-checked",I?"mixed":F?"true":"false"))},[I,F]),o(E,()=>({reset(e=!0,t=!0){const r=l||!1;L(r),w(""),B(r,e,t)},setValue(e=!1,t=!0,r=!0){L(e),B(e,t,r)},getValue:()=>F,setError(e=""){w(e)},setDisabled(e=!0){S(e)},forceUpdate(){B(F)},clear(){L(!1)}}));const z=e=>{f||x?e.preventDefault():(F||w(""),j&&j({checked:!F,value:y,className:"itd-checkbox",disabled:x||O,target:A,stopPropagation:e.stopPropagation,preventDefault:e.preventDefault}),U(!0),M(!1),L(!F),B(!F))},B=(e,t=!0,r=!0)=>{C&&C(e,t,r)},H=()=>{if(""!==V&&!x)return t(s,{className:"itd-checkbox-error-tooltip",position:b.TOP_LEFT,offsetX:-4,"aria-hidden":"true",children:V})},J=d(()=>{let e="itd-checkbox";return e+=" itd-checkbox-"+v,F&&(e+=" itd-checkbox-selected"),G&&(e+=" itd-checkbox-active"),""!==V&&(e+=" itd-checkbox-error"),(x||O)&&(e+=" itd-checkbox-disabled"),f&&(e+=" itd-checkbox-readonly"),""!==N&&(e+=" "+N),e},[v,F,G,V,x,O,f,N]),K=()=>!x&&("boolean"==typeof F?F:"true"===F);return e("div",{className:J,children:[e("div",{className:"itd-checkbox-inner-wrapper",onMouseEnter:()=>X(!0),onMouseLeave:()=>X(!1),children:[t("span",{className:"itd-checkbox-checkmark",...F?{"data-checked":""}:{},...P?{"data-animated":""}:{},...I?{"data-indeterminate":""}:{},children:t("input",{className:"itd-checkbox-input",id:_,ref:A,type:"checkbox",disabled:x||O,checked:K(),value:K().toString(),onChange:z,tabIndex:x||O?-1:0,"data-readonly":f?"true":"false","aria-checked":I?"mixed":K()?"true":"false",...u(_,""!==V)})}),t("label",{className:"itd-checkbox-label",htmlFor:_,children:D})]}),""===V||x?null:t(m,{id:h(_),message:V}),H()]})});k.Group=l,k.displayName="ITD-Checkbox";export{l as CheckboxGroup,k as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as i,useId as a,useState as o,useEffect as c,useImperativeHandle as n,useMemo as d}from"react";import{ErrorTooltip as l}from"../utils/CommonStyledComponents.js";import{getErrorId as s,getErrorAriaProps as m,ErrorAnnouncement as u}from"../utils/ErrorAnnouncement.js";import{FieldError as h}from"../field/index.js";import{ComponentVariants as p,ComponentSizes as b,ComponentSizesSlug as f,TooltipPositions as k}from"../enums/enum.js";import x from"../utils/GetSizeSlugBySize.js";import{cn as v}from"../utils/cn.js";import{useDefaultVariant as L}from"../context/FormDefaultsContext.js";const A=r(({id:r="",checked:A=!1,indeterminate:D=!1,disabled:N=!1,readOnly:y=!1,variant:E,size:g=b.DEFAULT,animated:j=!1,className:S="",errorDisplay:F="tooltip",value:M,children:U,onChange:C,onUpdate:T},z)=>{const P=L(E,p.DEFAULT),w=i(null),G=a(),[I,O]=o(A??!1),[V,X]=o(j),[_,B]=o(!1),[R,q]=o(!1),[H,J]=o(""),[K,Q]=o(!1),[W,Y]=o(r);c(()=>{""===r&&Y("itd-checkbox-"+G)},[]),c(()=>{null!=A&&A!==I&&(O(A),$(A))},[A]),c(()=>{X(j)},[j]),c(()=>{null!=D&&(B(D),w.current&&(w.current.indeterminate=!!D,w.current.setAttribute("aria-checked",D?"mixed":I?"true":"false")))},[D]),c(()=>{w.current&&(w.current.indeterminate=!!_,w.current.setAttribute("aria-checked",_?"mixed":I?"true":"false"))},[_,I]),n(z,()=>({reset(e=!0,t=!0){const r=A||!1;O(r),J(""),$(r,e,t)},setValue(e=!1,t=!0,r=!0){O(e),$(e,t,r)},getValue:()=>I,setError(e=""){J(e)},setDisabled(e=!0){q(e)},forceUpdate(){$(I)},clear(){O(!1)}}));const Z=e=>{y||N?e.preventDefault():(I||J(""),C&&C({checked:!I,value:M,className:"itd-checkbox",disabled:N||R,target:w,stopPropagation:()=>e.stopPropagation(),preventDefault:()=>e.preventDefault()}),X(!0),B(!1),O(!I),$(!I))},$=(e,t=!0,r=!0)=>{T&&T(e,t,r)},ee=()=>{if(""!==H&&!N&&"tooltip"===F)return e(l,{className:"itd-checkbox-error-tooltip",position:k.TOP_LEFT,offsetX:-4,"aria-hidden":"true",children:H})},te=d(()=>{let e="itd-checkbox";return e+=" itd-checkbox-"+P,e+=" itd-checkbox-"+(e=>{const t=x(e);return t===f.X_SMALL||t===f.SMALL?f.SMALL:t===f.MEDIUM||t===f.DEFAULT?f.DEFAULT:f.LARGE})(g),I&&(e+=" itd-checkbox-selected"),K&&(e+=" itd-checkbox-active"),""!==H&&(e+=" itd-checkbox-error"),(N||R)&&(e+=" itd-checkbox-disabled"),y&&(e+=" itd-checkbox-readonly"),v(e,S)},[P,g,I,K,H,N,R,y,S]),re=()=>!N&&("boolean"==typeof I?I:"true"===I),ie=()=>t("div",{className:te,children:[t("div",{className:"itd-checkbox-inner-wrapper",onMouseEnter:()=>Q(!0),onMouseLeave:()=>Q(!1),children:[e("span",{className:"itd-checkbox-checkmark",...I?{"data-checked":""}:{},...V?{"data-animated":""}:{},..._?{"data-indeterminate":""}:{},children:e("input",{className:"itd-checkbox-input",id:W,ref:w,type:"checkbox",disabled:N||R,checked:re(),value:re().toString(),onChange:Z,tabIndex:N||R?-1:0,"data-readonly":y?"true":"false","aria-readonly":y||void 0,"aria-checked":_?"mixed":re()?"true":"false",...m(W,""!==H)})}),e("label",{className:"itd-checkbox-label",htmlFor:W,children:U})]}),""===H||N||"tooltip"!==F?null:e(u,{id:s(W),message:H}),ee()]}),ae="inline"!==F||""===H||N?null:e(h,{id:s(W),className:"itd-checkbox-field-error",children:H});return"inline"===F?t("div",{className:"itd-field-with-error",children:[ie(),ae]}):ie()});A.displayName="Checkbox";export{A as default};

package/dist/es/code-input/index.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as n,useId as l,useState as o,useEffect as i,useImperativeHandle as a,useMemo as c,useLayoutEffect as u}from"react";import{ErrorSVGIcon as s,ErrorTooltip as d}from"../utils/CommonStyledComponents.js";import{FieldError as m}from"../field/index.js";import{getErrorAriaProps as f,getErrorId as h,ErrorAnnouncement as p}from"../utils/ErrorAnnouncement.js";import g from"../utils/GetSizeSlugBySize.js";import{ComponentSizes as v}from"../enums/enum.js";import{initFocusModality as M,wasLastInputKeyboard as x}from"../utils/focusModality.js";import{GetPlatform as w}from"../helpers/platform/index.js";import{PlatformTypes as y}from"../helpers/classname/GetClassNameByPlatform.js";import{useDefaultVariant as C}from"../context/FormDefaultsContext.js";const D=r((r,D)=>{const{id:b,length:S=6,value:E,defaultValue:j="",validChars:A="0-9",inputMode:N="numeric",autoComplete:R="one-time-code",autoFocus:B=!1,passwordMode:k=!1,passwordChar:F="•",placeholder:L="",disabled:P=!1,locked:V=!1,size:I=v.LARGE,variant:K,className:O="",errorDisplay:q,onChange:z,onComplete:G,onUpdate:U,onFocus:H,onBlur:$,...T}=r,X=C(K,"default"),J=q??(w()===y.MOBILE?"inline":"tooltip"),Q=n(null),W=l(),Y=b??"itd-code-input-"+W,[Z,_]=o(j),[ee,te]=o(!1),[re,ne]=o(!1),[le,oe]=o(""),[ie,ae]=o(!1),[ce,ue]=o(0),[se,de]=o(null),me=void 0!==E?E:Z,fe=n(me),he=n(0),pe=n(null),ge=n(me);if(pe.current=se,ge.current!==me){ge.current=me;const e=Math.min(me.length,S-1);he.current=e,ue(e)}fe.current=me;const ve=e=>{pe.current=e,de(e)},Me=()=>{const e=fe.current;return{value:e,caret:he.current,selection:pe.current,maxCaret:Math.min(e.length,S-1),maxSelectable:Math.max(0,e.length-1)}};i(()=>{M(Q.current)},[]),i(()=>{B&&Q.current?.focus()},[B]);const xe=(e,t=!0,r=!0)=>{U&&U(e,t,r)};a(D,()=>({setFocus(){te(!0),Q.current?.focus()},reset(e=!0,t=!0){_(j),oe(""),ve(null),xe(j,e,t)},setValue(e,t=!0,r=!0){_(e??""),ve(null),xe(e??"",t,r)},getValue:()=>me,setError(e){oe(e)},setDisabled(){},forceUpdate(){xe(me)},clear(){_(""),ve(null)},scrollIntoView(e){Q.current?.scrollIntoView(e)}}));const we=c(()=>new RegExp("^["+A+"]{0,"+S+"}$"),[A,S]),ye=c(()=>new RegExp("^["+A+"]$"),[A]),Ce=c(()=>new RegExp("[^"+A+"]","g"),[A]),De=e=>e.replace(Ce,""),be=e=>{he.current=e,ue(e);const t=Q.current;if(t)try{t.setSelectionRange(e,e)}catch{}},Se=n(null);u(()=>{if(null===Se.current)return;const e=Se.current;Se.current=null;const t=Q.current;if(t)try{t.setSelectionRange(e,e)}catch{}});const Ee=(e,t)=>{const r=fe.current.length===S;fe.current=e,ge.current=e,he.current=t,pe.current=null,void 0===E&&_(e),oe(""),de(null),xe(e),z&&z(e),ue(t),Se.current=t,!r&&e.length===S&&G&&G(e)},je=e=>{const t=Q.current;!t||P||V||(t.focus(),ve(null),be(Math.min(e,Me().maxCaret)))},Ae=c(()=>{let e="itd-code-input itd-code-input-"+g(I);return e+=" itd-code-input-"+X,P&&(e+=" itd-code-input-disabled"),V&&(e+=" itd-code-input-locked"),!le||P||V||(e+=" itd-code-input-error"),ee&&re&&(e+=" keyboard-focus"),ee&&(e+=" focused"),""!==O&&(e+=" "+O),e},[I,X,P,V,le,ee,re,O]),Ne=""!==le&&!P&&!V,Re=e=>!!se&&e>=se.from&&e<=se.to,Be=Math.min(ce,Me().maxCaret),ke=e=>ee&&!se&&Be===e,Fe=e=>me.length>e,Le=e=>me.length<e,Pe=e=>{const t=me[e];return t?k?F:t:L};return e("div",{className:Ae+(Ne&&"tooltip"!==J?" itd-field-with-error":""),children:[e("div",{className:"itd-code-input-box",onPointerDown:e=>{if(P||V)return;if(e.target.closest?.(".itd-code-input-cell"))return;e.preventDefault();const t=Array.from(e.currentTarget.querySelectorAll(".itd-code-input-cell"));if(0===t.length)return;let r=0,n=1/0;t.forEach((t,l)=>{const o=t.getBoundingClientRect(),i=Math.abs(e.clientX-(o.left+o.width/2));i<n&&(n=i,r=l)}),je(r)},children:[t("input",{...T,ref:Q,id:Y,className:"itd-code-input-field",value:me,type:k?"password":"text",inputMode:N,autoComplete:R,spellCheck:!1,disabled:P,readOnly:V,onChange:e=>{const t=fe.current,r=pe.current,n=e.target.value,l=De(n),o=l.length-t.length,i=Math.max(0,De(n.slice(0,e.target.selectionStart??n.length)).length-o);let a=l,c=Math.min(l.length,S-1);if(l.length>t.length){let e=0;for(;e<t.length&&e<i&&t[e]===l[e];)e++;let n=0;for(;n<t.length-e&&n<l.length-e&&t[t.length-1-n]===l[l.length-1-n];)n++;const o=l.slice(e,l.length-n);r?(a=t.slice(0,r.from)+o+t.slice(r.to+1),c=r.from+o.length):(a=t.slice(0,e)+o+t.slice(e+o.length),c=e+o.length)}if(a=a.slice(0,S),a===t||!we.test(a))return Se.current=Math.min(he.current,t.length),ue(Se.current),void(Q.current&&Q.current.value!==t&&(Q.current.value=t));Ee(a,Math.min(c,Math.min(a.length,S-1)))},onKeyDown:e=>{if(V||P)return;const t=e.key,r=e.metaKey||e.ctrlKey,{value:n,caret:l,selection:o,maxCaret:i,maxSelectable:a}=Me();if(r&&"a"===t.toLowerCase()){if(e.preventDefault(),0===n.length)return;ve({from:0,to:n.length-1,anchor:0,all:!0})}else if("Escape"!==t){if("Enter"===t){if(n.length!==S)return;if(G)return e.preventDefault(),void G(n);const t=Q.current?.form;return void(t&&(e.preventDefault(),"function"==typeof t.requestSubmit?t.requestSubmit():t.submit()))}if("ArrowUp"!==t&&"ArrowDown"!==t){if("ArrowLeft"===t||"ArrowRight"===t){e.preventDefault();const r="ArrowLeft"===t?-1:1;if(e.shiftKey){if(0===n.length)return;if(o?.all)return;const e=o?.anchor??Math.min(l,a),t=o?o.from===e?o.to:o.from:e,i=Math.max(0,Math.min(t+r,a));return ve({from:Math.min(e,i),to:Math.max(e,i),anchor:e}),he.current=i,void ue(i)}return o?(ve(null),void be(r<0?Math.max(0,o.from-1):Math.min(i,o.to+1))):void be(Math.max(0,Math.min(l+r,i)))}if("Home"===t||"End"===t)return e.preventDefault(),ve(null),void be("Home"===t?0:i);if("Backspace"===t||"Delete"===t){if(e.preventDefault(),o)return void Ee(n.slice(0,o.from)+n.slice(o.to+1),o.from);if(0===n.length)return;if("Delete"===t){if(l>=n.length)return;return void Ee(n.slice(0,l)+n.slice(l+1),l)}const r=l>=n.length,i=r?n.length-1:l;return void Ee(n.slice(0,i)+n.slice(i+1),r?i:Math.max(0,i-1))}if(!r&&1===t.length&&ye.test(t)){if(e.preventDefault(),o){const e=n.slice(0,o.from)+t+n.slice(o.to+1);return void Ee(e,Math.min(o.from+1,Math.min(e.length,S-1)))}const r=Math.min(l,S-1),i=n.slice(0,r)+t+n.slice(r+1);Ee(i,Math.min(r+1,Math.min(i.length,S-1)))}}else e.preventDefault()}else ve(null)},onFocus:()=>{te(!0),ne(x(Q.current)),be(Me().maxCaret),H&&H()},onBlur:()=>{te(!1),ve(null),$&&$()},...f(Y,Ne)}),Array.from({length:S},(e,r)=>t("div",{className:"itd-code-input-cell","data-selected":ke(r)?"":void 0,"data-range":Re(r)?"":void 0,"data-filled":Fe(r)?"":void 0,"data-inactive":Le(r)?"":void 0,onPointerDown:e=>{e.preventDefault(),je(r)},"aria-hidden":!0,children:Pe(r)},r)),Ne&&"tooltip"===J?e("div",{className:"itd-code-input-status itd-input-failed itd-failed-status",onPointerOver:()=>ae(!0),onPointerOut:()=>ae(!1),children:[ie?t(d,{className:"itd-input-error-tooltip","aria-hidden":"true",children:le}):null,s]}):null]}),Ne&&"inline"===J?t(m,{id:h(Y),children:le}):null,Ne&&"tooltip"===J?t(p,{id:h(Y),message:le}):null]})});D.displayName="CodeInput";export{D as default};

package/dist/es/color-input/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useState as e,useRef as n,useEffect as t}from"react";import u from"../input/index.js";const l=r=>/^#[0-9a-fA-F]{6}$/.test(r??"")?r:"#000000",c=({value:c="",size:o,disabled:a=!1,placeholder:i="#ff0044",onChange:d})=>{const[s,p]=e(c),m=n(c),w=n(null),f=n(null),h=n(d);h.current=d,t(()=>{c!==m.current&&(w.current&&(window.clearTimeout(w.current),w.current=null,f.current=null),m.current=c,p(c))},[c]),t(()=>()=>{w.current&&(window.clearTimeout(w.current),null!==f.current&&f.current!==m.current&&(m.current=f.current,h.current?.(f.current)))},[]);const g=r=>{p(r),f.current=r,w.current&&window.clearTimeout(w.current),w.current=window.setTimeout(()=>{w.current=null,f.current=null,m.current=r,d?.(r)},120)};return r(u,{size:o,value:s,disabled:a,placeholder:i,prefix:r("span",{className:"itd-color-input-well",style:{backgroundColor:l(s)},"aria-hidden":a||void 0,children:r("input",{type:"color",className:"itd-color-input-well-input",value:l(s),disabled:a,"aria-label":"Pick a colour",onChange:r=>g(r.target.value)})}),onChange:r=>g(String(r??""))})};export{c as default};

package/dist/es/coming-soon/index.js

@@ -0,0 +1 @@
+import{jsx as o,Fragment as e,jsxs as n}from"react/jsx-runtime";import{useITDLocale as i}from"../locale/useITDLocale.js";const s=({label:s,show:c=!0,children:l,className:t})=>{const{t:a}=i();return c?n("div",{className:"itd-coming-soon"+(t?" "+t:""),children:[o("div",{className:"itd-coming-soon-content",inert:!0,children:l}),o("div",{className:"itd-coming-soon-veil",children:o("span",{className:"itd-coming-soon-label",children:s??a("texts.comingSoon")})})]}):o(e,{children:l})};export{s as default};

package/dist/es/context/FormDefaultsContext.js

@@ -0,0 +1 @@
+import{createContext as t,useContext as r}from"react";const n=t({});function o(t,o){const a=r(n);return t??a.defaultVariant??o}export{n as FormDefaultsContext,o as useDefaultVariant};

package/dist/es/context/ITDContext.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as t,useState as a,useEffect as r,useCallback as n,useMemo as o,useRef as m,useContext as d}from"react";import{ModalProvider as i}from"../modal/index.js";import{NotificationProvider as c}from"../notification/index.js";import h from"./ITDThemeProvider.js";import{Wrapper as s}from"./styled.js";const l=e=>"tr"===e?"DD/MM/YYYY":"en"===e?"MM/DD/YYYY":"DD/MM/YYYY",g=t({});g.displayName="ITDContext";const u=t=>{const d=t.theme||("undefined"==typeof window?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),[u,f]=a(d),[p,Y]=a(t.dateFormat||l(t.language)),[w,D]=a(t.language?t.language:"en"),[k,v]=a("en-US"),[y,F]=a("");r(()=>{t.theme&&f(t.theme),t.language&&D(t.language),t.dateFormat&&Y(t.dateFormat)},[t.theme,t.language,t.dateFormat]),r(()=>{if(t.theme||"undefined"==typeof window)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=e=>{f(e.matches?"dark":"light")};return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[t.theme]);const M=n(e=>{console.log("changeTheme",e),f(e)},[]);r(()=>{"undefined"!=typeof document&&(document.body.setAttribute("data-theme",u),document.documentElement.setAttribute("data-theme",u))},[u]);const T=n(e=>{F(e)},[]),I=n(e=>{Y(e)},[]),b=n(e=>{v(e)},[]),j=n(e=>{D(e),t.dateFormat||Y(l(e))},[t.dateFormat]),x=o(()=>({theme:u,brokenImage:y,dateFormat:p,language:w,locale:k,changeTheme:M,changeBrokenImage:T,changeDateFormat:I,changeLanguage:j,changeLocale:b}),[u,y,p,w,k,M,T,I,j,b]),B=m(null);return e(s,{ref:B,className:"itd-provider","data-theme":u,"data-lang":w,children:e(h,{themeName:"dark"===u?"dark":"light",surfaceBase:t.surfaceBase,primaryBase:t.primaryBase,containerRef:B,children:e(g.Provider,{value:x,children:e(c,{children:e(i,{children:t.children})})})})})},f=()=>{const e=d(g);if(!e)throw new Error("useITD must be used within ITDProvider");return e};export{u as ITDProvider,g as default,f as useITD};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{createContext as t,useContext as a,useState as o,useEffect as n,useCallback as i,useRef as m,useMemo as c}from"react";import{ITDRouterContext as d}from"../router/context.js";import{ModalProvider as s}from"../modal/index.js";import{Toaster as l}from"../toast/index.js";import u from"./ITDThemeProvider.js";import{createTranslateFn as h,ITDLocaleContext as g}from"../locale/useITDLocale.js";import{FormDefaultsContext as f}from"./FormDefaultsContext.js";import{applyTouchMode as p}from"../helpers/device/touchDevice.js";const y=e=>"tr"===e?"DD/MM/YYYY":"en"===e?"MM/DD/YYYY":"DD/MM/YYYY",D=t({});D.displayName="ITDContext";const v=t=>{const v=Object.keys(a(D)).length>0,w=t.theme||("undefined"==typeof window?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),[M,Y]=o(w),[T,j]=o(t.dateFormat||y(t.language)),[k,x]=o(t.language?t.language:"en"),[F,P]=o("en-US"),[E,L]=o(t.timeZone||"local"),[Z,b]=o(t.country??""),[I,N]=o(t.errorDisplay||"tooltip");n(()=>{t.theme&&Y(t.theme),t.language&&x(t.language),t.dateFormat&&j(t.dateFormat),t.timeZone&&L(t.timeZone),t.country&&b(t.country),t.errorDisplay&&N(t.errorDisplay)},[t.theme,t.language,t.dateFormat,t.timeZone,t.country,t.errorDisplay]),n(()=>{if(t.theme||"undefined"==typeof window)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=e=>{Y(e.matches?"dark":"light")};return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[t.theme]);const B=i(e=>{Y(e)},[]);n(()=>{if(v)return;const e=z.current?.ownerDocument;e&&(e.body?.setAttribute("data-theme",M),e.documentElement.setAttribute("data-theme",M))},[M,v]),n(()=>{const e=z.current?.ownerDocument??("undefined"!=typeof document?document:null);if(e)return p(e)},[]);const C=i(e=>{j(e)},[]),V=i(e=>{L(e)},[]),A=i(e=>{P(e)},[]),O=i(e=>{N(e)},[]),R=i(e=>{b(e)},[]),S=i(e=>{x(e),t.dateFormat||j(y(e))},[t.dateFormat]),U=c(()=>({theme:M,dateFormat:T,timeZone:E,language:k,locale:F,country:Z,errorDisplay:I,changeTheme:B,changeDateFormat:C,changeTimeZone:V,changeLanguage:S,changeLocale:A,changeCountry:R,changeErrorDisplay:O}),[M,T,E,k,F,Z,I,B,C,V,S,A,O]),q=c(()=>({defaultVariant:t.defaultVariant}),[t.defaultVariant]),z=m(null),G=c(()=>({t:h(k,t.messages),language:k}),[k,t.messages]);return e("div",{ref:z,className:"itd-provider","data-theme":M,"data-lang":k,children:e(u,{themeName:"dark"===M?"dark":"light",surfaceBase:t.surfaceBase,primaryBase:t.primaryBase,surfaceLadder:t.surfaceLadder,lightElevation:t.lightElevation,contrastMetric:t.contrastMetric,contrastMin:t.contrastMin,onPrimaryNudge:t.onPrimaryNudge,customTheme:t.customTheme,extensions:t.extensions,shadow:t.shadow,containerRef:z,children:e(f.Provider,{value:q,children:e(g.Provider,{value:G,children:e(D.Provider,{value:U,children:r(d.Provider,{value:t.router??null,children:[e(s,{children:t.children}),e(l,{theme:"dark"===M?"dark":"light",richColors:!0})]})})})})})})},w=()=>{const e=a(D);if(!e)throw new Error("useITD must be used within ITDProvider");return e};export{v as ITDProvider,D as default,w as useITD};

package/dist/es/context/ITDThemeProvider.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r}from"react/jsx-runtime";import{useMemo as t,useEffect as m}from"react";import{createTheme as a}from"../helpers/theme/createTheme.js";import{injectThemeVars as o}from"../helpers/theme/cssVariables.js";import s from"../helpers/theme/light.js";import h from"../helpers/theme/dark.js";function c({themeName:c="light",surfaceBase:i,primaryBase:l,customTheme:p,containerRef:f,children:n}){const u=t(()=>{if(i||l){return a(c,{surfaceBase:i||("dark"===c?"oklch(0.44 0.04 260)":"oklch(0.44 0 0)"),primaryBase:l||("dark"===c?"oklch(0.80 0.16 90)":"oklch(0.62 0.18 250)")})}return"dark"===c?h:s},[c,i,l]),k=t(()=>({...u,...p}),[u,p]);return m(()=>{o(k,f?.current)},[k,f]),e(r,{children:n})}export{c as default};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{useMemo as t,useEffect as s}from"react";import{createTheme as a,guardOnColors as o}from"../helpers/theme/createTheme.js";import{injectThemeVars as n}from"../helpers/theme/cssVariables.js";import{resolveThemeRefs as i,resolveTokenSet as m}from"../helpers/theme/tokenSet.js";import c from"../helpers/theme/light.js";import h from"../helpers/theme/dark.js";import{SURFACE_PRESETS as l,BRAND_PRESETS as f}from"../helpers/theme/presets.js";function p({themeName:p="light",surfaceBase:u,primaryBase:d,surfaceLadder:g,lightElevation:j,contrastMetric:b,contrastMin:k,onPrimaryNudge:y,customTheme:B,extensions:M,shadow:x,containerRef:N,children:v}){const w=t(()=>{if(u||d||g||x||j){const e={surfaceBase:u||l.neutral.base,primaryBase:d||("dark"===p?f.golden.base:f.blue.base),surfaceLadder:g,lightElevation:j,contrastMetric:b,contrastMin:k,onPrimaryNudge:y,shadow:x};return a(p,e)}return"dark"===p?h:c},[p,u,d,g,j,b,k,y,x]),E=t(()=>o(i({...w,...B}),w,{metric:b,min:k}),[w,B,b,k]),L=t(()=>{if(!M||0===M.length)return{};const e={};for(const r of M)Object.assign(e,m(r,E));return e},[E,M]);return s(()=>{n(E,N?.current,L)},[E,L,N]),e(r,{children:v})}export{p as default};

package/dist/es/context/PortalDocumentContext.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as t}from"react";const n=r(null),o=({document:r,children:t})=>e(n.Provider,{value:r,children:t}),u=()=>{const e=t(n);return e||("undefined"==typeof document?null:document)};export{o as PortalDocumentProvider,n as default,u as usePortalDocument};

package/dist/es/context-menu/ContextMenu.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useId as n,useRef as t,useState as o,useEffect as u,useCallback as i,useContext as c}from"react";import{initFocusModality as l}from"../utils/focusModality.js";import{TriggerTypes as s}from"../enums/enum.js";import{useFloatingTrigger as m}from"../hooks/useFloatingTrigger.js";import{DropdownMenuContext as d}from"../dropdown-menu/DropdownMenu.js";import{lockScroll as p}from"../primitives/scrollLock.js";import{usePortalDocument as f}from"../context/PortalDocumentContext.js";const a=({children:r,onOpenChange:c})=>{const a=n(),h=f()??("undefined"==typeof document?null:document),v=t(null),x=t(null),[j,C]=o(!1);u(()=>{h&&l(h)},[h]);const w=m({trigger:s.MANUAL,closeOnClickOutside:!0,open:j,onOpenChange:i(e=>{C(e),e||(v.current=null,x.current&&(x.current.remove(),x.current=null)),c?.(e)},[c])}),y=i((e,r)=>{x.current&&x.current.remove();const n=h??document,t=n.createElement("div");t.style.cssText=`position:fixed;top:${r}px;left:${e}px;width:0;height:0;pointer-events:none;`,n.body.appendChild(t),x.current=t,w.triggerRef.current=t,v.current=null,C(!0)},[w,h]);u(()=>()=>{x.current&&(x.current.remove(),x.current=null)},[]),u(()=>{if(j)return p(h??document)},[j,h]);const M=i(e=>{v.current=e?"last":"first",C(!0)},[]),O=i(e=>{e(),w.close()},[w]);return e(g.Provider,{value:{openAtPoint:y},children:e(d.Provider,{value:{id:a,trigger:w,pendingFocusRef:v,onItemSelect:O,openWithKeyboard:M},children:r})})};a.displayName="ContextMenu";const g=r(null);function h(e){const r=c(g);if(!r)throw new Error(`<${e}> must be used within <ContextMenu>.`);return r}export{a as ContextMenu,h as useContextMenuInternal};

package/dist/es/context-menu/ContextMenuTrigger.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useRef as t,useCallback as n}from"react";import{Slot as r}from"../primitives/Slot.js";import{useContextMenuInternal as o}from"./ContextMenu.js";const i=({children:i,disabled:c=!1,asChild:l=!0,className:u=""})=>{const{openAtPoint:m}=o("ContextMenuTrigger"),s=t(null),a=n(e=>{c||(e.preventDefault(),m(e.clientX,e.clientY))},[c,m]),p=n(e=>{c||"touch"!==e.pointerType||(s.current=setTimeout(()=>{m(e.clientX,e.clientY)},700))},[c,m]),d=n(()=>{s.current&&(clearTimeout(s.current),s.current=null)},[]),x={onContextMenu:a,onPointerDown:p,onPointerUp:d,onPointerCancel:d,className:u||void 0};return e(l?r:"div",{...x,children:i})};i.displayName="ContextMenuTrigger";export{i as ContextMenuTrigger};

package/dist/es/cropper/index.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i,useRef as n,useState as o,useCallback as r,useEffect as h,useImperativeHandle as a}from"react";import{realmOf as s}from"../hooks/useRealm.js";const c=(t,e)=>void 0===t?e:"number"==typeof t?`${t}px`:t,d=i(({src:i,aspectRatio:d,minWidth:l,minHeight:u,outputWidth:m,outputHeight:g,quality:p=.9,outputFormat:w="image/jpeg",onCropChange:x,width:y,height:v,showGrid:f=!0,showCircle:M=!1,onError:b},C)=>{const N=n(null),E=n(null),[k,L]=o(!1),[R,B]=o(!1),D=l??(m?Math.round(m/4):200),S=u??(g?Math.round(g/4):200),H=d??(m&&g?m/g:void 0),[W,X]=o({x:0,y:0,width:100,height:100}),[Y,T]=o(!1),[I,j]=o(null),[F,$]=o({x:0,y:0}),[z,P]=o({x:0,y:0,width:0,height:0}),q=r(()=>{if(!E.current||!N.current)return;const t=E.current.getBoundingClientRect(),e=N.current.getBoundingClientRect(),i={x:t.left-e.left,y:t.top-e.top,width:t.width,height:t.height},n=t.width/E.current.naturalWidth,o=t.height/E.current.naturalHeight,r=D*n,h=S*o;let a=Math.max(.8*i.width,r),s=Math.max(.8*i.height,h);if(a=Math.min(a,i.width),s=Math.min(s,i.height),H){if(a/s>H){const t=s*H;t>=r?a=t:(a=r,s=a/H)}else{const t=a/H;t>=h?s=t:(s=h,a=s*H)}a>i.width&&(a=i.width,s=a/H),s>i.height&&(s=i.height,a=s*H)}const c={x:i.x+(i.width-a)/2,y:i.y+(i.height-s)/2,width:a,height:s};X(c),x?.(c)},[H,D,S,x]);h(()=>{L(!1),B(!1)},[i]),h(()=>{k&&q()},[k,q]),h(()=>{const t=()=>{k&&q()},{win:e}=s(N.current);if(e)return e.addEventListener("resize",t),()=>e.removeEventListener("resize",t)},[k,q]);const A=r(t=>{if(!E.current||!N.current)return t;const e=E.current.getBoundingClientRect(),i=N.current.getBoundingClientRect(),n={left:e.left-i.left,top:e.top-i.top,right:e.right-i.left,bottom:e.bottom-i.top};let{x:o,y:r,width:h,height:a}=t;return o=Math.max(n.left,Math.min(o,n.right-h)),r=Math.max(n.top,Math.min(r,n.bottom-a)),h=Math.min(h,n.right-o),a=Math.min(a,n.bottom-r),{x:o,y:r,width:h,height:a}},[]),G=t=>{t.preventDefault();const e="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY;T(!0),$({x:e,y:i}),P({...W})},Q=t=>e=>{e.preventDefault(),e.stopPropagation();const i="touches"in e?e.touches[0].clientX:e.clientX,n="touches"in e?e.touches[0].clientY:e.clientY;j(t),$({x:i,y:n}),P({...W})};h(()=>{const t=t=>{if(!Y&&!I)return;if(!E.current||!N.current)return;const e="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY,n=e-F.x,o=i-F.y,r=E.current.getBoundingClientRect(),h=N.current.getBoundingClientRect(),a=r.width/E.current.naturalWidth,s=r.height/E.current.naturalHeight,c=D*a,d=S*s,l=r.left-h.left,u=r.top-h.top,m=r.right-h.left,g=r.bottom-h.top;let p;if(Y)p=A({...z,x:z.x+n,y:z.y+o});else{if(!I)return;{let t=z.width,e=z.height,i=z.x,r=z.y;const h=z.x+z.width,a=z.y+z.height;switch(I){case"se":{t=Math.max(c,z.width+n);const i=m-z.x;if(t=Math.min(t,i),H){e=t/H;const i=g-z.y;e>i&&(e=i,t=e*H)}else e=Math.max(d,z.height+o),e=Math.min(e,g-z.y);break}case"sw":{t=Math.max(c,z.width-n);const r=h-l;if(t=Math.min(t,r),H){e=t/H;const i=g-z.y;e>i&&(e=i,t=e*H)}else e=Math.max(d,z.height+o),e=Math.min(e,g-z.y);i=h-t;break}case"ne":{t=Math.max(c,z.width+n);const i=m-z.x;if(t=Math.min(t,i),H){e=t/H;const i=a-u;e>i&&(e=i,t=e*H)}else e=Math.max(d,z.height-o),e=Math.min(e,a-u);r=a-e;break}case"nw":{t=Math.max(c,z.width-n);const s=h-l;if(t=Math.min(t,s),H){e=t/H;const i=a-u;e>i&&(e=i,t=e*H)}else e=Math.max(d,z.height-o),e=Math.min(e,a-u);i=h-t,r=a-e;break}}switch(t<c&&(t=c,H&&(e=t/H)),e<d&&(e=d,H&&(t=e*H)),I){case"se":i=z.x,r=z.y;break;case"sw":i=h-t,r=z.y;break;case"ne":i=z.x,r=a-e;break;case"nw":i=h-t,r=a-e}p={x:i,y:r,width:t,height:e}}}X(p),x?.(p)},e=()=>{T(!1),j(null)},{doc:i}=s(N.current);if(i)return(Y||I)&&(i.addEventListener("mousemove",t),i.addEventListener("mouseup",e),i.addEventListener("touchmove",t),i.addEventListener("touchend",e)),()=>{i.removeEventListener("mousemove",t),i.removeEventListener("mouseup",e),i.removeEventListener("touchmove",t),i.removeEventListener("touchend",e)}},[Y,I,F,z,A,H,D,S,x]);const J=r(async()=>{if(!E.current||!N.current)return null;const t=E.current,e=t.getBoundingClientRect(),i=N.current.getBoundingClientRect(),n=t.naturalWidth/e.width,o=t.naturalHeight/e.height,r=e.left-i.left,h=e.top-i.top,a=(W.x-r)*n,s=(W.y-h)*o,c=W.width*n,d=W.height*o,l=document.createElement("canvas"),u=m||c,x=g||d;l.width=u,l.height=x;const y=l.getContext("2d");return y?(y.imageSmoothingEnabled=!0,y.imageSmoothingQuality="high",y.drawImage(t,a,s,c,d,0,0,u,x),new Promise(t=>{l.toBlob(e=>t(e),w,p)})):null},[W,w,p,m,g]),K=r(async(t="cropped-image")=>{const e=await J();if(!e)return null;const i=w.split("/")[1];return new File([e],`${t}.${i}`,{type:w})},[J,w]);a(C,()=>({getCroppedImage:J,getCroppedFile:K,getCropArea:()=>W,reset:q}));const O=f&&(Y||null!==I);return t("div",{ref:N,className:"itd-cropper",style:{maxWidth:c(y,"100%")},children:[e("img",{ref:E,className:"itd-cropper-image",src:i,onLoad:()=>{B(!1),L(!0)},onError:()=>{L(!1),B(!0),b?.()},alt:"Crop preview",draggable:!1,style:{maxHeight:c(v,"400px"),...R?{display:"none"}:void 0}}),R&&e("div",{className:"itd-cropper-error",role:"alert",children:"Image could not be loaded."}),k&&!R&&t("div",{className:"itd-cropper-overlay",children:[e("div",{className:"itd-cropper-mask","data-edge":"top",style:{height:W.y}}),e("div",{className:"itd-cropper-mask","data-edge":"bottom",style:{top:W.y+W.height}}),e("div",{className:"itd-cropper-mask","data-edge":"left",style:{top:W.y,width:W.x,height:W.height}}),e("div",{className:"itd-cropper-mask","data-edge":"right",style:{left:W.x+W.width,top:W.y,height:W.height}}),t("div",{className:"itd-cropper-box","data-show-grid":O?"":void 0,style:{left:W.x,top:W.y,width:W.width,height:W.height},onMouseDown:G,onTouchStart:G,children:[M&&e("div",{className:"itd-cropper-circle"}),e("div",{className:"itd-cropper-handle","data-position":"nw",onMouseDown:Q("nw"),onTouchStart:Q("nw")}),e("div",{className:"itd-cropper-handle","data-position":"ne",onMouseDown:Q("ne"),onTouchStart:Q("ne")}),e("div",{className:"itd-cropper-handle","data-position":"sw",onMouseDown:Q("sw"),onTouchStart:Q("sw")}),e("div",{className:"itd-cropper-handle","data-position":"se",onMouseDown:Q("se"),onTouchStart:Q("se")})]})]})]})});d.displayName="ImageCropper";export{d as default};

package/dist/es/data/phones.json.js

@@ -0,0 +1 @@
+var s=[{LangKey:"countries:af",iso2:"af",iso3:"afg",code:"+93",mask:"##-###-####"},{LangKey:"countries:al",iso2:"al",iso3:"alb",code:"+355",mask:"(###) ###-###"},{LangKey:"countries:dz",iso2:"dz",iso3:"dza",code:"+213",mask:"##-###-####"},{LangKey:"countries:ad",iso2:"ad",iso3:"and",code:"+376",mask:"###-###"},{LangKey:"countries:ao",iso2:"ao",iso3:"ago",code:"+244",mask:"(###) ###-###"},{LangKey:"countries:ag",iso2:"ag",iso3:"atg",code:"+1-268",mask:"###-####"},{LangKey:"countries:ar",iso2:"ar",iso3:"arg",code:"+54",mask:"(###) ###-####"},{LangKey:"countries:am",iso2:"am",iso3:"arm",code:"+374",mask:"##-###-###"},{LangKey:"countries:au",iso2:"au",iso3:"aus",code:"+61",mask:"#-####-####"},{LangKey:"countries:at",iso2:"at",iso3:"aut",code:"+43",mask:"(###) ###-####"},{LangKey:"countries:az",iso2:"az",iso3:"aze",code:"+994",mask:"##-###-##-##"},{LangKey:"countries:bs",iso2:"bs",iso3:"bhs",code:"+1-242",mask:"###-####"},{LangKey:"countries:bh",iso2:"bh",iso3:"bhr",code:"+973",mask:"####-####"},{LangKey:"countries:bd",iso2:"bd",iso3:"bgd",code:"+880",mask:"##-###-###"},{LangKey:"countries:bb",iso2:"bb",iso3:"brb",code:"+1-246",mask:"###-####"},{LangKey:"countries:by",iso2:"by",iso3:"blr",code:"+375",mask:"(##) ###-##-##"},{LangKey:"countries:be",iso2:"be",iso3:"bel",code:"+32",mask:"(###) ###-###"},{LangKey:"countries:bz",iso2:"bz",iso3:"blz",code:"+501",mask:"###-####"},{LangKey:"countries:bj",iso2:"bj",iso3:"ben",code:"+229",mask:"##-##-####"},{LangKey:"countries:bt",iso2:"bt",iso3:"btn",code:"+975",mask:"9-###-###"},{LangKey:"countries:bo",iso2:"bo",iso3:"bol",code:"+591",mask:"9-###-####"},{LangKey:"countries:ba",iso2:"ba",iso3:"bih",code:"+387",mask:"##-####9"},{LangKey:"countries:bw",iso2:"bw",iso3:"bwa",code:"+267",mask:"##-###-###"},{LangKey:"countries:br",iso2:"br",iso3:"bra",code:"+55",mask:"(##) ####-####"},{LangKey:"countries:bn",iso2:"bn",iso3:"brn",code:"+673",mask:"###-####"},{LangKey:"countries:bg",iso2:"bg",iso3:"bgr",code:"+359",mask:"(###) ###-###"},{LangKey:"countries:bf",iso2:"bf",iso3:"bfa",code:"+226",mask:"##-##-####"},{LangKey:"countries:bi",iso2:"bi",iso3:"bdi",code:"+257",mask:"##-##-####"},{LangKey:"countries:cv",iso2:"cv",iso3:"cpv",code:"+238",mask:"(###) ##-##"},{LangKey:"countries:kh",iso2:"kh",iso3:"khm",code:"+855",mask:"##-###-###"},{LangKey:"countries:cm",iso2:"cm",iso3:"cmr",code:"+237",mask:"####-####"},{LangKey:"countries:ca",iso2:"ca",iso3:"can",code:"+1",mask:"(###) ###-####"},{LangKey:"countries:cf",iso2:"cf",iso3:"caf",code:"+236",mask:"##-##-####"},{LangKey:"countries:td",iso2:"td",iso3:"tcd",code:"+235",mask:"##-##-##-##"},{LangKey:"countries:cl",iso2:"cl",iso3:"chl",code:"+56",mask:"9-####-####"},{LangKey:"countries:cn",iso2:"cn",iso3:"chn",code:"+86",mask:"(###) ####-####"},{LangKey:"countries:co",iso2:"co",iso3:"col",code:"+57",mask:"(###) ###-####"},{LangKey:"countries:km",iso2:"km",iso3:"com",code:"+269",mask:"##-#####"},{LangKey:"countries:cg",iso2:"cg",iso3:"cog",code:"+242",mask:"##-###-####"},{LangKey:"countries:cd",iso2:"cd",iso3:"cod",code:"+243",mask:"(###) ###-###"},{LangKey:"countries:cr",iso2:"cr",iso3:"cri",code:"+506",mask:"####-####"},{LangKey:"countries:ci",iso2:"ci",iso3:"civ",code:"+225",mask:"##-###-###"},{LangKey:"countries:hr",iso2:"hr",iso3:"hrv",code:"+385",mask:"##-###-###"},{LangKey:"countries:cu",iso2:"cu",iso3:"cub",code:"+53",mask:"9-###-####"},{LangKey:"countries:cw",iso2:"cw",iso3:"cuw",code:"+599",mask:"###-####"},{LangKey:"countries:cy",iso2:"cy",iso3:"cyp",code:"+357",mask:"##-###-###"},{LangKey:"countries:cz",iso2:"cz",iso3:"cze",code:"+420",mask:"(###) ###-###"},{LangKey:"countries:dk",iso2:"dk",iso3:"dnk",code:"+45",mask:"##-##-##-##"},{LangKey:"countries:dj",iso2:"dj",iso3:"dji",code:"+253",mask:"##-##-##-##"},{LangKey:"countries:dm",iso2:"dm",iso3:"dma",code:"+1-767",mask:"###-####"},{LangKey:"countries:do",iso2:"do",iso3:"dom",code:"+1-809",mask:"###-####"},{LangKey:"countries:ec",iso2:"ec",iso3:"ecu",code:"+593",mask:"##-###-####"},{LangKey:"countries:eg",iso2:"eg",iso3:"egy",code:"+20",mask:"(###) ###-####"},{LangKey:"countries:sv",iso2:"sv",iso3:"slv",code:"+503",mask:"##-##-####"},{LangKey:"countries:gq",iso2:"gq",iso3:"gnq",code:"+240",mask:"##-###-####"},{LangKey:"countries:er",iso2:"er",iso3:"eri",code:"+291",mask:"9-###-###"},{LangKey:"countries:ee",iso2:"ee",iso3:"est",code:"+372",mask:"####-####"},{LangKey:"countries:sz",iso2:"sz",iso3:"swz",code:"+268",mask:"##-##-####"},{LangKey:"countries:et",iso2:"et",iso3:"eth",code:"+251",mask:"##-###-####"},{LangKey:"countries:fj",iso2:"fj",iso3:"fji",code:"+679",mask:"##-#####"},{LangKey:"countries:fi",iso2:"fi",iso3:"fin",code:"+358",mask:"(###) ###-##-##"},{LangKey:"countries:fr",iso2:"fr",iso3:"fra",code:"+33",mask:"(###) ###-###"},{LangKey:"countries:ga",iso2:"ga",iso3:"gab",code:"+241",mask:"9-##-##-##"},{LangKey:"countries:gm",iso2:"gm",iso3:"gmb",code:"+220",mask:"(###) ##-##"},{LangKey:"countries:ge",iso2:"ge",iso3:"geo",code:"+995",mask:"(###) ###-###"},{LangKey:"countries:de",iso2:"de",iso3:"deu",code:"+49",mask:"(####) ###-####"},{LangKey:"countries:gh",iso2:"gh",iso3:"gha",code:"+233",mask:"(###) ###-###"},{LangKey:"countries:gr",iso2:"gr",iso3:"grc",code:"+30",mask:"(###) ###-####"},{LangKey:"countries:gd",iso2:"gd",iso3:"grd",code:"+1-473",mask:"###-####"},{LangKey:"countries:gt",iso2:"gt",iso3:"gtm",code:"+502",mask:"9-###-####"},{LangKey:"countries:gn",iso2:"gn",iso3:"gin",code:"+224",mask:"##-###-###"},{LangKey:"countries:gw",iso2:"gw",iso3:"gnb",code:"+245",mask:"9-####99"},{LangKey:"countries:gy",iso2:"gy",iso3:"guy",code:"+592",mask:"###-####"},{LangKey:"countries:ht",iso2:"ht",iso3:"hti",code:"+509",mask:"##-##-####"},{LangKey:"countries:hn",iso2:"hn",iso3:"hnd",code:"+504",mask:"####-####"},{LangKey:"countries:hu",iso2:"hu",iso3:"hun",code:"+36",mask:"(###) ###-###"},{LangKey:"countries:is",iso2:"is",iso3:"isl",code:"+354",mask:"###-####"},{LangKey:"countries:in",iso2:"in",iso3:"ind",code:"+91",mask:"(####) ###-###"},{LangKey:"countries:id",iso2:"id",iso3:"idn",code:"+62",mask:"(899) ###-####"},{LangKey:"countries:ir",iso2:"ir",iso3:"irn",code:"+98",mask:"(###) ###-####"},{LangKey:"countries:iq",iso2:"iq",iso3:"irq",code:"+964",mask:"(###) ###-####"},{LangKey:"countries:ie",iso2:"ie",iso3:"irl",code:"+353",mask:"(###) ###-###"},{LangKey:"countries:il",iso2:"il",iso3:"isr",code:"+972",mask:"59-###-####"},{LangKey:"countries:it",iso2:"it",iso3:"ita",code:"+39",mask:"(###) ####-###"},{LangKey:"countries:jm",iso2:"jm",iso3:"jam",code:"+1-876",mask:"###-####"},{LangKey:"countries:jp",iso2:"jp",iso3:"jpn",code:"+81",mask:"##-####-####"},{LangKey:"countries:jo",iso2:"jo",iso3:"jor",code:"+962",mask:"#-####-####"},{LangKey:"countries:kz",iso2:"kz",iso3:"kaz",code:"+7",mask:"(699) ###-##-##"},{LangKey:"countries:ke",iso2:"ke",iso3:"ken",code:"+254",mask:"###-######"},{LangKey:"countries:ki",iso2:"ki",iso3:"kir",code:"+686",mask:"##-###"},{LangKey:"countries:kp",iso2:"kp",iso3:"prk",code:"+850",mask:"191-###-####"},{LangKey:"countries:kr",iso2:"kr",iso3:"kor",code:"+82",mask:"##-###-####"},{LangKey:"countries:kw",iso2:"kw",iso3:"kwt",code:"+965",mask:"####-####"},{LangKey:"countries:kg",iso2:"kg",iso3:"kgz",code:"+996",mask:"(###) ###-###"},{LangKey:"countries:la",iso2:"la",iso3:"lao",code:"+856",mask:"(2099) ###-###"},{LangKey:"countries:lv",iso2:"lv",iso3:"lva",code:"+371",mask:"##-###-###"},{LangKey:"countries:lb",iso2:"lb",iso3:"lbn",code:"+961",mask:"##-###-###"},{LangKey:"countries:ls",iso2:"ls",iso3:"lso",code:"+266",mask:"9-###-####"},{LangKey:"countries:lr",iso2:"lr",iso3:"lbr",code:"+231",mask:"##-###-###"},{LangKey:"countries:ly",iso2:"ly",iso3:"lby",code:"+218",mask:"##-###-###"},{LangKey:"countries:li",iso2:"li",iso3:"lie",code:"+423",mask:"(###) ###-####"},{LangKey:"countries:lt",iso2:"lt",iso3:"ltu",code:"+370",mask:"(###) ##-###"},{LangKey:"countries:lu",iso2:"lu",iso3:"lux",code:"+352",mask:"(###) ###-###"},{LangKey:"countries:mg",iso2:"mg",iso3:"mdg",code:"+261",mask:"##-##-####9"},{LangKey:"countries:mw",iso2:"mw",iso3:"mwi",code:"+265",mask:"1-###-###"},{LangKey:"countries:my",iso2:"my",iso3:"mys",code:"+60",mask:"##-###-####"},{LangKey:"countries:mv",iso2:"mv",iso3:"mdv",code:"+960",mask:"###-####"},{LangKey:"countries:ml",iso2:"ml",iso3:"mli",code:"+223",mask:"##-##-####"},{LangKey:"countries:mt",iso2:"mt",iso3:"mlt",code:"+356",mask:"####-####"},{LangKey:"countries:mh",iso2:"mh",iso3:"mhl",code:"+692",mask:"###-####"},{LangKey:"countries:mr",iso2:"mr",iso3:"mrt",code:"+222",mask:"##-##-####"},{LangKey:"countries:mu",iso2:"mu",iso3:"mus",code:"+230",mask:"###-####"},{LangKey:"countries:mx",iso2:"mx",iso3:"mex",code:"+52",mask:"(###) ###-####"},{LangKey:"countries:fm",iso2:"fm",iso3:"fsm",code:"+691",mask:"###-####"},{LangKey:"countries:md",iso2:"md",iso3:"mda",code:"+373",mask:"####-####"},{LangKey:"countries:mc",iso2:"mc",iso3:"mco",code:"+377",mask:"(###) ###-###"},{LangKey:"countries:mn",iso2:"mn",iso3:"mng",code:"+976",mask:"##-##-####"},{LangKey:"countries:me",iso2:"me",iso3:"mne",code:"+382",mask:"##-###-###"},{LangKey:"countries:ma",iso2:"ma",iso3:"mar",code:"+212",mask:"##-####-###"},{LangKey:"countries:mz",iso2:"mz",iso3:"moz",code:"+258",mask:"##-###-###"},{LangKey:"countries:mm",iso2:"mm",iso3:"mmr",code:"+95",mask:"##-###-###"},{LangKey:"countries:na",iso2:"na",iso3:"nam",code:"+264",mask:"##-###-####"},{LangKey:"countries:nr",iso2:"nr",iso3:"nru",code:"+674",mask:"###-####"},{LangKey:"countries:np",iso2:"np",iso3:"npl",code:"+977",mask:"##-###-###"},{LangKey:"countries:nl",iso2:"nl",iso3:"nld",code:"+31",mask:"##-###-####"},{LangKey:"countries:nz",iso2:"nz",iso3:"nzl",code:"+64",mask:"(###) ###-###"},{LangKey:"countries:ni",iso2:"ni",iso3:"nic",code:"+505",mask:"####-####"},{LangKey:"countries:ne",iso2:"ne",iso3:"ner",code:"+227",mask:"##-##-####"},{LangKey:"countries:ng",iso2:"ng",iso3:"nga",code:"+234",mask:"(###) ###-####"},{LangKey:"countries:mk",iso2:"mk",iso3:"mkd",code:"+389",mask:"##-###-###"},{LangKey:"countries:no",iso2:"no",iso3:"nor",code:"+47",mask:"(###) ##-###"},{LangKey:"countries:om",iso2:"om",iso3:"omn",code:"+968",mask:"##-###-###"},{LangKey:"countries:pk",iso2:"pk",iso3:"pak",code:"+92",mask:"(###) ###-####"},{LangKey:"countries:pw",iso2:"pw",iso3:"plw",code:"+680",mask:"###-####"},{LangKey:"countries:pa",iso2:"pa",iso3:"pan",code:"+507",mask:"###-####"},{LangKey:"countries:pg",iso2:"pg",iso3:"png",code:"+675",mask:"(###) ##-###"},{LangKey:"countries:py",iso2:"py",iso3:"pry",code:"+595",mask:"(###) ###-###"},{LangKey:"countries:pe",iso2:"pe",iso3:"per",code:"+51",mask:"(###) ###-###"},{LangKey:"countries:ph",iso2:"ph",iso3:"phl",code:"+63",mask:"(###) ###-####"},{LangKey:"countries:pl",iso2:"pl",iso3:"pol",code:"+48",mask:"(###) ###-###"},{LangKey:"countries:pt",iso2:"pt",iso3:"prt",code:"+351",mask:"##-###-####"},{LangKey:"countries:qa",iso2:"qa",iso3:"qat",code:"+974",mask:"####-####"},{LangKey:"countries:ro",iso2:"ro",iso3:"rou",code:"+40",mask:"##-###-####"},{LangKey:"countries:ru",iso2:"ru",iso3:"rus",code:"+7",mask:"(###) ###-##-##"},{LangKey:"countries:rw",iso2:"rw",iso3:"rwa",code:"+250",mask:"(###) ###-###"},{LangKey:"countries:kn",iso2:"kn",iso3:"kna",code:"+1-869",mask:"###-####"},{LangKey:"countries:lc",iso2:"lc",iso3:"lca",code:"+1-758",mask:"###-####"},{LangKey:"countries:vc",iso2:"vc",iso3:"vct",code:"+1-784",mask:"###-####"},{LangKey:"countries:ws",iso2:"ws",iso3:"wsm",code:"+685",mask:"##-####"},{LangKey:"countries:sm",iso2:"sm",iso3:"smr",code:"+378",mask:"####-####99"},{LangKey:"countries:st",iso2:"st",iso3:"stp",code:"+239",mask:"##-####9"},{LangKey:"countries:sa",iso2:"sa",iso3:"sau",code:"+966",mask:"5-####-####"},{LangKey:"countries:sn",iso2:"sn",iso3:"sen",code:"+221",mask:"##-###-####"},{LangKey:"countries:rs",iso2:"rs",iso3:"srb",code:"+381",mask:"##-###-####"},{LangKey:"countries:sc",iso2:"sc",iso3:"syc",code:"+248",mask:"9-###-###"},{LangKey:"countries:sl",iso2:"sl",iso3:"slv",code:"+232",mask:"##-####99"},{LangKey:"countries:sg",iso2:"sg",iso3:"sgp",code:"+65",mask:"####-####"},{LangKey:"countries:sk",iso2:"sk",iso3:"svk",code:"+421",mask:"(###) ###-###"},{LangKey:"countries:si",iso2:"si",iso3:"svn",code:"+386",mask:"##-###-###"},{LangKey:"countries:sb",iso2:"sb",iso3:"slb",code:"+677",mask:"###-####"},{LangKey:"countries:so",iso2:"so",iso3:"som",code:"+252",mask:"##-###-###"},{LangKey:"countries:za",iso2:"za",iso3:"zaf",code:"+27",mask:"##-###-####"},{LangKey:"countries:ss",iso2:"ss",iso3:"ssd",code:"+211",mask:"##-###-####"},{LangKey:"countries:es",iso2:"es",iso3:"esp",code:"+34",mask:"(###) ###-###"},{LangKey:"countries:lk",iso2:"lk",iso3:"lka",code:"+94",mask:"##-###-####"},{LangKey:"countries:sd",iso2:"sd",iso3:"sdn",code:"+249",mask:"##-###-####"},{LangKey:"countries:sr",iso2:"sr",iso3:"sur",code:"+597",mask:"###-####"},{LangKey:"countries:se",iso2:"se",iso3:"swe",code:"+46",mask:"##-###-####"},{LangKey:"countries:ch",iso2:"ch",iso3:"che",code:"+41",mask:"##-###-####"},{LangKey:"countries:sy",iso2:"sy",iso3:"syr",code:"+963",mask:"##-####-###"},{LangKey:"countries:tj",iso2:"tj",iso3:"tjk",code:"+992",mask:"##-###-####"},{LangKey:"countries:tz",iso2:"tz",iso3:"tza",code:"+255",mask:"##-###-####"},{LangKey:"countries:th",iso2:"th",iso3:"tha",code:"+66",mask:"##-###-####"},{LangKey:"countries:tw",iso2:"tw",iso3:"twn",code:"+886",mask:"9-####-####"},{LangKey:"countries:tl",iso2:"tl",iso3:"tls",code:"+670",mask:"###-####"},{LangKey:"countries:tg",iso2:"tg",iso3:"tgo",code:"+228",mask:"##-###-###"},{LangKey:"countries:to",iso2:"to",iso3:"ton",code:"+676",mask:"####9"},{LangKey:"countries:tt",iso2:"tt",iso3:"tto",code:"+1-868",mask:"###-####"},{LangKey:"countries:tn",iso2:"tn",iso3:"tun",code:"+216",mask:"##-###-###"},{LangKey:"countries:tr",iso2:"tr",iso3:"tur",code:"+90",mask:"(###) ### ## ##"},{LangKey:"countries:tm",iso2:"tm",iso3:"tkm",code:"+993",mask:"9-###-####"},{LangKey:"countries:tv",iso2:"tv",iso3:"tuv",code:"+688",mask:"90####"},{LangKey:"countries:ug",iso2:"ug",iso3:"uga",code:"+256",mask:"(###) ###-###"},{LangKey:"countries:ua",iso2:"ua",iso3:"ukr",code:"+380",mask:"(##) ###-##-##"},{LangKey:"countries:ae",iso2:"ae",iso3:"are",code:"+971",mask:"59-###-####"},{LangKey:"countries:gb",iso2:"gb",iso3:"gbr",code:"+44",mask:"##-####-####"},{LangKey:"countries:us",iso2:"us",iso3:"usa",code:"+1",mask:"(###) ###-####"},{LangKey:"countries:uy",iso2:"uy",iso3:"ury",code:"+598",mask:"9-###-##-##"},{LangKey:"countries:uz",iso2:"uz",iso3:"uzb",code:"+998",mask:"##-###-####"},{LangKey:"countries:vu",iso2:"vu",iso3:"vut",code:"+678",mask:"##-####9"},{LangKey:"countries:ve",iso2:"ve",iso3:"ven",code:"+58",mask:"(###) ###-####"},{LangKey:"countries:vn",iso2:"vn",iso3:"vnm",code:"+84",mask:"##-####-###"},{LangKey:"countries:ye",iso2:"ye",iso3:"yem",code:"+967",mask:"###-###-###"},{LangKey:"countries:zm",iso2:"zm",iso3:"zmb",code:"+260",mask:"##-###-####"},{LangKey:"countries:zw",iso2:"zw",iso3:"zwe",code:"+263",mask:"9-######"}];export{s as default};

package/dist/es/datepicker/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useId as i,useContext as a,useMemo as l,useState as s,useEffect as d,useImperativeHandle as c}from"react";import{CSSTransition as n}from"react-transition-group";import"../helpers/datetime/dayjsSetup.js";import m from"../utils/GetSizeSlugBySize.js";import p from"../locales/tr/calendar.json.js";import u from"../locales/en/calendar.json.js";import j from"../context/ITDContext.js";import"../helpers/theme/cssVariables.js";import"../helpers/theme/light.js";import"../helpers/theme/dark.js";import"../helpers/theme/tokens.js";import{ComponentSizes as f,ComponentXPositions as g}from"../enums/enum.js";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../logger/index.js";import"react-router-dom";import"axios";import"../html/header/styled.js";import"../select/index.js";import"../form/index.js";import"../checkbox/index.js";import"../accordion/index.js";import v from"../calendar/index.js";import x from"../input/index.js";import"../textarea/index.js";import"../switch/index.js";import"../upload/index.js";import"react-dom";import"../button/index.js";import"../modal/modal/styled.js";import"../modal/container/styled.js";import"../modal/context/ModalContext.js";import"../notification/context/NotificationsContext.js";import"../radio/index.js";import"../image/index.js";import"../alert/index.js";import"../result/index.js";import"../alink/index.js";import"../back-top/styled.js";import"../progress/styled.js";import"../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js";import"../tinyscrollbar/scroll.styled.js";import"../label/index.js";import"../card/Card.js";import"../card/CardHeader.js";import"../card/CardTitle.js";import"../card/CardDescription.js";import"../card/CardAction.js";import"../card/CardTabs.js";import"../card/CardContent.js";import"../card/CardFooter.js";import"../popover/PopoverContent.js";import"../popover/Popover.js";import"../popover/PopoverTrigger.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipTrigger.js";import"../tooltip/TooltipContent.js";import"../hovercard/HoverCard.js";import"../hovercard/HoverCardTrigger.js";import"../hovercard/HoverCardContent.js";import"../table/index.js";import"../flex/styled.js";import h from"../_virtual/dayjs.min.js";import b from"../node_modules/lucide-react/dist/esm/icons/calendar-1.js";import k from"../node_modules/lucide-react/dist/esm/icons/circle-x.js";const z=o(({id:o="",placeholder:z="",mask:C="##/##/####",size:y=f.DEFAULT,variant:D="default",disabled:T=!1,locked:Y=!1,position:E=g.LEFT,className:M="",value:N="",defaultValue:_="",suffix:F,onUpdate:V,onChange:$,disabledDate:L,calendarLocale:S},H)=>{const P=r(null),w=i(),{locale:A,language:B}=a(j),G=r(null),I=r(null),O=l(()=>S||("tr"===B?p:u),[S,B]),R=l(()=>O.format,[O]),[U,K]=s(""),[W,q]=s(""),[J,Q]=s(!1),[X,Z]=s(o),[ee,te]=s({localizated:"",global:""}),[oe,re]=s(!1);d(()=>(""===o&&Z("itd-datepicker-"+w),""!==_&&(K(h(_).locale(A).format(R)),te({localizated:h(_).locale(A).format(R),global:_})),()=>{ae(!1)}),[]),d(()=>{""!==N&&(K(h(N).locale(A).format(R)),te({localizated:h(N).locale(A).format(R),global:N}))},[N]),d(()=>{ae(J)},[J]),d(()=>{I.current&&I.current.setError?.(W)},[W]),d(()=>{""!==U&&(te({localizated:h(ee.global).locale(A).format(R),global:ee.global}),K(h(ee.global).locale(A).format(R)))},[A,B,R]);const ie=(e,t=!0,o=!0,r=!1)=>{if(!r&&(""===e.localizated||e.localizated===U))return;const i=ue(e.localizated),a=i?e.global:"";K(i?e.localizated:""),V&&V(a,t,o)};c(H,()=>({reset(e=!0,t=!0){q(""),te({localizated:"",global:""}),ie("",e,t,!0)},setValue(e,t=!0,o=!0){if(ee.global===e)return;const r={localizated:h(e).locale(A).format(R),global:e};te(r),ie(r,t,o)},getValue:()=>""!==ee.localizated?ee.global:"",setError(e){q(e)},clear(){}}));const ae=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",le)},le=e=>{J&&G.current&&!G.current.contains(e.target)&&Q(!1)},se=e=>{const t=e.key;if(!/^[0-9]$/.test(t))return"Enter"===t||" "===t?(T||Y||Q(!0),void e.preventDefault()):void("Escape"!==t&&"Esc"!==t&&"Tab"!==t||Q(!1));T||Y||Q(!0)},de=()=>{},ce=()=>{Y||(I.current&&I.current.setFocus&&I.current.setFocus(),Q(!0))},ne=()=>{const e=C?.replace(/[^/(.*?)]/g,"_"),t=U;if(""===t)return void(""!==ee.localizated&&K(ee.localizated));(t.includes("_")||t===e||!ue(t))&&(""!==ee.localizated?K(ee.localizated):K(""))},me=e=>{Q(!1),te(e),ie(e,!0),$&&$(e)},pe=e=>{if(!e||""===e)return h().startOf("day");if("DD/MM/YYYY"===R){const t=e.split("/");if(3===t.length){const[e,o,r]=t;return h(`${r}-${o}-${e}`)}}else if("MM/DD/YYYY"===R){const t=e.split("/");if(3===t.length){const[e,o,r]=t;return h(`${r}-${e}-${o}`)}}return h(e,R,!0)},ue=e=>{if(!e||e.includes("_"))return!1;let t=pe(e).isValid(),o=!1;return L&&(o=L(pe(e))),t&&!o},je=l(()=>{let e="itd-date-picker";return e+=" itd-date-picker-"+m(y),e+=" itd-date-picker-"+D,T&&(e+=" itd-date-picker-disabled"),Y&&(e+=" itd-date-picker-locked"),W&&(e+=" itd-date-picker-error"),J&&(e+=" itd-date-picker-open"),""!==M&&(e+=" "+M),e},[T,Y,W,J,M]);return e("div",{className:je,...T?{"data-disabled":""}:{},ref:G,onClick:T||Y?void 0:ce,children:[t("div",{onMouseEnter:()=>{re(!0)},onMouseLeave:()=>re(!1),children:t(x,{id:X,placeholder:z,value:U,mask:C,size:y,variant:D,autoComplete:"off",onChange:e=>(e=>{const t=ue(e),o=C?.replace(/[^/(.*?)]/g,"_"),r={localizated:e,global:pe(e).format("YYYY-MM-DD")};q(""),t?(ie(r),te(r)):K(""===e||e===o?"":e)})(String(e)),onFocus:de,onKeyDown:se,onBlur:ne,keepFocus:J,focusRef:G,ref:I,disabled:T,locked:Y,suffix:Y?null:t("div",{className:"itd-datepicker-suffix",children:oe&&""!==ee.localizated&&!T?t("div",{className:"itd-datepicker-remove-button",onClick:e=>{oe&&""!==ee.localizated&&(e.preventDefault(),e.stopPropagation(),te({localizated:"",global:""}),K(""),Q(!1),$&&$({localizated:"",global:""}),V&&V("",!0,!0))},children:t(k,{size:16,className:"itd-datepicker-remove-icon clear"})}):F||t("span",{className:"itd-datepicker-icon",style:{opacity:1},children:t(b,{size:16,strokeWidth:2})})})})}),t(n,{in:J,timeout:200,classNames:"datepicker-modal",nodeRef:P,unmountOnExit:!0,children:t("div",{className:"itd-datepicker-calendar","data-position":E,ref:P,children:t(v,{value:ee.localizated,defaultValue:ee.localizated,onChange:me,disabledDate:L,locale:O})})})]})});export{z as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useId as l,useContext as i,useMemo as n,useState as c,useEffect as s,useImperativeHandle as d}from"react";import{createPortal as u}from"react-dom";import{CSSTransition as m}from"react-transition-group";import{toZonedDayjs as p,nowInZone as f,fromZonedWallClock as g}from"../helpers/datetime/dayjsSetup.js";import z from"../utils/GetSizeSlugBySize.js";import b from"../input/index.js";import{useFocusTrap as k}from"../hooks/useFocusTrap.js";import{useFloatingPosition as v}from"../hooks/useFloatingPosition.js";import h from"../context/ITDContext.js";import D from"../locales/tr/calendar.json.js";import y from"../locales/en/calendar.json.js";import j from"../calendar/index.js";import{ComponentXPositions as x,ComponentYPositions as F,ComponentSizes as Y}from"../enums/enum.js";import{Calendar1 as w,CircleX as E}from"lucide-react";import{usePortalDocument as M}from"../context/PortalDocumentContext.js";import{useDefaultVariant as N}from"../context/FormDefaultsContext.js";import S from"dayjs";const T=a(({id:a="",placeholder:T="",mask:$,format:C,timeZone:O,showTime:A=!1,size:P=Y.DEFAULT,compact:L=!1,variant:R,disabled:V=!1,locked:H=!1,errorDisplay:q="tooltip",position:I=x.LEFT,className:_="",value:B,defaultValue:U="",suffix:Z,onUpdate:G,onChange:K,disabledDate:W,calendarLocale:J},Q)=>{const X=N(R,"default"),ee=M(),te=r(null),oe=l(),{locale:ae,language:re,theme:le,dateFormat:ie,timeZone:ne}=i(h),ce=r(null),se=r(null),de=O||ne||"local",ue=!!A,me="object"==typeof A?A:{},pe=n(()=>J||("tr"===re?D:y),[J,re]),fe=n(()=>J?.format||ie||pe.format,[J,ie,pe]),ge=n(()=>me.format||pe.timeFormat||"HH:mm",[me.format,pe]),ze=n(()=>C||(ue?`${fe} ${ge}`:fe),[C,ue,fe,ge]),be=n(()=>({...pe,format:ze}),[pe,ze]),ke=n(()=>$??(e=>e.replace(/[A-Za-z]/g,"#"))(ze),[$,ze]),[ve,he]=c(""),[De,ye]=c(0),[je,xe]=c(""),[Fe,Ye]=c(!1),[we,Ee]=c(a),[Me,Ne]=c({localizated:"",global:""}),[Se,Te]=c(!1),$e=v({isOpen:Fe,triggerRef:ce,contentRef:te,placement:F.BOTTOM,offset:6,showArrow:!1,align:I===x.RIGHT?"end":"start",padding:8}),Ce={top:$e.position.top,left:$e.position.left,placement:$e.position.actualPlacement},Oe=r(!1);k({isActive:Fe,containerRef:te,autoFocus:!1,trapFocusOutside:!1,restoreFocus:!1}),s(()=>{if(""===a&&Ee("itd-datepicker-"+oe),""!==U){const e=p(U,de).locale(ae).format(ze);he(e),Ne({localizated:e,global:U})}},[]),s(()=>{if(void 0===B)return;if(""===B)return he(""),Ne({localizated:"",global:""}),void ye(e=>e+1);const e=p(B,de).locale(ae).format(ze);he(e),Ne({localizated:e,global:B})},[B]),s(()=>{if(!Fe)return;const e=ce.current?.ownerDocument??document,t=e=>{const t=e.target,o=ce.current?.contains(t),a=te.current?.contains(t);o||a||Ye(!1)};return e.addEventListener("pointerdown",t),()=>e.removeEventListener("pointerdown",t)},[Fe]),s(()=>{se.current&&se.current.setError?.(je)},[je]),s(()=>{if(!Fe||!Oe.current)return;const e=requestAnimationFrame(()=>{const e=te.current;if(Oe.current=!1,!e)return;const t=e.querySelector('.itd-calendar-day[tabindex="0"]')||e.querySelector(".itd-calendar-day:not([disabled])")||e.querySelector('button:not([disabled]), [tabindex="0"]');t?.focus()});return()=>cancelAnimationFrame(e)},[Fe]),s(()=>{if(""===ve)return;const e=p(Me.global,de).locale(ae).format(ze);Ne({localizated:e,global:Me.global}),he(e)},[ae,re,ze,de]);const Ae=e=>{he(e),ye(e=>e+1)},Pe=()=>Ae(""),Le=(e,t=!0,o=!0,a=!1)=>{if(!a&&(""===e.localizated||e.localizated===ve))return;const r=Ue(e.localizated),l=r?e.global:"";r?he(e.localizated):Pe(),G&&G(l,t,o)};d(Q,()=>({reset(e=!0,t=!0){xe(""),Ne({localizated:"",global:""}),Le("",e,t,!0)},setValue(e,t=!0,o=!0){if(Me.global===e)return;const a={localizated:p(e,de).locale(ae).format(ze),global:e};Ne(a),Le(a,t,o)},getValue:()=>""!==Me.localizated?Me.global:"",setError(e){xe(e)},forceUpdate(){Le(Me,!0,!0,!0)},clear(){Ne({localizated:"",global:""}),xe(""),Pe(),Ye(!1)}}));const Re=e=>{const t=e.key;if(!/^[0-9]$/.test(t))return"Enter"===t||" "===t||"ArrowDown"===t?(V||H||(Oe.current=!0,Ye(!0)),void e.preventDefault()):void("Escape"!==t&&"Esc"!==t||Ye(!1));V||H||Ye(!0)},Ve=()=>{},He=e=>{H||e.target instanceof Node&&te.current?.contains(e.target)||(se.current&&se.current.setFocus&&se.current.setFocus(),Ye(!0))},qe=()=>{const e=ke?.replace(/#/g,"_"),t=ve;if(""===t)return void(""!==Me.localizated&&Ae(Me.localizated));(t.includes("_")||t===e||!Ue(t))&&(""!==Me.localizated?Ae(Me.localizated):Pe())},Ie=e=>{const t=ue?{localizated:e.localizated,global:g(e.global,de).toISOString()}:e;Ye(!1),Ne(t),Le(t,!0),K&&K(t),se.current?.setFocus?.()},_e=e=>{"Escape"!==e.key&&"Esc"!==e.key||(e.stopPropagation(),Ye(!1),se.current?.setFocus?.())},Be=e=>{if(!e||""===e)return S().startOf("day");if("DD/MM/YYYY"===ze){const t=e.split("/");if(3===t.length){const[e,o,a]=t;return S(`${a}-${o}-${e}`)}}else if("MM/DD/YYYY"===ze){const t=e.split("/");if(3===t.length){const[e,o,a]=t;return S(`${a}-${e}-${o}`)}}return S(e,ze,!0)},Ue=e=>{if(!e||e.includes("_"))return!1;let t=Be(e).isValid(),o=!1;return W&&(o=W(Be(e))),t&&!o},Ze=n(()=>{let e="itd-date-picker";return e+=" itd-date-picker-"+z(P),e+=" itd-date-picker-"+X,V&&(e+=" itd-date-picker-disabled"),H&&(e+=" itd-date-picker-locked"),je&&(e+=" itd-date-picker-error"),Fe&&(e+=" itd-date-picker-open"),""!==_&&(e+=" "+_),e},[V,H,je,Fe,_]),Ge=""!==ve||""!==Me.localizated;return e(t,{children:[o("div",{className:Ze,...V?{"data-disabled":""}:{},ref:ce,onClick:V||H?void 0:He,children:o("div",{onMouseEnter:()=>{Te(!0)},onMouseLeave:()=>Te(!1),children:o(b,{id:we,placeholder:T,value:ve,mask:ke,size:P,variant:X,errorDisplay:q,onChange:e=>(e=>{const t=Ue(e),o=ke?.replace(/#/g,"_"),a={localizated:e,global:(r=Be(e),r&&r.isValid()?ue?g(r.format("YYYY-MM-DDTHH:mm:ss"),de).toISOString():r.format("YYYY-MM-DD"):"")};var r;xe(""),t?(Le(a),Ne(a),K&&K(a)):he(""===e||e===o?"":e)})(String(e)),onFocus:Ve,onKeyDown:Re,onBlur:qe,focusRef:ce,ref:se,disabled:V,locked:H,suffix:H?null:o("div",{className:"itd-datepicker-suffix",children:Se&&Ge&&!V?o("div",{className:"itd-datepicker-remove-button",onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{if(!Ge)return;e.preventDefault(),e.stopPropagation();const t=""!==Me.localizated;Ne({localizated:"",global:""}),xe(""),Pe(),Ye(!1),t&&(K&&K({localizated:"",global:""}),G&&G("",!0,!0))},children:o(E,{size:16,className:"itd-datepicker-remove-icon clear"})}):Z||o("span",{className:"itd-datepicker-icon",style:{opacity:1},children:o(w,{size:16,strokeWidth:2})})})},De)})}),ee?u(o("div",{className:"itd-datepicker-portal","data-theme":le,children:o(m,{in:Fe,timeout:200,classNames:"datepicker-modal",nodeRef:te,unmountOnExit:!0,children:o("div",{className:"itd-datepicker-calendar","data-placement":Ce.placement,ref:te,onKeyDown:_e,style:{position:"fixed",top:Ce.top,left:Ce.left},children:o(j,{value:Me.localizated,defaultValue:Me.localizated,onChange:Ie,disabledDate:W,locale:be,showTime:A,compact:L,getNow:()=>f(de)})})})}),ee.body):null]})});T.displayName="DatePicker";export{T as default};

package/dist/es/dialog/Dialog.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{createContext as o,useState as i,useId as n,isValidElement as s,useContext as l,useRef as r,useEffect as a,useMemo as d}from"react";import{createPortal as c}from"react-dom";import{CSSTransition as u}from"react-transition-group";import{Drawer as p}from"../_bundled/vaul/dist/index.js";import{X as m}from"lucide-react";import{useFocusTrap as h}from"../hooks/useFocusTrap.js";import b from"../hooks/useOnESCKeyDown.js";import C from"../hooks/useOnClickOutside.js";import v from"../hooks/useMediaQuery.js";import{lockScroll as g}from"../primitives/scrollLock.js";import{dismissTopOverlayLayer as f}from"../primitives/overlayStack.js";import{cn as y}from"../utils/cn.js";import{Slot as N}from"../primitives/Slot.js";import O from"../button/index.js";import{usePortalDocument as k}from"../context/PortalDocumentContext.js";const D=o(null),w=()=>{const e=l(D);if(!e)throw new Error("Dialog sub-components must be used inside a <Dialog> parent.");return e},I=({open:t,defaultOpen:o=!1,onOpenChange:s,children:l})=>{const[r,a]=i(o),d=void 0!==t,c=d?t:r,u=n(),p=n(),m=n(),[h,b]=i(!1);return e(D.Provider,{value:{open:c,setOpen:e=>{d||a(e),s?.(e)},titleId:u,descriptionId:p,contentId:m,hasDescription:h,setHasDescription:b},children:l})},E=({asChild:t,onClick:o,children:i,...n})=>{const{open:l,setOpen:r,contentId:a}=w(),d={...n,onClick:e=>{o?.(e),e.defaultPrevented||r(!0)},"aria-haspopup":"dialog","aria-expanded":l,"aria-controls":a};return t?s(i)?e(N,{...d,children:i}):("production"!==process.env.NODE_ENV&&console.warn("[DialogTrigger]: When `asChild` is set, children must be a single React element, e.g. <DialogTrigger asChild><Button>Open</Button></DialogTrigger>."),null):e("button",{type:"button",...d,children:i})},j=t=>{const{side:o="center",responsive:i=!1,mobileBreakpoint:n=768}=t,s=k(),l=v(`(max-width: ${n-1}px)`,s?.defaultView??null),r=i?l?"bottom":"center":o;return"center"===r?e(x,{...t}):e(A,{...t,side:r})},x=({className:o,children:i,showClose:n=!0,closeAriaLabel:s="Close",closeOnEscape:l=!0,closeOnOutsideClick:d=!0,onEscapeKeyDown:p,onPointerDownOutside:v,responsive:f=!1,side:N,mobileBreakpoint:O,handle:D,...I})=>{const{open:E,setOpen:j,titleId:x,descriptionId:A,contentId:B,hasDescription:F}=w(),P=r(null),R=r(null);h({isActive:E,containerRef:P,trapFocusOutside:!0,autoFocus:!0,restoreFocus:!0});const S=k();return b(()=>{E&&(p?.(),l&&j(!1))},P,{enabled:E}),C(P,()=>{E&&(v?.(),d&&j(!1))},{enabled:E}),a(()=>{if(E&&S)return g(S)},[E,S]),S?c(e(u,{in:E,timeout:200,classNames:"itd-dialog",nodeRef:R,mountOnEnter:!0,unmountOnExit:!0,appear:!0,children:t("div",{ref:R,className:"itd-dialog-portal",children:[e("div",{className:"itd-dialog-overlay","aria-hidden":"true"}),t("div",{ref:P,id:B,role:"dialog","aria-modal":"true","aria-labelledby":x,"aria-describedby":F?A:void 0,tabIndex:-1,"data-responsive":f?"":void 0,...I,className:y("itd-dialog-content",o),children:[n&&e("button",{type:"button",className:"itd-dialog-close","aria-label":s,onClick:()=>j(!1),children:e(m,{size:16,strokeWidth:2})}),i]})]})}),S.body):null},A=({className:o,children:n,showClose:s=!0,closeAriaLabel:l="Close",side:c="bottom",handle:u=!0,closeOnEscape:C=!0,closeOnOutsideClick:v=!0,onEscapeKeyDown:N,onPointerDownOutside:O,responsive:D,mobileBreakpoint:I,...E})=>{const{open:j,setOpen:x,titleId:A,descriptionId:B,contentId:F,hasDescription:P}=w(),R=k(),S=r(null),K="undefined"!=typeof document?document:null,T=!!R&&R!==K;a(()=>{if(j&&R)return g(R)},[j,R]);const[W,H]=i(null),L=d(()=>({current:W}),[W]);h({isActive:j,containerRef:L,trapFocusOutside:!0,autoFocus:!0,restoreFocus:!0});const V=r(null);if(V.current=S.current??R?.body??null,b(()=>{j&&(N?.(),C&&x(!1))},V,{enabled:j}),!R)return null;const _="center"===c?"bottom":c;return e(p.Root,{open:j,onOpenChange:x,direction:_,dismissible:v,modal:!1,noBodyStyles:!0,repositionInputs:!T,children:t(p.Portal,{container:R.body,children:[e("div",{className:"itd-dialog-overlay itd-sheet-overlay","aria-hidden":"true",onClick:()=>{O?.(),v&&x(!1)}}),t(p.Content,{ref:e=>{S.current=e,H(e)},id:F,"aria-labelledby":A,"aria-describedby":P?B:void 0,...E,"data-side":_,className:y("itd-sheet-content",o),onEscapeKeyDown:e=>{e.preventDefault(),f(S.current,e)},children:["bottom"===_&&u&&e(p.Handle,{className:"itd-sheet-handle"}),s&&e("button",{type:"button",className:"itd-dialog-close","aria-label":l,onClick:()=>x(!1),children:e(m,{size:16,strokeWidth:2})}),e("div",{className:"itd-sheet-body",children:n})]})]})})},B=({className:t,variant:o="plain",...i})=>e("div",{...i,"data-variant":o,className:y("itd-dialog-header",t)}),F=({className:t,...o})=>{const{titleId:i}=w();return e("h2",{id:i,...o,className:y("itd-dialog-title",t)})},P=({className:t,...o})=>{const{descriptionId:i,setHasDescription:n}=w();return a(()=>(n(!0),()=>n(!1)),[n]),e("p",{id:i,...o,className:y("itd-dialog-description",t)})},R=({className:t,variant:o="plain",...i})=>e("div",{...i,"data-variant":o,className:y("itd-dialog-footer",t)}),S=({asChild:t,onClick:o,children:i,...n})=>{const{setOpen:l}=w(),r={...n,onClick:e=>{o?.(e),e.defaultPrevented||l(!1)}};return t?s(i)?e(N,{...r,children:i}):("production"!==process.env.NODE_ENV&&console.warn("[DialogClose]: When `asChild` is set, children must be a single React element, e.g. <DialogClose asChild><Button>Cancel</Button></DialogClose>."),null):e("button",{type:"button",...r,children:i})},K=I,T=E,W=({className:t,...o})=>e(j,{showClose:!1,closeOnOutsideClick:!1,className:y("itd-alert-dialog-content",t),...o});W.displayName="AlertDialogContent";const H=B,L=F,V=P,_=R,z=({children:t,onClick:o,...i})=>e(S,{asChild:!0,onClick:o??void 0,children:e(O,{type:"button",variant:"outline",...i,children:t})});z.displayName="AlertDialogCancel";const M=({children:t,onClick:o,...i})=>e(S,{asChild:!0,onClick:o??void 0,children:e(O,{type:"button",...i,children:t})});M.displayName="AlertDialogAction";const Q=I,$=E,q=B,G=F,J=P,U=R,X=S,Y=({side:t="bottom",...o})=>e(j,{side:t,...o});Y.displayName="SheetContent";export{K as AlertDialog,M as AlertDialogAction,z as AlertDialogCancel,W as AlertDialogContent,V as AlertDialogDescription,_ as AlertDialogFooter,H as AlertDialogHeader,L as AlertDialogTitle,T as AlertDialogTrigger,I as Dialog,S as DialogClose,j as DialogContent,P as DialogDescription,R as DialogFooter,B as DialogHeader,F as DialogTitle,E as DialogTrigger,Q as Sheet,X as SheetClose,Y as SheetContent,J as SheetDescription,U as SheetFooter,q as SheetHeader,G as SheetTitle,$ as SheetTrigger};

package/dist/es/dropdown-menu/CheckIcon.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";const o=()=>t("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M11.5 3.5L5.5 9.5L2.5 6.5",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})});export{o as CheckIcon,o as default};

package/dist/es/dropdown-menu/DropdownMenu.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as o,useId as n,useRef as r,useEffect as t,useCallback as i,useContext as s}from"react";import{initFocusModality as u}from"../utils/focusModality.js";import{TriggerTypes as c}from"../enums/enum.js";import{useFloatingTrigger as m}from"../hooks/useFloatingTrigger.js";import{usePortalDocument as l}from"../context/PortalDocumentContext.js";const p=o(null);function a(e){const o=s(p);if(!o)throw new Error(`<${e}> must be used within <DropdownMenu>.`);return o}const f=({children:o,defaultOpen:s,open:a,onOpenChange:f})=>{const d=n(),g=r(null),h=l();t(()=>{h&&u(h)},[h]);const w=m({trigger:c.CLICK,closeOnClickOutside:!0,defaultOpen:s,open:a,onOpenChange:i(e=>{e||(g.current=null,requestAnimationFrame(()=>{const e=w.triggerRef.current;e?.ownerDocument.hasFocus()&&e.focus()})),f?.(e)},[f])}),C=i(e=>{g.current=e?"last":"first",w.open()},[w]),O=i(e=>{e(),w.close()},[w]);return e(p.Provider,{value:{id:d,trigger:w,pendingFocusRef:g,onItemSelect:O,openWithKeyboard:C},children:o})};f.displayName="DropdownMenu";export{f as DropdownMenu,p as DropdownMenuContext,a as useDropdownMenuContext};

package/dist/es/dropdown-menu/DropdownMenuCheckboxItem.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useCallback as m}from"react";import{useMenuItemChrome as r}from"./useMenuItemChrome.js";import{CheckIcon as c}from"./CheckIcon.js";const n=({children:n,checked:t=!1,onCheckedChange:i,disabled:d=!1,className:a="",_itemId:s})=>{const{itemProps:h}=r({disabled:d,className:a,itemId:s,componentName:"DropdownMenuCheckboxItem"}),p=m(()=>{!d&&i&&i(!t)},[d,i,t]);return e("button",{role:"menuitemcheckbox","aria-checked":t,...h,onClick:p,children:[n,o("span",{className:"itd-dropdown-menu-indicator",children:t&&o(c,{})})]})};n.displayName="DropdownMenuCheckboxItem";export{n as DropdownMenuCheckboxItem};

package/dist/es/dropdown-menu/DropdownMenuContent.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as n,useRef as r,useState as t,useCallback as o,useEffect as i,useContext as s}from"react";import{ComponentYPositions as a}from"../enums/enum.js";import{useFloatingPosition as l}from"../hooks/useFloatingPosition.js";import c from"../hooks/useOnESCKeyDown.js";import{FloatingContent as u}from"../floating/FloatingContent.js";import d from"../tinyscrollbar/index.js";import{useDropdownMenuContext as p}from"./DropdownMenu.js";import{useMenuKeyboard as m,findFirstEnabledItem as f,scrollMenuItemIntoView as g,findLastEnabledItem as v}from"./useMenuKeyboard.js";import{MenuItemContext as S}from"./MenuItemContext.js";import{processChildren as b}from"./processChildren.js";import{useSubMenuRegistry as h}from"./useSubMenuRegistry.js";const w=n(!1),O=()=>s(w),C=({children:n,placement:s=a.BOTTOM,offset:O=4,className:C="",align:y="start",variant:j="default",compact:M=!1})=>{const{id:R,trigger:x,pendingFocusRef:A,onItemSelect:F}=p("DropdownMenuContent"),I=r(null),P=r(null),{registerSubClose:D,unregisterSubClose:N,closeOpenSubs:G,registerOpenSubContent:K,unregisterOpenSubContent:T,isPointerInGraceArea:k,setGraceArea:q,handleContentPointerMove:$}=h(I);c(()=>x.close(),I,{enabled:x.isOpen});const H=l({isOpen:x.isOpen,triggerRef:x.triggerRef,contentRef:x.contentRef,placement:s,offset:O,showArrow:!1,align:y,padding:8,preferMoreSpace:!0}),[B,E]=t(void 0),W=H.position,z=void 0!==H.position.availableHeight?Math.max(H.position.availableHeight,100):void 0,J=o(()=>{const e=I.current;if(!e)return;const n=e.style.width;e.style.width="";const r=e.offsetWidth;e.style.width=n,E(r)},[]);i(()=>{if(!x.isOpen||!x.triggerRef.current)return;const e=requestAnimationFrame(J);return()=>cancelAnimationFrame(e)},[x.isOpen,J]);const L={idx:0,menuId:R,disabledSet:new Set},Q=b(n,L),U=L.disabledSet,{handleKeyDown:V}=m({menuRef:I,disabledSet:U,onClose:()=>x.close()});i(()=>{x.isOpen?(P.current=A.current,A.current=null,I.current?.focus({preventScroll:!0})):P.current=null},[x.isOpen]),i(()=>{void 0!==B&&x.isOpen&&requestAnimationFrame(()=>{if(!I.current)return;const e=I.current.querySelector("[data-overlayscrollbars-viewport]");e&&(e.scrollTop=0);const n=P.current;if("first"===n){const e=f(I.current);e&&(e.focus({preventScroll:!0}),g(e,I.current))}else if("last"===n){const e=v(I.current);e&&(e.focus({preventScroll:!0}),g(e,I.current))}})},[B,x.isOpen]);const X=o(e=>{if("Tab"===e.key)return e.preventDefault(),void x.close();V(e)},[V,x]);return e(u,{isOpen:x.isOpen,position:W,showArrow:!1,className:`itd-dropdown-menu ${C}`.trim(),trapFocus:!1,returnFocusRef:x.triggerRef,id:R,role:"menu",...x.getContentProps(),children:e(w.Provider,{value:M,children:e(S.Provider,{value:{onItemSelect:F,contentInnerRef:I,closeOpenSubs:G,registerSubClose:D,unregisterSubClose:N,isPointerInGraceArea:k,setGraceArea:q,registerOpenSubContent:K,unregisterOpenSubContent:T},children:e("div",{ref:I,className:"itd-dropdown-menu-items","data-variant":j,"data-compact":M?"":void 0,"data-dropdown-menu-id":R,tabIndex:-1,onKeyDown:X,onPointerMoveCapture:$,style:{outline:"none",...void 0!==B?{width:`${B}px`}:{},...void 0!==z?{"--itd-dropdown-menu-max-h":`${z}px`}:{}},children:void 0!==B?e(d,{className:"itd-dropdown-menu-scroll",children:Q}):Q})})})})};C.displayName="DropdownMenuContent";export{C as DropdownMenuContent,O as useDropdownMenuCompact};

package/dist/es/dropdown-menu/DropdownMenuItem.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useCallback as t}from"react";import{useMenuItemChrome as m}from"./useMenuItemChrome.js";const o=({children:o,onSelect:r,disabled:n=!1,className:i="",_itemId:s})=>{const{onItemSelect:c,itemProps:a}=m({disabled:n,className:i,itemId:s,componentName:"DropdownMenuItem"}),d=t(()=>{!n&&r&&c(r)},[n,r,c]);return e("button",{role:"menuitem",...a,onClick:d,children:o})};o.displayName="DropdownMenuItem";export{o as DropdownMenuItem};

package/dist/es/dropdown-menu/DropdownMenuLabel.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";const r=({children:r,className:a=""})=>e("div",{className:`itd-dropdown-menu-label ${a}`.trim(),children:r});r.displayName="DropdownMenuLabel";export{r as DropdownMenuLabel};

package/dist/es/dropdown-menu/DropdownMenuRadioGroup.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as o}from"react";const n=r({});function a(){return o(n)}const t=({children:r,value:o,onValueChange:a})=>e(n.Provider,{value:{value:o,onValueChange:a},children:e("div",{role:"group",style:{display:"contents"},children:r})});t.displayName="DropdownMenuRadioGroup";export{t as DropdownMenuRadioGroup,a as useRadioGroupContext};

package/dist/es/dropdown-menu/DropdownMenuRadioItem.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useCallback as r}from"react";import{useMenuItemChrome as m}from"./useMenuItemChrome.js";import{useRadioGroupContext as n}from"./DropdownMenuRadioGroup.js";import{CheckIcon as a}from"./CheckIcon.js";const i=({children:i,value:t,disabled:d=!1,className:s="",_itemId:c})=>{const{itemProps:p}=m({disabled:d,className:s,itemId:c,componentName:"DropdownMenuRadioItem"}),{value:l,onValueChange:u}=n(),h=l===t,I=r(()=>{!d&&u&&u(t)},[d,u,t]);return e("button",{role:"menuitemradio","aria-checked":h,...p,onClick:I,children:[i,o("span",{className:"itd-dropdown-menu-indicator",children:h&&o(a,{})})]})};i.displayName="DropdownMenuRadioItem";export{i as DropdownMenuRadioItem};

package/dist/es/dropdown-menu/DropdownMenuSeparator.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";const a=({className:a=""})=>r("div",{role:"separator",className:`itd-dropdown-menu-separator ${a}`.trim()});a.displayName="DropdownMenuSeparator";export{a as DropdownMenuSeparator};

package/dist/es/dropdown-menu/DropdownMenuSub.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useId as n,useState as u,useRef as t,useCallback as c,useEffect as l,useContext as o}from"react";import{useMenuItemContext as i}from"./MenuItemContext.js";const s=r(null);function m(e){const r=o(s);if(!r)throw new Error(`<${e}> must be used within <DropdownMenuSub>.`);return r}const a=({children:r,open:o,onOpenChange:m})=>{const{registerSubClose:a,unregisterSubClose:p}=i("DropdownMenuSub"),d=n(),[T,b]=u(!1),f=t(null),h=t(null),S=t(null),w=t(null),C=t(!1),D=t(null),g=void 0!==o,v=g?o:T,M=c(e=>{g||b(e),m?.(e)},[g,m]),x=c(()=>{w.current&&(clearTimeout(w.current),w.current=null),S.current&&(clearTimeout(S.current),S.current=null),M(!0)},[M]),y=c(()=>{S.current&&(clearTimeout(S.current),S.current=null),w.current||(w.current=setTimeout(()=>{M(!0),w.current=null},250))},[M]),O=c(()=>{w.current&&(clearTimeout(w.current),w.current=null)},[]),j=c(()=>{w.current&&(clearTimeout(w.current),w.current=null),S.current&&(clearTimeout(S.current),S.current=null),M(!1)},[M]),I=c(()=>{S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{M(!1),f.current?.focus({preventScroll:!0}),S.current=null},150)},[M]),R=c(()=>{S.current&&(clearTimeout(S.current),S.current=null)},[]);return l(()=>(a(j),()=>p(j)),[j,a,p]),e(s.Provider,{value:{subId:d,isOpen:v,open:x,openWithDelay:y,cancelOpen:O,close:j,closeWithDelay:I,cancelClose:R,triggerRef:f,contentRef:h,isContentHovered:C,closeDescendantSubs:D},children:r})};a.displayName="DropdownMenuSub";export{a as DropdownMenuSub,m as useDropdownMenuSubContext};