@inntechcorp/it-design 4.0.0-beta.1 → 4.0.0-beta.4

package/dist/es/table/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{forwardRef as r,useState as i,useMemo as a,useRef as d,useEffect as o,useImperativeHandle as l}from"react";import{useITDLocale as s}from"../locale/useITDLocale.js";import{ComponentSizes as c,ButtonSizes as h}from"../enums/enum.js";import{ChevronUp as m,ChevronDown as p,ChevronsUpDown as u,Minus as g,Plus as f}from"lucide-react";import{cn as b}from"../utils/cn.js";import{sortKeyOf as y,sortTree as w,comparatorFor as x,canSortColumn as v,nextSortState as S}from"./sort.js";import{collectPaths as W,rowPath as N,EXPAND_CLOSE_MS as k,rowDomId as R}from"./paths.js";import{Table as T,TableHeader as j,TableRow as E,TableHead as C,TableBody as L,TableCell as A,TableFooter as I}from"./primitives.js";import M from"../spin/index.js";import P from"../button/index.js";import z from"../icons/NoData.js";const D=r(({columns:r,data:D,cellHeight:_,className:G="",size:H=c.DEFAULT,headless:O=!1,bordered:B=!1,dashed:F=!1,noGaps:K=!1,headerBg:$=!0,accentHeader:V=!1,hideGroupButtons:X=!1,getTRProps:U,expandedRowRender:q,detailPanelClassName:J,loading:Q=!1,emptyContent:Y,expandedKeys:Z,defaultExpandedKeys:ee,onExpandedKeysChange:te,sortable:ne=!1,sortMode:re="client",sort:ie,defaultSort:ae=null,onSortChange:de},oe)=>{const{t:le,language:se}=s(),[ce,he]=i(()=>new Set(ee)),me=void 0!==Z,pe=a(()=>me?new Set(Z):ce,[me,Z,ce]),[ue,ge]=i(new Set),fe=a(()=>{const e=new Map,t=(n,r)=>{for(const i of n){const n=N(r,i.key);e.set(n,i),i.children?.length&&t(i.children,n)}};return D&&t(D,""),e},[D]),be=e=>{const t=fe.get(e);if(!t)return void console.warn('[Table] toggleRow("'+e+"\") matched no row. Expansion is keyed on a ROW PATH - a root row's path is its key, a nested one is prefixed by its ancestors. Take it from the `path` argument on render/getTRProps/expandedRowRender.");const n=!pe.has(e),r=new Set(pe);n?r.add(e):r.delete(e),me||he(r),te?.([...r],{path:e,row:t,expanded:n})},ye=d(pe),we=d(new Map),xe=d(null);o(()=>{pe.forEach(e=>{we.current.has(e)&&((e=>{const t=we.current.get(e);void 0!==t&&(clearTimeout(t),we.current.delete(e))})(e),ge(t=>{if(!t.has(e))return t;const n=new Set(t);return n.delete(e),n}))}),ye.current.forEach(e=>{if(pe.has(e))return;const t=fe.get(e);t&&q&&!t.children?.length&&(ge(t=>new Set(t).add(e)),we.current.set(e,setTimeout(()=>{we.current.delete(e),ge(t=>{const n=new Set(t);return n.delete(e),n})},(()=>{const e=xe.current,t=e?.ownerDocument.defaultView;if(!e||!t)return k;const n=t.getComputedStyle(e).getPropertyValue("--itd-table-detail-duration").trim();if(!n)return k;const r=parseFloat(n);return Number.isNaN(r)?k:n.endsWith("ms")?r:n.endsWith("s")?1e3*r:r})())))}),ye.current=pe},[pe,fe,q]),o(()=>{const e=we.current;return()=>{e.forEach(e=>clearTimeout(e)),e.clear()}},[]);const ve=d(new Set);o(()=>{if(!D)return;const e=W(D),t=[...ve.current].filter(t=>!e.has(t));if(ve.current=e,!t.length)return;const n=e=>{const n=new Set(e);let r=!1;for(const e of t)n.delete(e)&&(r=!0);return r?n:e};ge(n),me||he(n)},[D,me]);const[Se,We]=i(ae),Ne=void 0!==ie,ke=Ne?ie:Se,Re=e=>{const t=S(e,ke);(e=>{Ne||We(e)})(t),de?.(t,e)},Te=a(()=>{if(!D||"server"===re||!ke)return D;const e=r.find(e=>y(e)===ke.key);return e?w(D,x(e,se,ke.direction)):D},[D,r,ke,re,se]);l(oe,()=>({toggleRow:be,expandedRows:pe,isExpanded:e=>pe.has(e),setSort:e=>{Ne?console.warn("[Table] setSort() ignored: this Table is controlled through the `sort` prop, so the consumer already owns that state. Set it there instead."):We(e)}}));const je=(e,t)=>{let n={};return"string"==typeof e.width?n.width=e.width:"number"==typeof e.width?n.minWidth=e.width+"px":n.width="auto",void 0!==e.maxWidth&&("string"==typeof e.maxWidth?n.maxWidth=e.maxWidth:"number"==typeof e.maxWidth&&(n.maxWidth=e.maxWidth+"px")),void 0!==e.minWidth&&("string"==typeof e.minWidth?n.minWidth=e.minWidth:"number"==typeof e.minWidth&&(n.minWidth=e.minWidth+"px")),e.align&&(n.textAlign=e.align),"td"===t&&("string"==typeof _?n.height=_:"number"==typeof _?n.minHeight=_+"px":n.height="auto"),n},Ee=a(()=>!X&&(!!q||!!D?.some(e=>Object.prototype.hasOwnProperty.call(e,"children"))),[D,X,q]),Ce=()=>Ee,Le=(e,t,n,r)=>U?U(e,t,n,r):{},Ae=(e,t,n)=>{let r={"data-index":t+"_"+e,"data-level":t};return t>0&&(0===e&&(r["data-first"]="true"),e===n-1&&(r["data-last"]="true")),r},Ie=H===c.X_SMALL||H===c.SMALL,Me=H===c.LARGE||H===c.X_LARGE,Pe=Ie?4:Me?6:5,ze=`size-${Pe}`,De=`calc(var(--itd-spacing) * ${Pe+6})`,_e=(i,a=0,d="")=>{const o=r.length+(Ce()?1:0),l=e=>!(!e.children&&!q);return i.map((s,c)=>{const m=N(d,s.key),p=pe.has(m),u=ue.has(m),y=!s.children&&!!q&&(p||u);return t(n.Fragment,{children:[t(E,{...Ae(c,a,i?.length),...Le(s,c,a,m),children:[Ce()?l(s)?e(A,{style:{width:De},children:e("div",{className:"expand-button",children:e(P,{variant:"ghost",size:h.ICON_SM,onClick:()=>be(m),className:`rounded-full ${ze}`,"aria-expanded":p,"aria-controls":y?R(m):void 0,"aria-label":le(p?"table.collapseRow":"table.expandRow"),children:e("span",{children:e(p?g:f,{strokeWidth:2})})})})}):e(A,{}):null,r.map(t=>e(A,{style:je(t,"td"),children:e("span",{className:t.overflow?"itd-table-overflow":void 0,title:String(s[t.dataIndex]),children:t.render?t.render(s[t.dataIndex],s,c,a,m):t.dataIndex?String(s[t.dataIndex]):null})},String(t.key)+"_"+m))]}),p&&s.children&&_e(s.children,a+1,m),y&&e(E,{className:"itd-table-detail-row",id:R(m),children:e(A,{colSpan:o,children:e("div",{className:b("itd-table-detail-panel",u&&"itd-table-detail-closing"),children:e("div",{children:e("div",{className:b("itd-table-detail-content",J),children:q(s,c,a,m)})})})})})]},m)})},Ge=a(()=>{let e="";return O&&(e+=" itd-table-headless"),B&&(e+=" itd-table-bordered"),K&&(e+=" itd-table-no-gaps"),V&&(e+=" itd-table-accent-head"),D||(e+=" itd-table-empty"),0===D?.length&&(e+=" itd-table-no-data"),Ce()&&(e+=" itd-table-expandable"),b(e.trim(),G)},[O,B,K,V,D,G,X,q]);return e(M,{updating:Q,children:t(T,{ref:xe,size:H,dashed:F,headerBg:$,className:Ge,"aria-busy":Q||void 0,inert:Q||void 0,children:[(()=>{if(!O)return e(j,{children:t(E,{children:[Ce()&&e(C,{scope:"col",style:{maxWidth:De}}),r.map(n=>{const r=v(n,ne,re),i=r&&ke?.key===y(n),a=e("span",{className:n.overflow?"itd-table-overflow":void 0,children:n.title});return e(C,{scope:"col",style:je(n,"th"),"data-align":n.align??"left","aria-sort":r?i?"asc"===ke.direction?"ascending":"descending":"none":void 0,children:r?t(P,{variant:"ghost",size:H,className:"itd-table-sort-trigger",style:{justifyContent:"right"===n.align?"flex-end":"center"===n.align?"center":"flex-start"},onClick:()=>Re(n),"aria-label":"string"==typeof n.title?void 0:n.sortLabel,children:[a,e("span",{className:"itd-table-sort-indicator","aria-hidden":"true",children:i?"asc"===ke.direction?e(m,{strokeWidth:2}):e(p,{strokeWidth:2}):e(u,{strokeWidth:2})})]}):a},String(n.key))})]})})})(),(()=>{const n=r.length+(Ce()?1:0);return D?0===D.length?e(L,{children:e(E,{children:e(A,{colSpan:n,children:e("div",{className:"itd-table-empty-body",children:Y??t("div",{children:[e(z,{height:30}),e("span",{children:le("table.noData")})]})})})})}):e(L,{children:_e(Te??D)}):e(L,{children:e(E,{children:e(A,{colSpan:n,children:e("div",{className:"itd-table-empty-body"})})})})})(),r.some(e=>void 0!==e.footer)&&D?e(I,{children:t(E,{children:[Ce()&&e(A,{}),r.map(t=>e(A,{style:je(t,"td"),children:e("span",{children:"function"==typeof t.footer?t.footer(Te??D):t.footer})},String(t.key)))]})}):null]})})});export{D as default};

package/dist/es/table/paths.js

@@ -0,0 +1 @@
+const t="",e=(t,e)=>t?t+""+e:e,n=t=>"row-detail-"+t.replace(/[^A-Za-z0-9-]/g,t=>"_"+t.codePointAt(0).toString(16)+"_"),o=(t,n="")=>{const o=new Set,r=(t,n)=>{for(const c of t){const t=e(n,c.key);o.add(t),c.children?.length&&r(c.children,t)}};return t&&r(t,n),o},r=200;export{r as EXPAND_CLOSE_MS,t as ROW_PATH_SEP,o as collectPaths,n as rowDomId,e as rowPath};

package/dist/es/table/primitives.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as a,useRef as t,useEffect as s}from"react";import{cn as l}from"../utils/cn.js";import r from"../utils/GetSizeSlugBySize.js";import{ComponentSizes as i}from"../enums/enum.js";const m=a(({className:a,...t},s)=>e("div",{ref:s,className:l("itd-table-wrapper",a),...t}));m.displayName="TableWrapper";const o=a(({className:a,size:m=i.DEFAULT,dashed:o=!1,headerBg:c=!1,wrapperClassName:d,...n},b)=>{const N=r(m),p=t(null);s(()=>{const e=p.current,a=e?.ownerDocument.defaultView;if(!e||!a)return;const t=()=>{e.scrollWidth>e.clientWidth?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")};t();const s=a.ResizeObserver;if(!s)return;const l=new s(t);return l.observe(e),e.firstElementChild&&l.observe(e.firstElementChild),()=>l.disconnect()},[]);const f=l("itd-table",`itd-table-${N}`,o?"itd-table-dashed":"itd-table-solid",!c&&"itd-table-no-header-bg","itd-table-main-table",a);return e("div",{ref:p,className:l("itd-table-wrapper",d),children:e("table",{ref:b,className:f,...n})})});o.displayName="Table";const c=a(({className:a,...t},s)=>e("thead",{ref:s,className:a,...t}));c.displayName="TableHeader";const d=a(({className:a,...t},s)=>e("tbody",{ref:s,className:a,...t}));d.displayName="TableBody";const n=a(({className:a,...t},s)=>e("tfoot",{ref:s,className:l("itd-table-footer",a),...t}));n.displayName="TableFooter";const b=a(({className:a,...t},s)=>e("tr",{ref:s,className:a,...t}));b.displayName="TableRow";const N=a(({className:a,...t},s)=>e("th",{ref:s,className:a,...t}));N.displayName="TableHead";const p=a(({className:a,...t},s)=>e("td",{ref:s,className:a,...t}));p.displayName="TableCell";const f=a(({className:a,...t},s)=>e("caption",{ref:s,className:l("itd-table-caption",a),...t}));f.displayName="TableCaption";export{o as Table,d as TableBody,f as TableCaption,p as TableCell,n as TableFooter,N as TableHead,c as TableHeader,b as TableRow,m as TableWrapper};

package/dist/es/table/sort.js

@@ -0,0 +1 @@
+function e(e){return e.sortKey??String(e.key)}const t=new Set;function r(r,n,o="client"){if(!(r.sortable??n))return!1;if("server"===o)return!0;if(r.sorter||r.sortValue||r.dataIndex)return!0;const s=e(r);return t.has(s)||(t.add(s),console.warn(`[Table] Column "${s}" is marked sortable but has no dataIndex, sortValue or sorter to sort on. Give it one of those, set sortable={false}, or switch to sortMode="server" if the ordering happens where the rows come from.`)),!1}function n(t,r){const n=e(t),o=t.defaultSortDirection??"asc";return r&&r.key===n?r.direction===o?{key:n,direction:"asc"===o?"desc":"asc"}:null:{key:n,direction:o}}const o=e=>null==e||""===e;function s(e,t,r){const n="desc"===r?-1:1;if(e.sorter){const t=e.sorter;return(e,r)=>t(e,r)*n}const s=t=>e.sortValue?e.sortValue(t):e.dataIndex?t[e.dataIndex]:void 0;return(e,r)=>{const i=s(e),a=s(r),c=o(i),u=o(a);return c&&u?0:c?1:u?-1:"number"==typeof i&&"number"==typeof a?(i-a)*n:"boolean"==typeof i&&"boolean"==typeof a?(i===a?0:i?1:-1)*n:String(i).localeCompare(String(a),t,{numeric:!0,sensitivity:"base"})*n}}function i(e,t){const r=e=>[...e].sort(t).map(e=>e.children&&e.children.length?{...e,children:r(e.children)}:e);return r(e)}export{r as canSortColumn,s as comparatorFor,n as nextSortState,e as sortKeyOf,i as sortTree};

package/dist/es/tabs/Tabs.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useRef as r,useCallback as a,useMemo as i}from"react";import o from"./TabsContext.js";import{cn as n}from"../utils/cn.js";const l=({value:l,defaultValue:c="",onValueChange:s,variant:m="line",orientation:u="horizontal",height:d,fill:g,overflow:h=!0,compact:p=!1,accent:v=!1,className:f,children:b})=>{const[x,T]=t(c),j=r(new Map),[w,C]=t(0),N=void 0!==l,V=N?l:x,y=a(e=>{N||T(e),s?.(e)},[N,s]),z=a((e,t)=>{j.current.set(e,t),C(e=>e+1)},[]),M=a(e=>{j.current.delete(e),C(e=>e+1)},[]),P=i(()=>({value:V,onValueChange:y,variant:m,orientation:u,overflow:h,compact:p,accent:v,triggers:j.current,registerTrigger:z,unregisterTrigger:M}),[V,y,m,u,h,p,v,z,M,w]);return e(o.Provider,{value:P,children:e("div",{className:n("itd-tabs",!h&&"itd-tabs-scroll",f),"data-orientation":u,...g?{"data-fill":""}:{},...d?{style:{height:d+"px"}}:{},children:b})})};l.displayName="Tabs";export{l as Tabs};

package/dist/es/tabs/TabsContent.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useTabsContext as a}from"./TabsContext.js";import{cn as e}from"../utils/cn.js";const l=({value:l,className:n,children:r})=>{const{value:o}=a();return o!==l?null:t("div",{className:e("itd-tab-content",n),role:"tabpanel",id:`tabpanel-${l}`,"aria-labelledby":`tab-${l}`,children:r})};l.displayName="TabsContent";export{l as TabsContent};

package/dist/es/tabs/TabsContext.js

@@ -0,0 +1 @@
+import{createContext as t,useContext as r}from"react";const o=t(null),s=()=>{const t=r(o);if(!t)throw new Error("Tabs sub-components must be used within <Tabs>");return t};export{o as default,s as useTabsContext};

package/dist/es/tabs/TabsList.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as n,useEffect as o,useCallback as a}from"react";import{useTabsContext as i}from"./TabsContext.js";import{DropdownMenu as d}from"../dropdown-menu/DropdownMenu.js";import{DropdownMenuTrigger as l}from"../dropdown-menu/DropdownMenuTrigger.js";import{DropdownMenuContent as u}from"../dropdown-menu/DropdownMenuContent.js";import{DropdownMenuItem as s}from"../dropdown-menu/DropdownMenuItem.js";import"../dropdown-menu/DropdownMenuLabel.js";import"../dropdown-menu/DropdownMenuSeparator.js";import"../dropdown-menu/DropdownMenuCheckboxItem.js";import"../dropdown-menu/DropdownMenuRadioGroup.js";import"../dropdown-menu/DropdownMenuRadioItem.js";import"../dropdown-menu/DropdownMenuSub.js";import"../dropdown-menu/DropdownMenuSubTrigger.js";import"../dropdown-menu/DropdownMenuSubContent.js";import{ComponentYPositions as c}from"../enums/enum.js";import{cn as m}from"../utils/cn.js";const p=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg",children:[t("circle",{cx:"12",cy:"12",r:"1",fill:"currentColor"}),t("circle",{cx:"19",cy:"12",r:"1",fill:"currentColor"}),t("circle",{cx:"5",cy:"12",r:"1",fill:"currentColor"})]}),f=({className:f,children:h})=>{const{variant:b,orientation:w,overflow:g,compact:v,accent:A,value:D,onValueChange:y,triggers:j}=i(),E=r(null),M=r(null),[k,x]=n([]),[C,S]=n(!1);o(()=>{const e=E.current;if(!g||"vertical"===w)return e&&e.querySelectorAll(".itd-tab-trigger[data-hidden]").forEach(e=>{e.removeAttribute("data-hidden")}),void x([]);const t=e?.parentElement;if(!t||!e)return;const r=()=>{const r=e.querySelectorAll(".itd-tab-trigger:not(.itd-tab-more-btn)"),n=e.querySelector(".itd-tab-more"),o=n?.querySelector(".itd-tab-more-btn");if(!r.length||!n||!o)return;r.forEach(e=>e.removeAttribute("data-hidden")),n.removeAttribute("data-hidden");const a=e.ownerDocument.defaultView??window,i=parseFloat(a.getComputedStyle(e).gap)||0;let d=t.offsetWidth;const l=t.parentElement;if(l){const e=a.getComputedStyle(l);if("flex"===e.display&&e.flexDirection.startsWith("row")){let r=0;Array.from(l.children).forEach(e=>{e!==t&&(r+=e.offsetWidth)}),d=l.offsetWidth-r-(parseFloat(e.paddingLeft)||0)-(parseFloat(e.paddingRight)||0)}}let u=0;if(r.forEach(e=>{u+=e.offsetWidth+i}),u-=i,u<=d)return n.setAttribute("data-hidden",""),void x([]);let s=o.offsetWidth+i;const c=[];let m=!1;r.forEach(e=>{const t=e.offsetWidth+i,r=e.getAttribute("data-value")||"";m?(e.setAttribute("data-hidden",""),c.push(r)):d>=s+t?s+=t:(m=!0,e.setAttribute("data-hidden",""),c.push(r))}),x(c)},n=setTimeout(r,100),o=t.ownerDocument.defaultView??window,a=new(o.ResizeObserver??ResizeObserver)(r);return a.observe(t),t.parentElement&&a.observe(t.parentElement),o.addEventListener("resize",r),()=>{clearTimeout(n),a.disconnect(),o.removeEventListener("resize",r)}},[g,w,j]);const L=a(e=>{if(e.target.closest(".itd-tab-more"))return;const t="horizontal"===w,r=t?"ArrowRight":"ArrowDown",n=t?"ArrowLeft":"ArrowUp",o=E.current;if(!o)return;const a=Array.from(o.querySelectorAll(".itd-tab-trigger:not(.itd-tab-more-btn):not([data-hidden]):not([data-disabled])")),i=e.target,d=a.indexOf(i);if(-1===d&&!a.length)return;let l=null;switch(e.key){case r:if(e.preventDefault(),-1===d){l=a[0];break}if(d===a.length-1&&k.length>0&&g)return void M.current?.focus();l=a[(d+1)%a.length]||null;break;case n:e.preventDefault(),l=-1===d?a[a.length-1]:a[(d-1+a.length)%a.length]||null;break;case"Home":e.preventDefault(),l=a[0]||null;break;case"End":if(e.preventDefault(),k.length>0&&g)return void M.current?.focus();l=a[a.length-1]||null;break;case"Enter":case" ":{if(-1===d)return;if("Enter"===e.key&&"A"===i.tagName)return;e.preventDefault();const t=i.getAttribute("data-value");return void(t&&y(t))}default:return}if(l){const e=l.getAttribute("data-value");e&&(y(e),l.focus())}},[w,g,k,y]),N=a(e=>{const t="horizontal"===w?"ArrowLeft":"ArrowUp";if(e.key===t){e.preventDefault(),e.stopPropagation();const t=E.current;if(!t)return;const r=Array.from(t.querySelectorAll(".itd-tab-trigger:not(.itd-tab-more-btn):not([data-hidden]):not([data-disabled])")),n=r[r.length-1];if(n){const e=n.getAttribute("data-value");e&&y(e),n.focus()}}},[w,y]),T=k.includes(D);return e("div",{ref:E,className:m("itd-tab-list",f),"data-variant":b,"data-orientation":w,...v?{"data-compact":""}:{},...A?{"data-accent":""}:{},role:"tablist","aria-orientation":w,onKeyDown:L,children:[h,g&&"vertical"!==w?t("div",{className:"itd-tab-more","data-hidden":"",children:e(d,{open:C,onOpenChange:S,children:[t(l,{asChild:!0,children:t("button",{ref:M,className:"itd-tab-trigger itd-tab-more-btn","data-variant":b,"data-orientation":w,...T?{"data-active":""}:{},tabIndex:k.length>0?0:-1,type:"button","aria-label":"More tabs","aria-haspopup":"menu",onKeyDown:N,children:t(p,{})})}),t(u,{placement:c.BOTTOM,align:"end",offset:8,className:"itd-dropdown-menu--tabs",variant:"filled"===b?"filled":"default",children:k.map(e=>{const r=j.get(e);return r?t(s,{className:D===e?"active":"",onSelect:()=>{y(e),S(!1)},children:t("span",{children:r.label})},e):null})})]})}):null]})};f.displayName="TabsList";export{f as TabsList};

package/dist/es/tabs/TabsTrigger.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useRef as a,useEffect as e}from"react";import{useTabsContext as r}from"./TabsContext.js";import"../router/context.js";import{ITDLink as i}from"../router/ITDLink.js";import{cn as n}from"../utils/cn.js";const o=({value:o,disabled:d,link:l,className:s,children:c})=>{const{value:b,onValueChange:m,variant:u,orientation:g,triggers:v,registerTrigger:p,unregisterTrigger:f}=r(),x=a(null),T=b===o;e(()=>{const t=x.current?.textContent||o;return p(o,{label:t,disabled:!!d}),()=>f(o)},[o,d,p,f]);const j=v.get(b),C=Array.from(v.entries()).find(([,t])=>!t.disabled)?.[0],h=!d&&(!j||j.disabled)&&C===o,k=T&&!d||h?0:-1,N=t=>{d?t.preventDefault():m(o)},$={"data-variant":u,"data-orientation":g,"data-value":o,...T?{"data-active":""}:{},...d?{"data-disabled":""}:{}};return l?t(i,{ref:t=>{x.current=t},className:n("itd-tab-trigger",T&&"active",s),onClick:N,to:l,role:"tab",id:`tab-${o}`,"aria-selected":T,"aria-disabled":d||void 0,"aria-controls":T?`tabpanel-${o}`:void 0,tabIndex:k,...$,children:c}):t("button",{ref:t=>{x.current=t},className:n("itd-tab-trigger",s),onClick:N,role:"tab",id:`tab-${o}`,"aria-selected":T,"aria-disabled":d||void 0,"aria-controls":T?`tabpanel-${o}`:void 0,tabIndex:k,...$,children:c})};o.displayName="TabsTrigger";export{o as TabsTrigger};

package/dist/es/textarea/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as a,useRef as i,useId as o,useMemo as l,useState as n,useEffect as d,useImperativeHandle as s}from"react";import u from"../utils/GetSizeSlugBySize.js";import{ComponentSizes as c,TooltipPositions as m}from"../enums/enum.js";import{ErrorBorder as f,ErrorIcon as p}from"../utils/CommonStyledComponents.js";import{getErrorId as x,getErrorAriaProps as h,ErrorAnnouncement as g}from"../utils/ErrorAnnouncement.js";import{FieldError as v}from"../field/index.js";import{Lock as N}from"lucide-react";import{initFocusModality as y,wasLastInputKeyboard as S}from"../utils/focusModality.js";import{useDefaultVariant as w}from"../context/FormDefaultsContext.js";const j=a(({id:a,placeholder:j="",value:b,defaultValue:C="",className:D="",size:T=c.DEFAULT,variant:k,rows:z=3,maxLength:E=-1,disabled:A=!1,locked:F=!1,showCount:P=!1,errorDisplay:L="tooltip",onChange:U,onUpdate:V,children:B},G)=>{const I=w(k,"default"),O=i(null),R=o(),$=l(()=>a||"itd-textarea-"+R,[a]),[H,K]=n(String(void 0!==b&&""!==b?b:C??"")),[M,_]=n(!1),[q,J]=n(!1),[Q,W]=n("");d(()=>{y(O.current),void 0!==b?X(String(b),!0,""!==b):C&&X(String(C))},[]),d(()=>{if(void 0===b)return;const e=String(b);K(t=>t===e?t:e)},[b]);const X=(e,t=!0,r=!0)=>{K(e),V&&V(e,t,r)};s(G,()=>({setFocus(){O.current&&O.current.focus()},reset(e=!0,t=!0){W(""),X(C?String(C):"",e,t)},setValue(e,t=!0,r=!0){K(e),X(e,t,r)},getValue:()=>H,setError(e){W(e)},forceUpdate(){X(H)},clear(){K("")}}));const Y=e=>{K(e.target.value),X(e.target.value,!0,!0),U&&U({value:e.target.value,className:"itd-textarea",disabled:A,target:O,stopPropagation:()=>{e.stopPropagation()},preventDefault:()=>{e.preventDefault()}})},Z=()=>{J(!0),_(S(O.current))},ee=()=>{J(!1),_(!1)},te=e=>{"Tab"===e.key&&_(!0)},re=()=>{let t={id:$,placeholder:j,value:H,className:"itd-textarea-default-input",disabled:A,autoComplete:"off",rows:z,maxLength:E,onChange:Y,onFocus:Z,onBlur:ee,onKeyDown:te,ref:O,...h($,""!==Q)};return F&&(t.readOnly=!0,t["data-locked"]=!0,t["aria-readonly"]=!0),e("textarea",{...t})},ae=()=>{if(""!==Q&&!A&&!F)return e(r,{children:e(f,{fullSize:!0,className:"itd-textarea-error-border"})})},ie=()=>{if(""!==Q&&!A&&!F&&"tooltip"===L)return e("div",{className:"itd-textarea-error-wrapper",children:e(p,{message:Q,className:"itd-textarea-failed itd-error-icon",tooltipPosition:m.TOP_RIGHT,"aria-hidden":"true"})})},oe=l(()=>{let e="itd-textarea";return e+=" itd-textarea-"+u(T),e+=" itd-textarea-"+I,A&&(e+=" itd-textarea-disabled"),F&&(e+=" itd-textarea-locked"),q&&(e+=" itd-textarea-focus"),M&&(e+=" itd-textarea-keyboard-focus"),P&&(e+=" itd-textarea-show-count"),""!==Q&&(e+=" itd-textarea-error"),""!==D&&(e+=" "+D),e},[T,I,A,F,q,M,P,Q,D]);return(()=>{if(B)throw new Error("ITD TextArea Error: Remove the children!");const r="inline"!==L||""===Q||A||F?null:e(v,{id:x($),className:"itd-textarea-field-error",children:Q}),a=t("div",{className:oe,children:[re(),ae(),ie(),P&&e("span",{className:"itd-textarea-count","aria-hidden":"true",children:E>0?`${H.length}/${E}`:H.length}),F&&e("div",{className:"itd-textarea-locked-icon",children:e(N,{size:14})}),""===Q||A||F||"tooltip"!==L?null:e(g,{id:x($),message:Q})]});return"inline"===L?t("div",{className:"itd-field-with-error",children:[a,r]}):a})()});j.displayName="TextArea";export{j as default};

package/dist/es/tinyscrollbar/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useRef as e,useEffect as o}from"react";import{OverlayScrollbars as t}from"overlayscrollbars";function l({className:l="",children:s,style:i}){const a=e(null);return o(()=>{const r=a.current;if(!r)return;if(r.ownerDocument!==document)return;const e=t(r,{paddingAbsolute:!0,showNativeOverlaidScrollbars:!1,overflow:{x:"hidden",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"leave",autoHideDelay:1300,dragScroll:!0,clickScroll:!0,pointers:["mouse","touch","pen"]}});return()=>{e.destroy()}},[]),r("div",{className:"itd-tinyscrollbar",style:i,children:r("div",{ref:a,className:`os-viewport ${l}`,style:{width:"100%",overflow:"auto"},children:s})})}export{l as default};

package/dist/es/toast/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Toaster as o}from"sonner";const e=({theme:e="system",style:t,...a})=>r(o,{theme:e,className:"itd-toaster",style:{"--normal-bg":"var(--itd-popover)","--normal-text":"var(--itd-popover-foreground)","--normal-border":"var(--itd-color-border)","--border-radius":"var(--itd-radius-lg)","--success-bg":"var(--itd-color-alert-success-background)","--success-border":"var(--itd-color-alert-success-border)","--success-text":"var(--itd-color-alert-success-text)","--error-bg":"var(--itd-color-alert-error-background)","--error-border":"var(--itd-color-alert-error-border)","--error-text":"var(--itd-color-alert-error-text)","--warning-bg":"var(--itd-color-alert-warning-background)","--warning-border":"var(--itd-color-alert-warning-border)","--warning-text":"var(--itd-color-alert-warning-text)","--info-bg":"var(--itd-color-alert-info-background)","--info-border":"var(--itd-color-alert-info-border)","--info-text":"var(--itd-color-alert-info-text)",...t},...a});export{e as Toaster,e as default};

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as a,forwardRef as l,useState as t,useContext as d}from"react";import{cn as i}from"../utils/cn.js";const r=a({value:"",select:()=>{},disabled:!1}),s=l(({value:a,defaultValue:l="",onValueChange:d,size:s="default",variant:o="default",disabled:n=!1,className:u,children:c,...m},p)=>{const[g,v]=t(l),f=a??g;return e("div",{ref:p,role:"group",className:i("itd-toggle-group",u),"data-variant":o,"data-size":s,"data-disabled":n||void 0,...m,children:e(r.Provider,{value:{value:f,select:e=>{n||e===f||(void 0===a&&v(e),d?.(e))},disabled:n},children:c})})});s.displayName="ToggleGroup";const o=l(({value:a,disabled:l,className:t,children:s,onClick:o,...n},u)=>{const c=d(r),m=c.value===a,p=c.disabled||!!l;return e("button",{ref:u,type:"button",className:i("itd-toggle-group-item",t),"data-state":m?"on":"off","aria-pressed":m,disabled:p,onClick:e=>{c.select(a),o?.(e)},...n,children:s})});o.displayName="ToggleGroupItem";export{s as ToggleGroup,o as ToggleGroupItem};

package/dist/es/tooltip/Tooltip.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useId as r}from"react";import{TriggerTypes as e}from"../enums/enum.js";import{useFloatingTrigger as t}from"../hooks/useFloatingTrigger.js";import{TooltipContext as i}from"./tooltipContext.js";const m=({children:m,openDelay:l=100,closeDelay:n=0})=>{const s={id:r(),trigger:t({trigger:e.HOVER,openDelay:l,closeDelay:n})};return o(i.Provider,{value:s,children:m})};m.displayName="Tooltip";export{m as Tooltip};

package/dist/es/tooltip/TooltipContent.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{ComponentVariants as t,ComponentYPositions as r}from"../enums/enum.js";import{useFloatingPosition as e}from"../hooks/useFloatingPosition.js";import{FloatingContent as i}from"../floating/FloatingContent.js";import{useTooltipContext as n}from"./tooltipContext.js";const s=({children:s,placement:p=r.TOP,variant:a=t.FILLED,offset:l})=>{const{id:d,trigger:m}=n("TooltipContent"),f=e({isOpen:m.isOpen,triggerRef:m.triggerRef,contentRef:m.contentRef,placement:p,offset:l??10,showArrow:a!==t.CUSTOM});let c,g;return a===t.DEFAULT?(c="var(--itd-popover)",g="var(--itd-color-border)"):a===t.FILLED&&(c="var(--itd-foreground)",g="var(--itd-foreground)"),o(i,{isOpen:m.isOpen,position:f.position,showArrow:a!==t.CUSTOM,arrowColor:c,arrowBorderColor:g,id:d,role:"tooltip",trapFocus:!1,...m.getContentProps(),children:o("div",{className:"itd-tooltip-content","data-variant":a,children:s})})};s.displayName="TooltipContent";export{s as TooltipContent};

package/dist/es/tooltip/TooltipTrigger.js

@@ -0,0 +1 @@
+import{useTooltipContext as r}from"./tooltipContext.js";import{createFloatingTrigger as o}from"../floating/createFloatingTrigger.js";const t=o({name:"TooltipTrigger",useTriggerContext:r,aria:({id:r})=>({"aria-describedby":r}),fallback:"span"});export{t as TooltipTrigger};

package/dist/es/tooltip/tooltipContext.js

@@ -0,0 +1 @@
+import{createContext as t,useContext as o}from"react";const r=t(null);function n(t){const n=o(r);if(!n)throw new Error(`<${t}> must be used within <Tooltip>.`);return n}r.displayName="TooltipContext";export{r as TooltipContext,n as useTooltipContext};

package/dist/es/types/InputProps.js

@@ -0,0 +1 @@
+var e;!function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password",e.EMAIL="email",e.TEL="tel"}(e||(e={}));export{e as InputTypes};

package/dist/es/upload/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useId as i,useMemo as o,useState as l,useEffect as d,useImperativeHandle as s}from"react";import{useITDLocale as n}from"../locale/useITDLocale.js";import u from"../helpers/unit/cssVars.js";import p from"../button/index.js";import c from"../image/index.js";import{useModal as m}from"../modal/index.js";import{toast as h}from"sonner";import f from"../hooks/useCoreFetch.js";import g from"../helpers/binary/FormatBytes.js";import v from"../helpers/checker/CheckFileURL.js";import{ComponentVariants as w,FileTypes as y,ButtonSizes as x}from"../enums/enum.js";import F from"../helpers/binary/GetTypeByFileType.js";import b from"../helpers/binary/GetExtensionByMimeType.js";import N from"../helpers/promise/Wait.js";import j from"../flex/index.js";import C from"../helpers/unit/AddDefaultUnit.js";import D from"../cropper/index.js";import k from"../icons/FileDocument.js";import S from"../icons/FileExcel.js";import U from"../icons/FilePdf.js";import{ErrorSVGIcon as L,ErrorTooltip as M}from"../utils/CommonStyledComponents.js";import{getErrorId as O,getErrorAriaProps as W,ErrorAnnouncement as E}from"../utils/ErrorAnnouncement.js";import{FieldError as P}from"../field/index.js";import{Upload as T,Trash as H,Eye as R,Lock as I}from"lucide-react";import{useDefaultVariant as B}from"../context/FormDefaultsContext.js";import{useModalContent as G}from"../modal/useModalContent.js";const $=a(({id:a,variant:$,resultFileName:z=null,action:q="",filePath:V="",binaryName:A="file",showDeleteIcon:_=!1,showPreviewIcon:Q=!1,buttonsPosition:J="default",padding:Y=10,fluid:K=!0,fileWidth:X="100%",fileHeight:Z="auto",maxFileWidth:ee="100%",maxFileHeight:te="100%",containerWidth:ae="100%",containerHeight:re="auto",aspectRatio:ie,previewFileWidth:oe="100%",previewFileHeight:le="100%",previewFilePadding:de="0",requestMethod:se="put",maxFileSize:ne=1024,disabled:ue=!1,locked:pe=!1,errorDisplay:ce="tooltip",extraFormData:me={},extraQueryString:he={},extraHeader:fe={},fileTypes:ge=[y.JPG,y.PNG,y.SVG,y.PDF],removeAction:ve="",removeExtraFormData:we={},removeExtraQueryString:ye={},removeExtraHeader:xe={},minImageWidth:Fe,minImageHeight:be,crop:Ne,onUpdate:je,onUploadSuccess:Ce,onUploadFailed:De,onRemoveFileSuccess:ke,onRemoveFileFailed:Se},Ue)=>{const Le=B($,w.DEFAULT),Me=r(null),{showModal:Oe,confirm:We}=m(),{fetch:Ee,cancel:Pe}=f(),{t:Te}=n(),He=i(),Re=o(()=>a||"itd-upload-"+He,[a]),[Ie,Be]=l(!1),[Ge,$e]=l(!1),[ze,qe]=l(".svg, .png, .jpg"),[Ve,Ae]=l(!1),[_e,Qe]=l(!1),[Je,Ye]=l(!1),[Ke,Xe]=l(null),[Ze,et]=l(null),[tt,at]=l(""),[rt,it]=l(!1),[ot,lt]=l(!1),[dt,st]=l(null),[nt,ut]=l(!1),[pt,ct]=l(null),[mt,ht]=l(null);d(()=>()=>{Pe()},[]),d(()=>{$e(ue)},[ue]),d(()=>{et(V?V.split("?")[0]:"")},[V]),d(()=>{null!==Ze&&(void 0!==Ze?vt():Be(!1))},[Ze]),d(()=>{let e=[];ge.map(t=>{e.push(F(t))}),qe(e.join(", "))},[ge]);const ft=(e,t)=>{h.error(e,{description:t,duration:5e3})},gt=(e,t=!0,a=!0)=>{je&&je(e,t,a)};s(Ue,()=>({setFocus(){Ye(!0)},reset(e=!1,t=!1){wt(),et(null),at(""),gt("",e,t)},setValue(e,t=!0,a=!0){et(e),gt(e,t,a)},getValue:()=>Ze||"",setError(e){at(e)},forceUpdate(){gt(Ze||"")},clear(){et("")}}));const vt=async()=>{if(Ze){const e=await v(Ze);Xe(e),gt(Ze),Ie||Be(!0)}""===Ze&&Xe(!1),""!==Ze||Ie||Be(!0),""===Ze&&Ie&&gt("",!0,!0)},wt=()=>{ct(null),st(null),ut(!1),Xe(null)},yt=async()=>{$e(!0);await We({title:Te("uploader.removeFile"),description:Te("uploader.areYouSureToDeleteThisFile"),okText:Te("uploader.yes"),cancelText:Te("uploader.no"),tone:"destructive",closeOnClickOutside:!1})&&(ve?Ee({action:ve,params:we,queries:ye,headers:xe,onFetched:e=>{e.data.success?(wt(),gt("",!0,!0),ke&&ke(e.data.data)):Se&&Se()},onError:()=>{Se&&Se()}}):(wt(),gt("",!0,!0),ke&&ke())),$e(!1)},xt=e=>{e.preventDefault(),ot||pe||Qe(!0)},Ft=e=>{e.preventDefault(),ot||pe||Qe(!1)},bt=e=>{e.preventDefault(),ot||pe||(Qe(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?Dt(e.dataTransfer.files[0]):ft(Te("uploader.error"),Te("uploader.browserDoesntSupportDND")))},Nt=e=>{Qe(!1);const t=e.target,a=t.files[0];t.value="",Dt(a)},jt=async({path:e,errorMessage:t,errorCode:a})=>{await N(1e3),st(null),lt(!1),await N(1500),ut(!1),e?Ce&&Ce(e):t&&De&&De(t,a||0)},Ct=async e=>{if(!e)return;let t=new FormData;t.append(A,e),z&&t.append("name",z),Object.keys(me).forEach(e=>{t.append(e,me[e])}),Ee({action:q,requestMethod:se,params:t,queries:he,headers:fe,onFetched:e=>{e.data.success?(ct({message:Te("uploader.fileUploadSuccess"),status:"success"}),ut(!0),et(e.data.data.url),jt({path:e.data.data.url})):(ct({message:Te("uploader.fileUploadFailed"),status:"error"}),gt("",!0,!0),jt({errorMessage:Te("uploader.fileUploadFailed")}))},onError:(e,t)=>{ct({message:Te("uploader.fileUploadFailed"),status:"error"}),gt("",!0,!0),jt({errorMessage:e,errorCode:t})},onProgress:e=>{st({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?g(e.bytes):"",total:e.total?g(e.total):""})}})},Dt=async e=>{if(!e)return;if(!(e=>!!ge.includes(e.type)||(ft(Te("uploader.error"),Te("uploader.fileFormatError",{fileFormat:ze})),!1))(e))return;if(!(e=>!(e.size>1024*ne&&(ft(Te("uploader.error"),Te("uploader.fileSizeError",{fileSize:g(1024*ne)})),1)))(e))return;const t=await(e=>new Promise(t=>{if(!e.type.startsWith("image/")||e.type===y.SVG)return void t(!0);if(!Fe&&!be)return void t(!0);const a=new window.Image,r=URL.createObjectURL(e);a.onload=()=>{URL.revokeObjectURL(r);const e=!Fe||a.naturalWidth>=Fe,i=!be||a.naturalHeight>=be;if(!e||!i){const e=Fe&&be?`${Fe}x${be}`:Fe?`${Fe}px ${Te("uploader.width")}`:`${be}px ${Te("uploader.height")}`,r=`${a.naturalWidth}x${a.naturalHeight}`;return ft(Te("uploader.imageTooSmall"),Te("uploader.imageTooSmallMessage",{required:e,actual:r})),Me.current&&(Me.current.value=""),void t(!1)}t(!0)},a.onerror=()=>{URL.revokeObjectURL(r),t(!0)},a.src=r}))(e);if(t){if(z){const t=b(e.type);e=new File([e],z+t,{type:e.type,lastModified:e.lastModified})}if(Ne&&e.type.startsWith("image/")&&e.type!==y.SVG){ht(e);const t=new FileReader;return t.onload=t=>{kt(t.target?.result,e)},void t.readAsDataURL(e)}Ct(e),lt(!0)}},kt=(a,r)=>{let i=null,o=null;const l=r.type===y.PNG?"image/png":"image/webp"===r.type?"image/webp":"image/jpeg",d=async()=>{if(!i)return;const e=await i.getCroppedFile(z||mt?.name.split(".")[0]||"cropped");e&&(ht(null),o?.(),Ct(e),lt(!0))},s=()=>{ht(null),Me.current&&(Me.current.value=""),o?.()};Oe({title:Ne?.modalTitle||Te("uploader.cropImage"),content:e(()=>{const{hideCurrentModal:r}=G();return o=r||null,t("div",{style:{width:"100%"},children:[e("div",{style:{marginBottom:"20px"},children:e(D,{ref:e=>{i=e},src:a,aspectRatio:Ne?.aspectRatio,minWidth:Ne?.minWidth,minHeight:Ne?.minHeight,outputWidth:Ne?.outputWidth,outputHeight:Ne?.outputHeight,quality:Ne?.quality||.9,outputFormat:l,showGrid:Ne?.showGrid??!0,showCircle:Ne?.showCircle??!1,width:"100%",height:"400px"})}),t(j,{justify:"flex-end",gap:"small",children:[e(p,{variant:"ghost",onClick:s,children:Te("uploader.cancel")}),e(p,{variant:"default",onClick:d,children:Te("uploader.crop")})]})]})},{}),showOkButton:!1,showCancelButton:!1,closeOnClickOutside:!1,showCloseButton:!0,width:"600px",onCancel:()=>(s(),!0)})},St=()=>{$e(!0),Oe({content:e("div",{className:"itd-upload-preview-content",style:{"--preview-width":C(oe),"--preview-height":C(le),"--preview-padding":C(de)},children:e(c,{src:Ze||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>($e(!1),!0)})},Ut=()=>{if(!pe&&_&&Ze&&!ot)return e("span",{className:"delete-icon",children:e(p,{variant:Le===w.FILLED?"solid":"outline",size:x.ICON_SM,type:"button",onClick:yt,disabled:Ge,className:"itd-upload-delete-button rounded-full",children:e(H,{strokeWidth:2})})})},Lt=()=>{if(!pe&&Q&&Ze&&!ot&&Et(Ze))return e("span",{className:"preview-icon",children:e(p,{variant:Le===w.FILLED?"solid":"outline",size:x.ICON_SM,type:"button",onClick:St,disabled:Ge,className:"itd-upload-preview-button rounded-full",children:e(R,{strokeWidth:2})})})},Mt=()=>{if(pe)return e("span",{className:"locked-icon",children:e(p,{variant:Le===w.FILLED?"solid":"outline",size:x.ICON_SM,type:"button",disabled:!0,className:"itd-upload-locked-button rounded-full",children:e(I,{size:14,strokeWidth:2})})})},Ot=()=>{if(""===tt||ot||Ge)return;if("tooltip"!==ce)return;return t("div",{...{className:"itd-upload-failed itd-failed-status",onPointerOver:()=>it(!0),onPointerOut:()=>it(!1)},children:[rt?e(M,{className:"itd-upload-error-tooltip","aria-hidden":"true",children:tt}):null,L]})},Wt=e=>e&&e.toLowerCase().split(".").pop()||"",Et=e=>{if(!e)return!1;return["svg","png","jpg","jpeg","gif","webp"].includes(Wt(e))},Pt=o(()=>Ie?null===Ke?e(T,{className:"itd-upload-icon",width:24}):Ze?Ze&&!Et(Ze)?(t=>{switch(Wt(t)){case"xlsx":case"xls":return e(S,{width:40,height:40});case"pdf":return e(U,{width:40,height:40});default:return e(k,{width:40,height:40})}})(Ze):e(c,{src:Ze||"",width:C(X),height:C(Z),brokenWidth:C(X),brokenHeight:C(Z)}):e(T,{className:"itd-upload-icon",width:24}):null,[Ie,Ke,Ze,X,Z]),Tt=o(()=>{const a=dt?dt.progress:0;return t("div",{className:"itd-upload-status","data-active":ot?"true":void 0,"data-status":pt?.status,children:[e("div",{className:"itd-upload-status-box","data-status":pt?.status,style:{"--upload-progress":`${Math.max(a,0)}%`}}),e("span",{className:"itd-upload-status-message",children:Te(nt||pt?String(pt?.message):"uploader.fileUploading")}),e("span",dt?{className:"itd-upload-status-info",children:Te("uploader.info",{total:dt.total,estimated:dt.estimated})}:{className:"itd-upload-status-calculating",children:Te("uploader.calculating")})]})},[ot,dt,pt,nt,Te]),Ht=()=>{let a=(Ve||_e)&&!ot&&!Ge&&!pe;return e("div",{"data-hover":a?"true":void 0,className:"itd-upload-overlay",children:t("div",{"data-hover":a?"true":void 0,className:"itd-upload-overlay-content",children:[e("span",{className:"itd-upload-header",children:Te("uploader.header")}),e("span",{className:"itd-upload-hint",children:Te("uploader.hint")})]})})},Rt=()=>t("div",{className:"itd-upload","data-fluid":K?"true":"false","data-disabled":Ge?"true":void 0,"data-locked":pe?"true":void 0,children:[e("input",{type:"file",id:Re,accept:ze,onChange:Nt,onFocus:e=>{e.target.matches(":focus-visible")&&Ye(!0)},onBlur:()=>Ye(!1),onPointerOver:()=>{!_e&&Ae(!0)},onPointerOut:()=>{!_e&&Ae(!1)},onDragOver:xt,onDragLeave:Ft,onDrop:bt,disabled:ot||Ge||pe,ref:Me,...W(Re,""!==tt&&!Ge)}),e("div",{"data-focus":Je?"true":void 0,"data-error":""===tt||Ge?void 0:"true",className:"itd-upload-label",children:t("div",{"data-state":ot?"uploading":""===tt||Ge?Ge?"disabled":"idle":"error","data-border":!_e&&!Ve||ot?"default":"hover","data-variant":Le,"data-focus":Je?"true":void 0,"data-disabled":ue?"true":void 0,"data-ratio":null!=ie?"true":void 0,className:"itd-upload-content",style:u({"--upload-padding":"number"==typeof Y?Y+"px":Y,"--file-width":X,"--file-height":Z,"--max-file-width":ee,"--max-file-height":te,"--container-width":ae,"--container-height":re,"--container-ratio":null!=ie?String(ie):void 0}),children:[Pt,Tt,Ht(),t("div",{className:"itd-upload-icons-wrapper","data-position":""===tt?J:"default",children:[pe?Mt():t(j,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Ut(),Lt()]}),Ot()]})]})}),""===tt||ot||Ge||"tooltip"!==ce?null:e(E,{id:O(Re),message:tt})]}),It="inline"!==ce||""===tt||ot||Ge?null:e(P,{id:O(Re),className:"itd-upload-field-error",children:tt});return"inline"===ce?t("div",{className:"itd-field-with-error",children:[Rt(),It]}):Rt()});$.displayName="Upload";export{$ as default};

package/dist/es/utils/CommonStyledComponents.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o}from"react";import{TooltipPositions as i}from"../enums/enum.js";const t=r("svg",{width:"16",height:"16",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:e("g",{fill:"none",fillRule:"evenodd",children:[r("circle",{fill:"currentColor",cx:"10",cy:"10",r:"10"}),r("path",{d:"M10.04,8.62 L12.86,5.79 C13.25,5.40 13.89,5.40 14.28,5.79 C14.67,6.18 14.67,6.82 14.28,7.21 L11.45,10.04 L14.28,12.86 C14.67,13.25 14.67,13.89 14.28,14.28 C13.89,14.67 13.25,14.67 12.86,14.28 L10.04,11.45 L7.21,14.28 C6.82,14.67 6.18,14.67 5.79,14.28 C5.40,13.89 5.40,13.25 5.79,12.86 L8.62,10.04 L5.79,7.21 C5.40,6.82 5.40,6.18 5.79,5.79 C6.18,5.40 6.82,5.40 7.21,5.79 L10.04,8.62 Z",fill:"currentColor"})]})}),s=({position:e=i.TOP_RIGHT,offsetX:o=0,offsetY:t=0,className:s,children:l,style:n,...c})=>r("span",{className:"itd-error-tooltip"+(s?" "+s:""),"data-position":e,style:{...n,...0!==o?{"--itd-error-offset-x":`${o}px`}:{},...0!==t?{"--itd-error-offset-y":`${t}px`}:{}},...c,children:l}),l=({fullSize:e,className:o,...i})=>r("div",{className:"itd-error-border"+(o?" "+o:""),...e?{"data-full-size":""}:{},...i}),n=({message:l,icon:n,className:c="itd-error-icon",tooltipPosition:a=i.TOP_RIGHT})=>{const[d,f]=o(!1);return e("div",{className:"itd-error-icon-wrapper"+(c?" "+c:""),onPointerOver:()=>f(!0),onPointerOut:()=>f(!1),children:[n||t,d&&r(s,{position:a,children:l})]})};export{l as ErrorBorder,n as ErrorIcon,t as ErrorSVGIcon,s as ErrorTooltip};

package/dist/es/utils/ErrorAnnouncement.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";const e=({id:e,message:i})=>r("p",{id:e,role:"alert","aria-live":"assertive",className:"sr-only",style:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},children:i}),i=(r,e)=>e?{"aria-invalid":"true","aria-describedby":`${r}__error`}:{},a=r=>`${r}__error`;export{e as ErrorAnnouncement,i as getErrorAriaProps,a as getErrorId};

package/dist/es/utils/GetButtonSizeSlug.js

@@ -0,0 +1 @@
+import{ButtonSizes as L,ButtonSizesSlug as A}from"../enums/enum.js";function M(M){return M===L.X_SMALL?A.X_SMALL:M===L.SMALL?A.SMALL:M===L.MEDIUM?A.MEDIUM:M===L.DEFAULT?A.DEFAULT:M===L.LARGE?A.LARGE:M===L.X_LARGE?A.X_LARGE:M===L.ICON?A.ICON:M===L.ICON_SM?A.ICON_SM:M===L.ICON_LG?A.ICON_LG:A.DEFAULT}export{M as default};

package/dist/es/utils/GetSizeBySizeSlug.js

@@ -0,0 +1 @@
+import{ComponentSizesSlug as L,ComponentSizes as A}from"../enums/enum.js";function E(E){return E===L.X_SMALL?A.X_SMALL:E===L.SMALL?A.SMALL:E===L.MEDIUM?A.MEDIUM:E===L.DEFAULT?A.DEFAULT:E===L.LARGE?A.LARGE:E===L.X_LARGE?A.X_LARGE:A.DEFAULT}export{E as default};

package/dist/es/utils/GetSizeSlugBySize.js

@@ -0,0 +1 @@
+import{ComponentSizes as L,ComponentSizesSlug as A}from"../enums/enum.js";function E(E){return E===L.X_SMALL?A.X_SMALL:E===L.SMALL?A.SMALL:E===L.MEDIUM?A.MEDIUM:E===L.DEFAULT?A.DEFAULT:E===L.LARGE?A.LARGE:E===L.X_LARGE?A.X_LARGE:A.DEFAULT}export{E as default};

package/dist/es/utils/InlineSVGCached.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{memo as t,useRef as e,useEffect as s}from"react";const a=new Map,o=r=>{if("undefined"==typeof DOMParser)return r;const t=(new DOMParser).parseFromString(r,"image/svg+xml").querySelector("svg");return t?(t.querySelectorAll("script").forEach(r=>r.remove()),t.querySelectorAll("*").forEach(r=>{Array.from(r.attributes).forEach(t=>{const e=t.name.toLowerCase(),s=t.value.replace(/\s/g,"").toLowerCase();e.startsWith("on")?r.removeAttribute(t.name):"href"!==e&&"xlink:href"!==e||!s.startsWith("javascript:")||r.removeAttribute(t.name)})}),t.outerHTML):""};var n=t(({src:t,className:n,style:l,title:i,role:c,onLoaded:u,onError:f})=>{const m=e(null);return s(()=>{const r=m.current;if(!r)return;let e=!1;const s=t=>{if(e)return;const s=r;s.__itdLastSvg!==t?(r.innerHTML=t,s.__itdLastSvg=t,u&&u()):u&&u()};try{if(t.trim().startsWith("<svg"))return s(o(t)),()=>{e=!0};if(a.has(t))return s(a.get(t)),()=>{e=!0};const r=new AbortController;return fetch(t,{signal:r.signal}).then(async r=>{if(!r.ok)throw new Error(`SVG load failed: ${r.status}`);return r.text()}).then(r=>{const e=o(r);a.set(t,e),s(e)}).catch(r=>{e||f&&f(r)}),()=>{e=!0,r.abort()}}catch(r){f&&f(r)}return()=>{e=!0}},[t]),r("span",{ref:m,className:n,style:l,title:i,role:c,"aria-hidden":!i||void 0})},(r,t)=>r.src===t.src&&r.className===t.className&&r.title===t.title&&r.role===t.role&&r.style===t.style);export{n as default};

package/dist/es/utils/cn.js

@@ -0,0 +1 @@
+import{clsx as r}from"clsx";import{twMerge as o}from"tailwind-merge";function t(...t){return o(r(t))}export{t as cn};

package/dist/es/utils/focusModality.js

@@ -0,0 +1 @@
+import{realmOf as e}from"../hooks/useRealm.js";const t=new WeakMap,n=n=>{const{doc:a}=e(n);if(!a||t.has(a))return;const s={tab:!1,anyKey:!1};t.set(a,s),a.addEventListener("keydown",e=>{s.anyKey=!0,"Tab"===e.key&&(s.tab=!0)},{capture:!0});const o=()=>{s.tab=!1,s.anyKey=!1};a.addEventListener("pointerdown",o,{capture:!0,passive:!0}),a.addEventListener("mousedown",o,{passive:!0}),a.addEventListener("touchstart",o,{passive:!0}),a.addEventListener("pointermove",()=>{s.anyKey=!1},{capture:!0,passive:!0})},a=(n,a)=>{const{doc:s}=e(n),o=s&&t.get(s);return!!o&&(a?.anyKey?o.anyKey:o.tab)};export{n as initFocusModality,a as wasLastInputKeyboard};