@sito/dashboard 0.0.66 → 0.0.68

package/dist/Table-DgFzKIJZ.cjs

@@ -0,0 +1 @@
+var Ee=require("./Table.css");const e=require("react/jsx-runtime"),o=require("react"),S=require("./FiltersProvider-BlHv12dU.cjs"),be=require("./Badge-Z78MlGoQ.cjs"),_=require("./Filters-Dyee8QYH.cjs"),z=require("./lib.cjs"),k=require("./TranslationProvider-Czr0WIDH.cjs"),$=require("./TextInput-C27RFuya.cjs"),P=require("./TableOptionsProvider-CDLZ4TXE.cjs"),G=require("./Button-BlYa3uPc.cjs"),J=require("./Chip-D17UJHW6.cjs"),L=require("./IconButton-CVnmT2E9.cjs"),K=require("./Tooltip-BSKAgRkc.cjs"),fe=require("./query-81BrXp3i.cjs"),je=require("./Dropdown-CAxauIXt.cjs"),ge=require("./Loading-CNECRan-.cjs");function Q(s){const{id:t,icon:r,tooltip:n,onClick:a,children:l,hidden:d=!1,disabled:i=!1,showText:u=!1,showTooltips:c=!0,className:h=""}=s;return d?null:e.jsxs("button",{id:t,className:`action ${u?"text-action":"icon-action"} ${h}`,disabled:i,onClick:()=>a?.(),"aria-disabled":i,"data-tooltip-id":"tooltip","data-tooltip-content":c?n:"",children:[r," ",u&&n,l]})}function Y(s){const{actions:t=[],className:r="",itemClassName:n="",actionClassName:a="",showTooltips:l=!0,showActionTexts:d=!1}=s;return e.jsx("ul",{className:`actions-container ${r}`,children:t.map(i=>e.jsx("li",{className:`actions-container-item ${n}`,children:e.jsx(Q,{showTooltips:l,showText:d,className:a,...i})},i.id))})}const Z=s=>{const{actions:t=[],className:r=""}=s,{t:n}=k.useTranslation(),[a,l]=o.useState(!1),[d,i]=o.useState(null);return e.jsxs("div",{className:`actions-dropdown ${r}`,children:[e.jsx(L.IconButton,{icon:e.jsx(_.Ellipsis,{}),onClick:u=>{u.stopPropagation(),i(u.currentTarget),l(c=>!c)},onMouseDown:u=>u.stopPropagation(),className:"actions-dropdown-trigger","aria-label":n("_accessibility:buttons.openActions"),name:n("_accessibility:buttons.openActions"),"data-tooltip-id":"tooltip","data-tooltip-content":n("_accessibility:buttons.openActions")}),e.jsx(je.Dropdown,{open:a,onClose:()=>l(!1),anchorEl:d,children:e.jsx(Y,{showActionTexts:!0,actions:t,itemClassName:"w-full",actionClassName:"action-dropdown-item",className:"actions-dropdown-list",showTooltips:!1})})]})};function ee(s){return[...s].sort((t,r)=>(r.pos??0)-(t.pos??0)).filter(t=>t.display!=="none")}function te(s){const{t}=k.useTranslation(),{entity:r="",columns:n=[],hasAction:a=!0,onSortCallback:l,selectionState:d,onToggleAllRows:i}=s,u=o.useRef(null);o.useEffect(()=>{u.current&&(u.current.indeterminate=!!(d?.hasSomeSelected&&!d?.allSelected))},[d]);const{onSort:c,sortingOrder:h,sortingBy:x}=P.useTableOptions(),b=o.useMemo(()=>ee(n).map(p=>({id:p.key,label:p.label,className:p.className??"",sortable:p.sortable??!0,sortOptions:p.sortOptions})),[n,r,t]);return e.jsx("thead",{className:"table-headers-row",children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",className:"table-headers-column table-headers-checkbox",children:i?e.jsx("input",{type:"checkbox",ref:u,checked:d?.allSelected??!1,onChange:i,"aria-label":t("_accessibility:components.table.selectAllRows")}):null}),a&&e.jsx("th",{scope:"col",className:"table-headers-action",children:e.jsx("span",{children:t("_accessibility:labels.actions")})}),b.map(p=>e.jsx("th",{scope:"col",className:`table-headers-column ${p.className}`,children:e.jsxs(G.Button,{disabled:!p.sortable,onClick:()=>c(p.id,l),className:"table-headers-cell",children:[e.jsx("span",{className:"table-headers-label",children:p.label}),p.sortable&&x===p.id&&e.jsx("span",{children:h===fe.SortOrder.ASC?p.sortOptions?.icons?.asc??e.jsx(_.ChevronUp,{className:p.sortOptions?.icons?.className??"table-headers-sort-indicator"}):p.sortOptions?.icons?.desc??e.jsx(_.ChevronDown,{className:p.sortOptions?.icons?.className??"table-headers-sort-indicator"})})]})},p.id))]})})}const ne=s=>{const{items:t,text:r,id:n,onClearFilter:a}=s;return e.jsx(J.Chip,{text:`${r}: ${t.map(l=>l.value??l.name).join(", ")}`,onDelete:()=>a(n)})},se=s=>{const{end:t,start:r,text:n,id:a,onClearFilter:l}=s;return e.jsx(J.Chip,{text:`${n}: ${r||"♾️"} - ${t||"♾️"}`,onDelete:()=>l(a)})},le=s=>{const{filtersDefinition:t}=s,r=o.useMemo(()=>{const i={};return t.forEach(u=>{i[u.propertyName]=u.label??u.propertyName}),i},[t]),{filters:n,clearFilters:a}=P.useTableOptions(),l=o.useMemo(()=>Object.keys(n),[n]),d=o.useCallback(i=>n[i]?.end||n[i]?.start?e.jsx(se,{id:i,text:r[i],start:n[i].start,end:n[i].end,onClearFilter:a}):Array.isArray(n[i])?e.jsx(ne,{id:i,text:r[i],items:n[i],onClearFilter:a}):e.jsx(J.Chip,{text:`${r[i]}: ${n[i]?.value??n[i]?.name??n[i]}`,onDelete:()=>a(i)}),[n,r]);return e.jsx("ul",{className:"active-filters-main",children:l?.map(i=>e.jsx("li",{children:d(i)},i))})};function Ce(s){const{propertyName:t,label:r,placeholder:n,options:a,multiple:l=!0}=s,{currentFilters:d,setCurrentFilters:i}=S.useFilters(),u=o.useMemo(()=>d[t]??a[0],[d]),c=o.useCallback(h=>{i({type:S.FiltersActions.update,toUpdate:{[t]:{value:h}}})},[l]);return e.jsx($.AutocompleteInput,{value:u?.value,label:r,options:a,multiple:l,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:c,placeholder:n})}const Ne=s=>{const{propertyName:t,label:r}=s,{currentFilters:n,setCurrentFilters:a}=S.useFilters(),l=o.useMemo(()=>n[t]?.value??"",[n]),d=o.useCallback(i=>{a({type:S.FiltersActions.update,toUpdate:{[t]:{value:i.target.checked}}})},[]);return e.jsx($.CheckInput,{label:r,checked:l??!1,onChange:d})};function ve(s){const{propertyName:t,options:r,label:n,placeholder:a}=s,{currentFilters:l,setCurrentFilters:d}=S.useFilters(),i=o.useMemo(()=>l[t]?.value??r[0],[l]),u=o.useCallback(c=>{d({type:S.FiltersActions.update,toUpdate:{[t]:{value:c.target.value}}})},[]);return e.jsx($.SelectInput,{value:i,label:n,options:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:u,placeholder:a})}const we=s=>{const{propertyName:t,label:r,placeholder:n}=s,{currentFilters:a,setCurrentFilters:l}=S.useFilters(),d=o.useMemo(()=>a[t]?.value??"",[a]),i=o.useCallback(u=>{l({type:S.FiltersActions.update,toUpdate:{[t]:{value:u.target.value}}})},[]);return e.jsx($.TextInput,{value:d??"",label:r,onChange:i,containerClassName:"input-widget-container",helperTextClassName:"",placeholder:n})},X=s=>{const{propertyName:t,label:r,inputType:n}=s,{t:a}=k.useTranslation(),{currentFilters:l,setCurrentFilters:d}=S.useFilters(),i=o.useRef(null),u=o.useRef(null),c=o.useCallback(x=>{d({type:S.FiltersActions.update,toUpdate:{[t]:{value:{end:u?.current?.value??null,start:x.target.value}}}})},[]),h=o.useCallback(x=>{d({type:S.FiltersActions.update,toUpdate:{[t]:{value:{start:i?.current?.value??null,end:x.target.value}}}})},[]);return e.jsxs("div",{className:"range-widget-container",children:[e.jsx("p",{className:"text-input-label input-widget-label input-label-normal",children:r}),e.jsxs("div",{className:"range-widget-row",children:[e.jsx($.TextInput,{value:l[t]?.value?.start??"",placeholder:a("_accessibility:components.table.filters.range.start"),type:n,ref:i,onChange:c,containerClassName:"input-widget-container",helperTextClassName:""}),e.jsx($.TextInput,{value:l[t]?.value?.end??"",placeholder:a("_accessibility:components.table.filters.range.end"),type:n,ref:u,onChange:h,containerClassName:"input-widget-container",helperTextClassName:""})]})]})},ae=s=>{switch(s.type){case z.FilterTypes.text:return e.jsx(we,{...s});case z.FilterTypes.number:return e.jsx(X,{...s,inputType:"number"});case z.FilterTypes.date:return e.jsx(X,{...s,inputType:"date"});case z.FilterTypes.select:return e.jsx(ve,{...s});case z.FilterTypes.autocomplete:return e.jsx(Ce,{...s});case z.FilterTypes.check:return e.jsx(Ne,{...s})}return e.jsx(e.Fragment,{})},re=s=>{const{filters:t=[],show:r,handleShow:n}=s,{onFilterApply:a}=P.useTableOptions(),{currentFilters:l,setCurrentFilters:d}=S.useFilters(),{t:i}=k.useTranslation(),u=o.useRef(null);return o.useEffect(()=>{const c=({target:x})=>{u.current&&(x?.closest(".filter-dropdown-trigger")||!r||u.current.contains(x)||n(!1))},h=({code:x})=>{!r||x!=="Escape"||n(!1)};return document.addEventListener("click",c),document.addEventListener("keydown",h),()=>{document.removeEventListener("click",c),document.removeEventListener("keydown",h)}},[n,r]),e.jsx("div",{className:`filter-dropdown-backdrop ${r?"opened":"closed"}`,children:e.jsxs("div",{className:"filter-popup",ref:u,children:[e.jsx("div",{className:"filter-title",children:i("_accessibility:buttons.filters")}),e.jsx("ul",{className:"filter-container",children:t.map(c=>e.jsx("li",{className:"filter-container-item",children:ae(c)},c.propertyName))}),e.jsx("div",{className:"filter-footer",children:e.jsxs("ul",{className:"filter-buttons-row",children:[e.jsx("li",{children:e.jsx(G.Button,{type:"button",variant:"submit",onClick:()=>d({type:S.FiltersActions.reset,filters:t}),className:"filter-dropdown-button filter-dropdown-cancel",children:i("_accessibility:buttons.clear")})}),e.jsx("li",{children:e.jsx(G.Button,{type:"button",variant:"submit",color:"primary",className:"filter-dropdown-button filter-dropdown-submit",onClick:()=>{n(!1),a(l)},children:i("_accessibility:buttons.applyFilters")})})]})})]})})},ie=()=>{const{t:s}=k.useTranslation(),{total:t,pageSize:r,pageSizes:n,currentPage:a}=P.useTableOptions(),l=(a+1)*r>t?t:(a+1)*r;return e.jsxs("div",{className:"table-navigation-sizes",children:[n[0]<t&&e.jsx(e.Fragment,{children:e.jsxs("p",{children:[a*r+1," - ",l," ",s("_accessibility:components.table.of")]})}),e.jsx("p",{children:t})]})};function Te(){const{t:s}=k.useTranslation(),{total:t,pageSize:r,currentPage:n,setCurrentPage:a}=P.useTableOptions(),l=o.useMemo(()=>{const d=Math.ceil(t/r);return Array.from({length:d},(i,u)=>({id:u,value:u+1}))},[t,r]);return e.jsxs("div",{className:"jump-to-page",children:[e.jsx("p",{children:s("_accessibility:components.table.jumpToPage")}),e.jsx($.SelectInput,{value:n,options:l,inputClassName:"jump-to-page-input",containerClassName:"jump-to-page-input-container",helperTextClassName:"hidden",onChange:d=>a(Number(d.target.value))})]})}const oe=()=>{const{t:s}=k.useTranslation(),{total:t,pageSize:r,currentPage:n,setCurrentPage:a}=P.useTableOptions(),l=Math.ceil(t/r),d=n<l-1;return e.jsxs("div",{className:"table-navigation-pages",children:[e.jsx(L.IconButton,{icon:e.jsx(_.ChevronLeft,{className:"table-navigation-icon"}),className:"table-navigation-buttons",disabled:n===0,"aria-label":s("_accessibility:buttons.previous"),name:s("_accessibility:buttons.previous"),onClick:()=>a(n-1)}),e.jsx(L.IconButton,{icon:e.jsx(_.ChevronRight,{className:"table-navigation-icon"}),disabled:!d,className:"table-navigation-buttons",name:s("_accessibility:buttons.next"),"aria-label":s("_accessibility:buttons.next"),onClick:()=>{d&&a(n+1)}})]})};function ce(){const{t:s}=k.useTranslation(),{pageSizes:t,pageSize:r,setPageSize:n}=P.useTableOptions(),a=o.useMemo(()=>t?.map(l=>({id:l,value:l})),[t]);return e.jsxs("div",{className:"page-size",children:[e.jsx("p",{children:s("_accessibility:components.table.pageSizes")}),e.jsx($.SelectInput,{value:r,options:a,inputClassName:"page-size-input",containerClassName:"page-size-input-container",helperTextClassName:"hidden",onChange:l=>n(Number(l.target.value))})]})}function ue(){return e.jsxs("div",{className:"table-footer",children:[e.jsx(Te,{}),e.jsx(ce,{}),e.jsx(ie,{}),e.jsx(oe,{})]})}const ye=s=>s,de=s=>{const{t}=k.useTranslation(),{columns:r,softDeleteProperty:n="deletedAt",data:a,actions:l,selectedRows:d,expandedRows:i=[],onRowSelectionChange:u,onRowExpand:c}=s,h=o.useMemo(()=>ee(r),[r]),x=o.useMemo(()=>new Map(i.map(b=>[b.rowId,b])),[i]);return a?.map(b=>{const p=d.has(b.id),v=x.get(b.id),T=!!v,D=h.length+1+(l?1:0);return e.jsxs(o.Fragment,{children:[e.jsxs("tr",{className:`table-row ${c?"expandable":""} ${b[n]?"deleted-class":""} ${p?"selected":""} ${T?"expanded":""}`,onClick:()=>c?.(b),children:[e.jsx("td",{className:"table-row-cell table-row-checkbox",children:e.jsx("input",{type:"checkbox",checked:p,onClick:C=>C.stopPropagation(),onChange:()=>u(b),"aria-label":t("_accessibility:components.table.selectRow")})}),l?e.jsx("td",{className:"w-px",children:e.jsx("div",{className:"table-row-cell-action",children:(()=>{const C=l(b).filter(j=>!j.hidden),M=C.filter(j=>j.sticky),y=C.filter(j=>!j.sticky);return e.jsxs(e.Fragment,{children:[M.map(j=>e.jsx(K.Tooltip,{content:j.tooltip,children:e.jsx(L.IconButton,{icon:j.icon,className:"row-table-action",onClick:E=>{E.stopPropagation(),j.onClick(b)}})},j.id)),y.length>0&&e.jsx(Z,{actions:y})]})})()})}):null,h?.map((C,M)=>{const y=b[C.key],j=C.renderBody?C.renderBody(y,b):ye(y);return e.jsx("td",{className:`table-row-cell ${M===0?"basic":""} ${C.className??""}`,children:c&&M===0?e.jsxs("div",{className:"table-row-expand-content",children:[e.jsx("span",{className:"table-row-expand-indicator","aria-hidden":!0,"data-state":T?"expanded":"collapsed",children:T?e.jsx(_.ChevronUp,{className:"table-row-expand-chevron"}):e.jsx(_.ChevronDown,{className:"table-row-expand-chevron"})}),e.jsx("div",{className:"table-row-expand-value",children:j})]}):j},C.key)})]}),T&&v?.content!==null&&typeof v?.content<"u"&&e.jsx("tr",{className:"table-row-expanded",children:e.jsx("td",{className:"table-row-expanded-cell",colSpan:D,children:e.jsx("div",{className:`table-row-expanded-content ${v.isVisible?"open":"closed"}`,children:e.jsx("div",{className:"table-row-expanded-inner",children:v.content})})})})]},b.id)})};function pe(){const{t:s}=k.useTranslation();return e.jsx("div",{className:"table-empty",children:e.jsx("p",{children:s("_accessibility:components.table.empty")})})}const me=s=>{const{columns:t,title:r,isLoading:n,toolbar:a,filterOptions:l}=s,{countOfFilters:d}=P.useTableOptions(),{t:i}=k.useTranslation(),u=o.useMemo(()=>t?[...t].sort((p,v)=>(v.pos??0)-(p.pos??0)).filter(p=>!!p.filterOptions).map(p=>({...p.filterOptions,label:p.filterOptions?.label??p.label,propertyName:p.key})):[],[t]),[c,h]=o.useState(!1),x=o.useCallback(p=>{l?.dropdown?.setOpened?l.dropdown.setOpened(p??!1):h(p??!1)},[l]),b=o.useMemo(()=>l?.dropdown?.opened??c,[l,c]);return e.jsxs("div",{className:`table-header ${b?"showing-filters":""}`,children:[e.jsxs("div",{children:[r&&e.jsx("h1",{className:"table-header-title",children:r}),n?null:e.jsxs("div",{className:"table-header-content",children:[a,l?.button?.hide!==!0&&e.jsxs(L.IconButton,{icon:l?.button?.icon??e.jsx(_.Filters,{className:"filter-dropdown-trigger-icon"}),className:"filter-dropdown-button normal filter-dropdown-trigger","aria-haspopup":"true",onClick:()=>x(!b),"aria-expanded":b,children:[e.jsx(be.Badge,{count:d,className:`${d>0?"show":"hide"} `}),e.jsx("span",{className:"table-header-sr",children:i("_accessibility:buttons.filters")}),e.jsx("wbr",{})]})]})]}),!!u&&!!u.length&&e.jsx(re,{filters:u,show:b,handleShow:x,options:l}),e.jsx(le,{filtersDefinition:u})]})};function he({count:s,multiActions:t,onActionClick:r}){const{t:n}=k.useTranslation();return e.jsxs("div",{className:"table-selection-bar",children:[e.jsx("p",{className:"table-selection-bar-count",children:n("_accessibility:components.table.selectedCount",{count:s})}),t.length>0&&e.jsx("div",{className:"table-selection-bar-actions",children:t.map(a=>e.jsx(K.Tooltip,{content:a.tooltip,children:e.jsx(L.IconButton,{icon:a.icon,className:"multi-table-action",onClick:()=>r(a),disabled:a.disabled})},a.id))})]})}const H=220;function Se({data:s,allowMultipleExpandedRows:t,controlledExpandedRowId:r,onExpandedRowChange:n,onRowExpand:a,findRowById:l}){const[d,i]=o.useState(null),[u,c]=o.useState(null),[h,x]=o.useState(null),[b,p]=o.useState(null),[v,T]=o.useState(!1),[D,C]=o.useState(new Set),[M,y]=o.useState([]),j=o.useRef(null),E=o.useRef(null),I=o.useRef(new Map),R=typeof r<"u",A=t&&!R,N=R?r??null:d,B=o.useCallback(()=>{E.current&&(clearTimeout(E.current),E.current=null)},[]),F=o.useCallback(m=>{if(typeof m<"u"){const f=I.current.get(m);if(!f)return;clearTimeout(f),I.current.delete(m);return}I.current.forEach(f=>clearTimeout(f)),I.current.clear()},[]),V=o.useCallback(m=>{F(m),y(f=>f.some(w=>w.rowId===m)?f.map(w=>w.rowId===m?{...w,isVisible:!1}:w):f),I.current.set(m,setTimeout(()=>{y(f=>f.filter(g=>g.rowId!==m)),I.current.delete(m)},H))},[F]),W=o.useCallback((m,f)=>{F(m),y(g=>g.some(O=>O.rowId===m)?g.map(O=>O.rowId===m?{...O,content:f,isVisible:!1}:O):[...g,{rowId:m,content:f,isVisible:!1}]),requestAnimationFrame(()=>{y(g=>g.map(w=>w.rowId===m?{...w,isVisible:!0}:w))})},[F]);o.useEffect(()=>{if(!A)return;const m=new Set(s.map(f=>f.id));C(f=>{const g=new Set;return f.forEach(w=>{if(m.has(w)){g.add(w);return}F(w)}),g}),y(f=>(f.forEach(g=>{m.has(g.rowId)||F(g.rowId)}),f.filter(g=>m.has(g.rowId))))},[s,A,F]),o.useEffect(()=>{if(A)return;if(N===null){c(null),R&&(j.current=null);return}l(N)||(R||i(null),c(null),R&&(j.current=null))},[s,N,l,R,A]),o.useEffect(()=>{if(!A){if(B(),N===null||u===null){if(h===null){T(!1),p(null);return}T(!1),E.current=setTimeout(()=>{x(null),p(null),E.current=null},H);return}if(h===null){x(N),p(u),requestAnimationFrame(()=>T(!0));return}if(h===N){p(u),requestAnimationFrame(()=>T(!0));return}T(!1),E.current=setTimeout(()=>{x(N),p(u),requestAnimationFrame(()=>T(!0)),E.current=null},H)}},[B,u,N,A,h]),o.useEffect(()=>()=>{B(),F()},[B,F]),o.useEffect(()=>{if(!R)return;if(N===null){c(null),j.current=null;return}const m=l(N);if(!m){c(null),j.current=null;return}const f=j.current;c(a?.(m,f)??null),j.current=m},[N,l,R,a]);const xe=o.useCallback(m=>{if(A){if(D.has(m.id)){C(U=>{const q=new Set(U);return q.delete(m.id),q}),V(m.id),n?.(null,m);return}C(U=>{const q=new Set(U);return q.add(m.id),q});const O=a?.(m,null)??null;O!==null&&typeof O<"u"?W(m.id,O):(F(m.id),y(U=>U.filter(q=>q.rowId!==m.id))),n?.(m,null);return}const f=N===m.id,g=f?m:l(N);if(R){n?.(f?null:m,g);return}if(f){i(null),c(null),n?.(null,m);return}i(m.id),c(a?.(m,g)??null),n?.(m,g)},[N,V,F,W,l,D,R,A,n,a]);return{expandedRowsToRender:o.useMemo(()=>A?M:h===null||b===null||typeof b>"u"?[]:[{rowId:h,content:b,isVisible:v}],[v,A,b,h,M]),onRowExpandChange:xe}}function Fe({actions:s,selectedRowsData:t}){const r=o.useMemo(()=>!s||!t.length?[]:t.reduce((a,l,d)=>{const i=s(l).filter(c=>c.multiple&&!c.hidden);if(d===0)return i;const u=new Map(a.map(c=>[c.id,c]));return i.reduce((c,h)=>{const x=u.get(h.id);return x&&c.push({...x,...h,disabled:h.disabled||x.disabled}),c},[])},[]),[s,t]),n=o.useCallback(a=>{if(t.length){if(a.onMultipleClick){a.onMultipleClick(t);return}t.forEach(l=>a.onClick(l))}},[t]);return{multiActions:r,handleMultipleActionClick:n}}function Re({data:s,onRowSelect:t,onSelectedRowsChange:r}){const[n,a]=o.useState(new Set),l=o.useMemo(()=>s?.filter(c=>n.has(c.id))??[],[s,n]);o.useEffect(()=>{if(!s?.length){a(new Set);return}a(c=>{const h=new Set,x=new Set(s.map(b=>b.id));return c.forEach(b=>{x.has(b)&&h.add(b)}),h})},[s]),o.useEffect(()=>{r&&r(l)},[l,r]);const d=o.useCallback(c=>{a(h=>{const x=new Set(h);return x.has(c.id)?(x.delete(c.id),t?.(c,!1)):(x.add(c.id),t?.(c,!0)),x})},[t]),i=o.useCallback(()=>{a(c=>{const h=new Set(c),x=s??[],b=x.every(p=>h.has(p.id));return x.forEach(p=>{const v=h.has(p.id);b?v&&(h.delete(p.id),t?.(p,!1)):v||(h.add(p.id),t?.(p,!0))}),h})},[s,t]),u=o.useMemo(()=>{if(!s?.length)return{allSelected:!1,hasSomeSelected:!1};const c=s.every(x=>n.has(x.id)),h=s.some(x=>n.has(x.id));return{allSelected:c,hasSomeSelected:h}},[s,n]);return{selectedRows:n,selectedRowsData:l,selectionState:u,onRowSelectionChange:d,onToggleAllRows:i}}function Ae(s){const{data:t,onSort:r,entity:n="",isLoading:a=!1,actions:l,columns:d=[],contentClassName:i="",className:u="",softDeleteProperty:c="deletedAt",onRowSelect:h,onSelectedRowsChange:x,allowMultipleExpandedRows:b=!1,expandedRowId:p,onExpandedRowChange:v,onRowExpand:T,...D}=s,C=o.useMemo(()=>!t?.length,[t]),M=o.useCallback(V=>V===null?null:t.find(W=>W.id===V)??null,[t]),{selectedRows:y,selectedRowsData:j,selectionState:E,onRowSelectionChange:I,onToggleAllRows:R}=Re({data:t,onRowSelect:h,onSelectedRowsChange:x}),{expandedRowsToRender:A,onRowExpandChange:N}=Se({data:t,allowMultipleExpandedRows:b,controlledExpandedRowId:p,onExpandedRowChange:v,onRowExpand:T,findRowById:M}),{multiActions:B,handleMultipleActionClick:F}=Fe({actions:l,selectedRowsData:j});return e.jsx(S.FiltersProvider,{children:e.jsxs("div",{className:`${u} table-main`,children:[e.jsx(me,{columns:d,isLoading:a,...D}),a?e.jsx(ge.Loading,{className:"table-loading"}):e.jsx(e.Fragment,{children:C?e.jsx(pe,{}):e.jsxs(e.Fragment,{children:[!!j.length&&e.jsx(he,{count:j.length,multiActions:B,onActionClick:F}),e.jsx("div",{className:`${i} table-body`,children:e.jsxs("table",{className:"table-content",children:[e.jsx(te,{entity:n,columns:d,onSortCallback:r,hasAction:!!l,selectionState:E,onToggleAllRows:R}),e.jsx("tbody",{children:e.jsx(de,{data:t,actions:l,columns:d,softDeleteProperty:c,selectedRows:y,expandedRows:A,onRowSelectionChange:I,onRowExpand:T?N:void 0})})]})}),e.jsx(ue,{})]})})]})})}exports.Action=Q;exports.Actions=Y;exports.ActionsDropdown=Z;exports.ActiveFilters=le;exports.ArrayChip=ne;exports.Columns=te;exports.CountOfTotal=ie;exports.FilterDropdown=re;exports.Footer=ue;exports.Navigation=oe;exports.PageSize=ce;exports.RangeChip=se;exports.Rows=de;exports.Table=Ae;exports.TableEmpty=pe;exports.TableHeader=me;exports.TableSelectionBar=he;exports.renderFilterComponent=ae;

package/dist/Table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Table-CWss4TW5.cjs");exports.ActiveFilters=e.ActiveFilters;exports.ArrayChip=e.ArrayChip;exports.Columns=e.Columns;exports.CountOfTotal=e.CountOfTotal;exports.FilterDropdown=e.FilterDropdown;exports.Footer=e.Footer;exports.Navigation=e.Navigation;exports.PageSize=e.PageSize;exports.RangeChip=e.RangeChip;exports.Rows=e.Rows;exports.Table=e.Table;exports.TableEmpty=e.TableEmpty;exports.TableHeader=e.TableHeader;exports.TableSelectionBar=e.TableSelectionBar;exports.renderFilterComponent=e.renderFilterComponent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Table-DgFzKIJZ.cjs");exports.ActiveFilters=e.ActiveFilters;exports.ArrayChip=e.ArrayChip;exports.Columns=e.Columns;exports.CountOfTotal=e.CountOfTotal;exports.FilterDropdown=e.FilterDropdown;exports.Footer=e.Footer;exports.Navigation=e.Navigation;exports.PageSize=e.PageSize;exports.RangeChip=e.RangeChip;exports.Rows=e.Rows;exports.Table=e.Table;exports.TableEmpty=e.TableEmpty;exports.TableHeader=e.TableHeader;exports.TableSelectionBar=e.TableSelectionBar;exports.renderFilterComponent=e.renderFilterComponent;

package/dist/Table.css

@@ -1 +1 @@
-.active-filters-main{justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.filter-dropdown-button{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.filter-dropdown-button.normal{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2)}.filter-dropdown-button.small{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5)}.filter-dropdown-trigger-icon{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);fill:currentColor}.filter-dropdown-backdrop{width:100%;transition:grid-template-rows .5s;display:grid;overflow:hidden}.filter-dropdown-backdrop.opened{grid-template-rows:1fr}.filter-dropdown-backdrop.closed{grid-template-rows:0fr}.filter-popup{min-height:0;overflow:auto}.filter-title{margin-bottom:calc(var(--spacing,.25rem) * 3);padding-inline:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 1.5);padding-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);text-transform:uppercase}.filter-container{margin-bottom:calc(var(--spacing,.25rem) * 4);column-gap:calc(var(--spacing,.25rem) * 6);row-gap:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.filter-container-item{align-items:center;display:flex}.filter-footer{border-top-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);border-top-width:1px}.filter-buttons-row{justify-content:space-between;align-items:center;display:flex}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-duration:initial;--tw-border-style:solid}}}.table-main{height:100%;min-height:calc(var(--spacing,.25rem) * 0);flex-direction:column;width:100%;display:flex}.table-header{gap:calc(var(--spacing,.25rem) * 2);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.table-header.showing-filters{margin-bottom:calc(var(--spacing,.25rem) * 5)}.table-header-content{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);justify-self:flex-end;width:100%;display:flex}.table-header-title{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media(min-width:48rem){.table-header-title{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ))}}.table-body{min-height:calc(var(--spacing,.25rem) * 0);flex:1;width:100%;overflow:auto}.table-content{border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing,.25rem) * 0);--tw-border-spacing-y:calc(var(--spacing,.25rem) * 0);width:100%;height:100%;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);text-align:left;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.table-loading{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);width:100%;height:100%}.table-row-cell{padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.table-row-cell.basic{white-space:nowrap}.table-row-cell-action{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 3);width:100%;display:flex}.table-row{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s}.table-row.expandable{cursor:pointer}@media(hover:hover){.table-row.expandable:hover{background-color:var(--color-base,#f2f2f2)}}.table-row.selected,.table-row.expanded{background-color:var(--color-base,#f2f2f2)}.table-row-checkbox{width:calc(var(--spacing,.25rem) * 12);padding-inline:calc(var(--spacing,.25rem) * 3);text-align:center}.table-row-checkbox input{cursor:pointer}.table-row-expanded-cell{border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 0);background-color:#0000;border-width:0}.table-row-expanded-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s,opacity .22s;display:grid}.table-row-expanded-content.open{opacity:1;grid-template-rows:1fr}.table-row-expanded-content.closed{opacity:0;grid-template-rows:0fr}.table-row-expanded-inner{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border,#ccc);background-color:var(--color-base,#f2f2f2);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 4);overflow:hidden}.table-selection-bar{margin-bottom:calc(var(--spacing,.25rem) * 3);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);background-color:var(--color-base,#f2f2f2);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);color:var(--color-text,#0d0d0d);border-radius:.25rem;display:flex}.table-selection-bar-count{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.table-selection-bar-actions{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.multi-table-action{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;display:flex}.multi-table-action:disabled{cursor:not-allowed;opacity:.5}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.jump-to-page,.page-size{justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.jump-to-page-input,.page-size-input{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-border-style:none!important;padding-block:calc(var(--spacing,.25rem) * 0)!important;padding-right:calc(var(--spacing,.25rem) * 7)!important;padding-left:calc(var(--spacing,.25rem) * 2)!important;border-style:none!important}.jump-to-page-input-container,.page-size-input-container{margin-bottom:calc(var(--spacing,.25rem) * 0)!important;--tw-border-style:none!important;border-style:none!important;width:auto!important}.table-headers-column{top:calc(var(--spacing,.25rem) * 0);z-index:20;background-color:var(--color-base,#f2f2f2);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);position:sticky}.table-headers-checkbox{width:calc(var(--spacing,.25rem) * 12);text-align:center}.table-headers-checkbox input{cursor:pointer}.table-headers-label{white-space:nowrap}.table-headers-sort-indicator{width:calc(var(--spacing,.25rem) * 3)}.table-headers-action{padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center}.table-empty{border-top-style:var(--tw-border-style);width:100%;padding-block:calc(var(--spacing,.25rem) * 2);border-top-width:1px;justify-content:center;align-items:center;display:flex}.table-footer{margin-top:calc(var(--spacing,.25rem) * 5);justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 5);width:100%;padding-inline:calc(var(--spacing,.25rem) * 5);display:flex}.table-navigation-sizes{justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 1);display:flex}.table-navigation-pages{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 5);display:flex}.table-navigation-icon{width:calc(var(--spacing,.25rem) * 2.5)}.table-header-sr{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.options-widget-container{margin-bottom:calc(var(--spacing,.25rem) * 0);padding-bottom:calc(var(--spacing,.25rem) * 2)}.input-widget-container{margin-bottom:calc(var(--spacing,.25rem) * 0);width:100%}.input-widget-label{top:calc(var(--spacing,.25rem) * 0);--tw-translate-y:calc(var(--spacing,.25rem) * -4);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.range-widget-row{align-items:center;gap:calc(var(--spacing,.25rem) * 6);display:flex}.range-widget-container{width:100%;position:relative}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
+.actions-container{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 1);width:100%;display:flex}.actions-dropdown .action{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);justify-content:flex-start}.actions-dropdown .actions-container li{width:100%}.action{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);background-color:var(--color-base,#f2f2f2);color:var(--color-text,#0d0d0d);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media(hover:hover){.action:hover{background-color:var(--color-base-light,#fff)}}.icon-action{height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);border-radius:3.40282e38px}.text-action{border-radius:var(--radius-4xl,2rem);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2)}.actions-dropdown-list{flex-direction:column}.action-dropdown-item{justify-content:flex-start;width:100%}.actions-dropdown-trigger svg{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5)}.active-filters-main{justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.filter-dropdown-trigger-icon{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);fill:currentColor}.filter-dropdown-button{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.filter-dropdown-backdrop{width:100%;transition:grid-template-rows .5s;display:grid;overflow:hidden}.filter-dropdown-backdrop.opened{grid-template-rows:1fr}.filter-dropdown-backdrop.closed{grid-template-rows:0fr}.filter-popup{min-height:0;overflow:auto}.filter-title{margin-bottom:calc(var(--spacing,.25rem) * 3);padding-inline:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 1.5);padding-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);text-transform:uppercase}.filter-container{margin-bottom:calc(var(--spacing,.25rem) * 4);column-gap:calc(var(--spacing,.25rem) * 6);row-gap:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.filter-container-item{align-items:center;display:flex}.filter-footer{border-top-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);border-top-width:1px}.filter-buttons-row{justify-content:space-between;align-items:center;display:flex}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-duration:initial;--tw-border-style:solid}}}.table-main{height:100%;min-height:calc(var(--spacing,.25rem) * 0);flex-direction:column;width:100%;display:flex}.table-header{gap:calc(var(--spacing,.25rem) * 2);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.table-header.showing-filters{margin-bottom:calc(var(--spacing,.25rem) * 5)}.table-header-content{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);justify-self:flex-end;width:100%;display:flex}.table-header-title{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media(min-width:48rem){.table-header-title{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ))}}.table-body{min-height:calc(var(--spacing,.25rem) * 0);flex:1;width:100%;overflow:auto}.table-content{border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing,.25rem) * 0);--tw-border-spacing-y:calc(var(--spacing,.25rem) * 0);width:100%;height:100%;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);text-align:left;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.table-loading{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);width:100%;height:100%}.table-row-cell{padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.table-row-cell.basic{white-space:nowrap}.table-row-cell-action{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.table-row{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s}.table-row.expandable{cursor:pointer}@media(hover:hover){.table-row.expandable:hover{background-color:var(--color-base,#f2f2f2)}}.table-row.selected,.table-row.expanded{background-color:var(--color-base,#f2f2f2)}.table-row-checkbox{width:calc(var(--spacing,.25rem) * 12);padding-inline:calc(var(--spacing,.25rem) * 3);text-align:center}.table-row-checkbox input{cursor:pointer}.table-row-expand-content{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.table-row-expand-indicator{color:var(--color-text-muted,#4d4d4d);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.table-row-expand-indicator[data-state=expanded]{color:var(--color-text,#0d0d0d)}.table-row-expand-chevron{height:calc(var(--spacing,.25rem) * 2.5);width:calc(var(--spacing,.25rem) * 2.5)}.table-row-expanded-cell{border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 0);background-color:#0000;border-width:0}.table-row-expanded-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s,opacity .22s;display:grid}.table-row-expanded-content.open{opacity:1;grid-template-rows:1fr}.table-row-expanded-content.closed{opacity:0;grid-template-rows:0fr}.table-row-expanded-inner{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border,#ccc);background-color:var(--color-base,#f2f2f2);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 4);overflow:hidden}.table-selection-bar{margin-bottom:calc(var(--spacing,.25rem) * 3);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);background-color:var(--color-base,#f2f2f2);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);color:var(--color-text,#0d0d0d);border-radius:.25rem;display:flex}.table-selection-bar-count{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.table-selection-bar-actions{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.multi-table-action{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;display:flex}.multi-table-action:disabled{cursor:not-allowed;opacity:.5}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.jump-to-page,.page-size{justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.jump-to-page-input,.page-size-input{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-border-style:none!important;padding-block:calc(var(--spacing,.25rem) * 0)!important;padding-right:calc(var(--spacing,.25rem) * 7)!important;padding-left:calc(var(--spacing,.25rem) * 2)!important;border-style:none!important}.jump-to-page-input-container,.page-size-input-container{margin-bottom:calc(var(--spacing,.25rem) * 0)!important;--tw-border-style:none!important;border-style:none!important;width:auto!important}.table-headers-column{top:calc(var(--spacing,.25rem) * 0);z-index:20;background-color:var(--color-base,#f2f2f2);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);position:sticky}.table-headers-checkbox{width:calc(var(--spacing,.25rem) * 12);text-align:center}.table-headers-checkbox input{cursor:pointer}.table-headers-label{white-space:nowrap}.table-headers-sort-indicator{width:calc(var(--spacing,.25rem) * 3)}.table-headers-action{top:calc(var(--spacing,.25rem) * 0);z-index:20;background-color:var(--color-base,#f2f2f2);width:1px;padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-text,#0d0d0d);white-space:nowrap;position:sticky}.table-empty{border-top-style:var(--tw-border-style);width:100%;padding-block:calc(var(--spacing,.25rem) * 2);border-top-width:1px;justify-content:center;align-items:center;display:flex}.table-footer{margin-top:calc(var(--spacing,.25rem) * 5);justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 5);width:100%;padding-inline:calc(var(--spacing,.25rem) * 5);display:flex}.table-navigation-sizes{justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 1);display:flex}.table-navigation-pages{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 5);display:flex}.table-navigation-icon{width:calc(var(--spacing,.25rem) * 2.5)}.table-header-sr{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.options-widget-container{margin-bottom:calc(var(--spacing,.25rem) * 0);padding-bottom:calc(var(--spacing,.25rem) * 2)}.input-widget-container{margin-bottom:calc(var(--spacing,.25rem) * 0);width:100%}.range-widget-container .input-widget-label{top:calc(var(--spacing,.25rem) * 0);--tw-translate-y:calc(var(--spacing,.25rem) * -4);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.range-widget-row{align-items:center;gap:calc(var(--spacing,.25rem) * 6);display:flex}.range-widget-container{width:100%;position:relative}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/dist/Table.js

@@ -1,4 +1,4 @@
-import { A as s, a as o, C as r, b as t, F as i, c as l, N as n, P as p, R as C, d as T, g as b, T as F, e as d, f as g, r as m } from "./Table-CH9HYQ2I.js";
+import { A as s, a as o, C as r, b as t, F as i, c as l, N as n, P as p, R as C, d as T, g as b, T as F, e as d, f as g, r as m } from "./Table-B5vsXjAq.js";
 export {
   s as ActiveFilters,
   o as ArrayChip,

package/dist/TableOptions.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TableOptionsProvider-BchUDA3B.cjs");exports.TableOptionsProvider=e.TableOptionsProvider;exports.useTableOptions=e.useTableOptions;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TableOptionsProvider-CDLZ4TXE.cjs");exports.TableOptionsProvider=e.TableOptionsProvider;exports.useTableOptions=e.useTableOptions;

package/dist/TableOptions.js

@@ -1,4 +1,4 @@
-import { T as s, u as a } from "./TableOptionsProvider-BfQS8l1N.js";
+import { T as s, u as a } from "./TableOptionsProvider-HHCDcRbO.js";
 export {
   s as TableOptionsProvider,
   a as useTableOptions

package/dist/TableOptionsProvider-CDLZ4TXE.cjs

@@ -0,0 +1 @@
+"use strict";const k=require("react/jsx-runtime"),u=require("./query-81BrXp3i.cjs"),e=require("react"),q=[20,50,100],O=e.createContext(void 0),w=n=>{const{children:p}=n,[b,g]=e.useState(0),[C,v]=e.useState(20),[x,f]=e.useState(0),[a,d]=e.useState("id"),[o,S]=e.useState(u.SortOrder.DESC),[l,i]=e.useState({}),P=e.useCallback((r,s)=>{let t=o;a===r&&(o===u.SortOrder.ASC?t=u.SortOrder.DESC:t=u.SortOrder.ASC),d(r),S(t),s&&s(r,t)},[a,o]),F=e.useCallback(r=>{const s=Object.entries(r).reduce((t,[j,c])=>(c&&typeof c.value<"u"&&c.value!==null&&(t[j]=c.value),t),{});i(s)},[]),T=e.useCallback(r=>{i(r?s=>{const t={...s};return delete t[r],t}:{})},[i]),h=e.useMemo(()=>Object.keys(l).length,[l]),y={onSort:P,total:b,setTotal:g,sortingBy:a,setSortingBy:d,sortingOrder:o,setSortingOrder:S,pageSize:C,pageSizes:q,setPageSize:v,currentPage:x,setCurrentPage:f,filters:l,onFilterApply:F,clearFilters:T,countOfFilters:h};return k.jsx(O.Provider,{value:y,children:p})},m=()=>{const n=e.useContext(O);if(!n)throw new Error("tableOptionsContext must be used within a Provider");return n};exports.TableOptionsProvider=w;exports.useTableOptions=m;

package/dist/TableOptionsProvider-HHCDcRbO.js

@@ -0,0 +1,55 @@
+import { jsx as j } from "react/jsx-runtime";
+import { S as l } from "./query-CwuehjY1.js";
+import { useState as s, useCallback as d, useMemo as z, createContext as A, useContext as E } from "react";
+const k = [20, 50, 100], g = A(
+  void 0
+), q = (o) => {
+  const { children: O } = o, [f, C] = s(0), [m, v] = s(20), [x, b] = s(0), [a, p] = s("id"), [n, S] = s(l.DESC), [u, i] = s({}), F = d(
+    (t, r) => {
+      let e = n;
+      a === t && (n === l.ASC ? e = l.DESC : e = l.ASC), p(t), S(e), r && r(t, e);
+    },
+    [a, n]
+  ), P = d((t) => {
+    const r = Object.entries(t).reduce(
+      (e, [y, c]) => (c && typeof c.value < "u" && c.value !== null && (e[y] = c.value), e),
+      {}
+    );
+    i(r);
+  }, []), h = d(
+    (t) => {
+      i(t ? (r) => {
+        const e = { ...r };
+        return delete e[t], e;
+      } : {});
+    },
+    [i]
+  ), T = z(() => Object.keys(u).length, [u]), w = {
+    onSort: F,
+    total: f,
+    setTotal: C,
+    sortingBy: a,
+    setSortingBy: p,
+    sortingOrder: n,
+    setSortingOrder: S,
+    pageSize: m,
+    pageSizes: k,
+    setPageSize: v,
+    currentPage: x,
+    setCurrentPage: b,
+    filters: u,
+    onFilterApply: P,
+    clearFilters: h,
+    countOfFilters: T
+  };
+  return /* @__PURE__ */ j(g.Provider, { value: w, children: O });
+}, G = () => {
+  const o = E(g);
+  if (!o)
+    throw new Error("tableOptionsContext must be used within a Provider");
+  return o;
+};
+export {
+  q as T,
+  G as u
+};

package/dist/TextInput-C27RFuya.cjs

@@ -0,0 +1 @@
+var G=require("./TextInput.css");const a=require("react/jsx-runtime"),l=require("react"),L=require("./Chip-D17UJHW6.cjs"),U=require("./IconButton-CVnmT2E9.cjs"),M=require("./Close-O9P7wJGf.cjs"),O=l.forwardRef(function(n,N){const{state:v,value:e,onChange:s,options:p=[],name:g="",id:m="",label:i="",containerClassName:j="",inputContainerClassName:d="",helperText:f="",placeholder:b="",multiple:u=!1,...y}=n,[c,r]=l.useState("");l.useEffect(()=>{if(!u&&e&&!Array.isArray(e)){r(String(e.value??e.name??""));return}r("")},[u,e]);const[T,$]=l.useState(!1),k=l.useMemo(()=>p.filter(t=>{const o=String(t.value??t.name).toLowerCase().includes(c?.toLowerCase());return Array.isArray(e)&&e.length?o&&!e.some(C=>C.id===t.id):e&&!Array.isArray(e)?o&&e.id!==t.id:o}),[p,e,c]),x=l.useRef(null),R=l.useRef(null),[F,E]=l.useState(!1),S=l.useRef(null);l.useEffect(()=>{const t=C=>{x.current&&!x.current.contains(C.target)&&$(!1)},o=C=>{C.key==="Escape"&&$(!1)};return document.addEventListener("mousedown",t),document.addEventListener("keydown",o),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",o)}},[]);const B=l.useCallback(t=>{r(t.target.value)},[]),h=l.useCallback(t=>{t?u?(r(""),Array.isArray(e)&&e.length?s([...e,t]):s([t])):(r(String(t.name??t.value??"")),s(t)):s(null),$(!1)},[u,s,e]),D=l.useCallback(t=>{if(!Array.isArray(e)){s(null);return}const o=e.filter((C,H)=>H!==t);o.length?s(o):s(null)},[s,e]),W=l.useCallback(()=>{Array.isArray(e)&&s([e[0]])},[s,e]);return l.useLayoutEffect(()=>{const t=S.current?.offsetWidth??0,o=x.current?.offsetWidth??0;E(t>o*.4)},[e]),a.jsxs("div",{className:`autocomplete-input-container ${j}`,ref:x,children:[a.jsxs("div",{className:"autocomplete-value-input-container",children:[a.jsx(V,{state:v,name:g,id:m,value:c,onChange:B,placeholder:b,helperText:f,onFocus:()=>$(!0),label:i,containerClassName:`autocomplete-text-input ${d}`,ref:N??R,...y,children:!u&&e&&!Array.isArray(e)&&(e.value||e.name)&&a.jsx(U.IconButton,{icon:a.jsx(M.Close,{}),className:"autocomplete-delete-button",onClick:t=>{h(),t.stopPropagation()}})}),u&&Array.isArray(e)&&e.length?a.jsx("ul",{ref:S,className:"autocomplete-value-container",children:F?a.jsxs(a.Fragment,{children:[a.jsx("li",{children:a.jsx(L.Chip,{text:e[0]?.value??e[0]?.name,onDelete:t=>{D(0),t.stopPropagation()}})}),e.length>1&&a.jsx("li",{children:a.jsx(L.Chip,{text:`+${e.length-1}`,onDelete:t=>{W(),t.stopPropagation()}})})]}):e.map((t,o)=>a.jsx("li",{children:a.jsx(L.Chip,{text:String(t.value??t.name),onDelete:C=>{D(o),C.stopPropagation()}})},t.id??t.value??t.name))}):null]}),T&&a.jsx("ul",{className:"autocomplete-suggestions-container",style:{width:x.current?.offsetWidth},children:k.map(t=>a.jsx("li",{className:"autocomplete-suggestion-item",onClick:o=>{h(t),o.stopPropagation()},children:t.value??t.name},t.id??t.value??t.name))})]})});var A=(n=>(n.error="error",n.good="good",n.default="default",n))(A||{});const w=n=>{switch(n){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},I=n=>{switch(n){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},q=n=>{switch(n){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}},_=l.forwardRef(function(n,N){const{checked:v,onChange:e,name:s="",id:p="",label:g="",state:m=A.default,containerClassName:i="",inputClassName:j="",labelClassName:d="",...f}=n;return a.jsxs("label",{className:`input-check-container ${i}`,children:[a.jsx("input",{id:p,ref:N,name:s,type:"checkbox",checked:v,onChange:e,className:`input-check ${w(m)} ${j}`,...f}),a.jsx("span",{className:`input-check-label ${I(m)} ${d}`,children:g})]})}),z=l.forwardRef(function(n,N){const{value:v,onChange:e,options:s,containerClassName:p="",inputClassName:g="",labelClassName:m="",helperText:i="",helperTextClassName:j="",label:d="",name:f="",id:b="",state:u=A.default,children:y,...c}=n;return a.jsxs("div",{className:`select-input-container ${p}`,children:[a.jsx("select",{...c,id:b,ref:N,name:f,value:v,onChange:e,className:`select-input ${w(u)} peer ${g}`,children:s?.map(r=>a.jsx("option",{value:r.id,children:r.value??r.name??r.id},r.id))}),a.jsx("label",{htmlFor:b,className:`select-input-label ${I(u)} ${m}`,children:d}),y,i&&a.jsx("p",{className:`select-input-helper-text ${q(u)} ${j}`,children:i})]})}),P=n=>n==null?!1:Array.isArray(n)?n.length>0:`${n}`.length>0,V=l.forwardRef(function(n,N){const{children:v,state:e=A.default,label:s="",containerClassName:p="",inputClassName:g="",labelClassName:m="",helperText:i="",helperTextClassName:j="",value:d,defaultValue:f,onChange:b,onFocus:u,onBlur:y,...c}=n,r=d!==void 0,[T,$]=l.useState(()=>P(f)),[k,x]=l.useState(!1),R=r?P(d):T,F=!!c.placeholder||k,E=h=>{r||$(h.currentTarget.value.length>0),b?.(h)},S=h=>{k||x(!0),u?.(h)},B=h=>{k||x(!0),y?.(h)};return a.jsxs("div",{className:`text-input-container ${p}`,children:[a.jsx("input",{ref:N,defaultValue:f,onChange:E,onFocus:S,onBlur:B,...r?{value:d}:{},className:`text-input ${w(e)} ${g} ${R?"has-value":""} ${c.placeholder?"has-placeholder":""} ${F?"keep-label-up":""}`,...c}),!!s&&a.jsxs("label",{htmlFor:c.id,className:`text-input-label ${I(e)} ${m}`,children:[s,c.required?" *":""]}),v,!!i&&a.jsx("p",{className:`text-input-helper-text ${q(e)} ${j}`,children:i})]})});exports.AutocompleteInput=O;exports.CheckInput=_;exports.SelectInput=z;exports.State=A;exports.TextInput=V;exports.helperTextStateClassName=q;exports.inputStateClassName=w;exports.labelStateClassName=I;

package/dist/TextInput-DPYxzgm3.js

@@ -0,0 +1,335 @@
+import "./TextInput.css";
+import { jsxs as x, jsx as n, Fragment as z } from "react/jsx-runtime";
+import { forwardRef as F, useState as w, useEffect as U, useMemo as G, useRef as R, useCallback as T, useLayoutEffect as J } from "react";
+import { C as V } from "./Chip-C5ogKbFn.js";
+import { I as K } from "./IconButton-BpsTEj0z.js";
+import { C as Q } from "./Close-rKC9AcNX.js";
+const le = F(function(a, N) {
+  const {
+    state: v,
+    value: e,
+    onChange: l,
+    options: h = [],
+    name: g = "",
+    id: m = "",
+    label: i = "",
+    containerClassName: $ = "",
+    inputContainerClassName: u = "",
+    helperText: p = "",
+    placeholder: y = "",
+    multiple: o = !1,
+    ...A
+  } = a, [c, r] = w("");
+  U(() => {
+    if (!o && e && !Array.isArray(e)) {
+      r(String(e.value ?? e.name ?? ""));
+      return;
+    }
+    r("");
+  }, [o, e]);
+  const [E, b] = w(!1), k = G(
+    () => h.filter((t) => {
+      const s = String(t.value ?? t.name).toLowerCase().includes(c?.toLowerCase());
+      return Array.isArray(e) && e.length ? s && !e.some((C) => C.id === t.id) : e && !Array.isArray(e) ? s && e.id !== t.id : s;
+    }),
+    [h, e, c]
+  ), f = R(null), L = R(null), [B, D] = w(!1), S = R(null);
+  U(() => {
+    const t = (C) => {
+      f.current && !f.current.contains(C.target) && b(!1);
+    }, s = (C) => {
+      C.key === "Escape" && b(!1);
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", s);
+    };
+  }, []);
+  const P = T((t) => {
+    r(t.target.value);
+  }, []), d = T(
+    (t) => {
+      t ? o ? (r(""), Array.isArray(e) && e.length ? l([...e, t]) : l([t])) : (r(String(t.name ?? t.value ?? "")), l(t)) : l(null), b(!1);
+    },
+    [o, l, e]
+  ), j = T(
+    (t) => {
+      if (!Array.isArray(e)) {
+        l(null);
+        return;
+      }
+      const s = e.filter((C, _) => _ !== t);
+      s.length ? l(s) : l(null);
+    },
+    [l, e]
+  ), O = T(() => {
+    Array.isArray(e) && l([e[0]]);
+  }, [l, e]);
+  return J(() => {
+    const t = S.current?.offsetWidth ?? 0, s = f.current?.offsetWidth ?? 0;
+    D(t > s * 0.4);
+  }, [e]), /* @__PURE__ */ x(
+    "div",
+    {
+      className: `autocomplete-input-container ${$}`,
+      ref: f,
+      children: [
+        /* @__PURE__ */ x("div", { className: "autocomplete-value-input-container", children: [
+          /* @__PURE__ */ n(
+            X,
+            {
+              state: v,
+              name: g,
+              id: m,
+              value: c,
+              onChange: P,
+              placeholder: y,
+              helperText: p,
+              onFocus: () => b(!0),
+              label: i,
+              containerClassName: `autocomplete-text-input ${u}`,
+              ref: N ?? L,
+              ...A,
+              children: !o && e && !Array.isArray(e) && (e.value || e.name) && /* @__PURE__ */ n(
+                K,
+                {
+                  icon: /* @__PURE__ */ n(Q, {}),
+                  className: "autocomplete-delete-button",
+                  onClick: (t) => {
+                    d(), t.stopPropagation();
+                  }
+                }
+              )
+            }
+          ),
+          o && Array.isArray(e) && e.length ? /* @__PURE__ */ n("ul", { ref: S, className: "autocomplete-value-container", children: B ? /* @__PURE__ */ x(z, { children: [
+            /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+              V,
+              {
+                text: e[0]?.value ?? e[0]?.name,
+                onDelete: (t) => {
+                  j(0), t.stopPropagation();
+                }
+              }
+            ) }),
+            e.length > 1 && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+              V,
+              {
+                text: `+${e.length - 1}`,
+                onDelete: (t) => {
+                  O(), t.stopPropagation();
+                }
+              }
+            ) })
+          ] }) : e.map((t, s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+            V,
+            {
+              text: String(t.value ?? t.name),
+              onDelete: (C) => {
+                j(s), C.stopPropagation();
+              }
+            }
+          ) }, t.id ?? t.value ?? t.name)) }) : null
+        ] }),
+        E && /* @__PURE__ */ n(
+          "ul",
+          {
+            className: "autocomplete-suggestions-container",
+            style: { width: f.current?.offsetWidth },
+            children: k.map((t) => /* @__PURE__ */ n(
+              "li",
+              {
+                className: "autocomplete-suggestion-item",
+                onClick: (s) => {
+                  d(t), s.stopPropagation();
+                },
+                children: t.value ?? t.name
+              },
+              t.id ?? t.value ?? t.name
+            ))
+          }
+        )
+      ]
+    }
+  );
+});
+var I = /* @__PURE__ */ ((a) => (a.error = "error", a.good = "good", a.default = "default", a))(I || {});
+const W = (a) => {
+  switch (a) {
+    case "error":
+      return "input-error";
+    case "good":
+      return "input-good";
+    default:
+      return "input-normal";
+  }
+}, H = (a) => {
+  switch (a) {
+    case "error":
+      return "input-label-error";
+    case "good":
+      return "input-label-good";
+    default:
+      return "input-label-normal";
+  }
+}, M = (a) => {
+  switch (a) {
+    case "error":
+      return "input-helper-text-error";
+    case "good":
+      return "input-helper-text-good";
+    default:
+      return "input-helper-text-normal";
+  }
+}, re = F(function(a, N) {
+  const {
+    checked: v,
+    onChange: e,
+    name: l = "",
+    id: h = "",
+    label: g = "",
+    state: m = I.default,
+    containerClassName: i = "",
+    inputClassName: $ = "",
+    labelClassName: u = "",
+    ...p
+  } = a;
+  return /* @__PURE__ */ x("label", { className: `input-check-container ${i}`, children: [
+    /* @__PURE__ */ n(
+      "input",
+      {
+        id: h,
+        ref: N,
+        name: l,
+        type: "checkbox",
+        checked: v,
+        onChange: e,
+        className: `input-check ${W(m)} ${$}`,
+        ...p
+      }
+    ),
+    /* @__PURE__ */ n(
+      "span",
+      {
+        className: `input-check-label ${H(m)} ${u}`,
+        children: g
+      }
+    )
+  ] });
+}), se = F(function(a, N) {
+  const {
+    value: v,
+    onChange: e,
+    options: l,
+    containerClassName: h = "",
+    inputClassName: g = "",
+    labelClassName: m = "",
+    helperText: i = "",
+    helperTextClassName: $ = "",
+    label: u = "",
+    name: p = "",
+    id: y = "",
+    state: o = I.default,
+    children: A,
+    ...c
+  } = a;
+  return /* @__PURE__ */ x("div", { className: `select-input-container ${h}`, children: [
+    /* @__PURE__ */ n(
+      "select",
+      {
+        ...c,
+        id: y,
+        ref: N,
+        name: p,
+        value: v,
+        onChange: e,
+        className: `select-input ${W(o)} peer ${g}`,
+        children: l?.map((r) => /* @__PURE__ */ n("option", { value: r.id, children: r.value ?? r.name ?? r.id }, r.id))
+      }
+    ),
+    /* @__PURE__ */ n(
+      "label",
+      {
+        htmlFor: y,
+        className: `select-input-label ${H(o)} ${m}`,
+        children: u
+      }
+    ),
+    A,
+    i && /* @__PURE__ */ n(
+      "p",
+      {
+        className: `select-input-helper-text ${M(o)} ${$}`,
+        children: i
+      }
+    )
+  ] });
+}), q = (a) => a == null ? !1 : Array.isArray(a) ? a.length > 0 : `${a}`.length > 0, X = F(function(a, N) {
+  const {
+    children: v,
+    state: e = I.default,
+    label: l = "",
+    containerClassName: h = "",
+    inputClassName: g = "",
+    labelClassName: m = "",
+    helperText: i = "",
+    helperTextClassName: $ = "",
+    value: u,
+    defaultValue: p,
+    onChange: y,
+    onFocus: o,
+    onBlur: A,
+    ...c
+  } = a, r = u !== void 0, [E, b] = w(
+    () => q(p)
+  ), [k, f] = w(!1), L = r ? q(u) : E, B = !!c.placeholder || k, D = (d) => {
+    r || b(d.currentTarget.value.length > 0), y?.(d);
+  }, S = (d) => {
+    k || f(!0), o?.(d);
+  }, P = (d) => {
+    k || f(!0), A?.(d);
+  };
+  return /* @__PURE__ */ x("div", { className: `text-input-container ${h}`, children: [
+    /* @__PURE__ */ n(
+      "input",
+      {
+        ref: N,
+        defaultValue: p,
+        onChange: D,
+        onFocus: S,
+        onBlur: P,
+        ...r ? { value: u } : {},
+        className: `text-input ${W(e)} ${g} ${L ? "has-value" : ""} ${c.placeholder ? "has-placeholder" : ""} ${B ? "keep-label-up" : ""}`,
+        ...c
+      }
+    ),
+    !!l && /* @__PURE__ */ x(
+      "label",
+      {
+        htmlFor: c.id,
+        className: `text-input-label ${H(e)} ${m}`,
+        children: [
+          l,
+          c.required ? " *" : ""
+        ]
+      }
+    ),
+    v,
+    !!i && /* @__PURE__ */ n(
+      "p",
+      {
+        className: `text-input-helper-text ${M(e)} ${$}`,
+        children: i
+      }
+    )
+  ] });
+});
+export {
+  le as A,
+  re as C,
+  se as S,
+  X as T,
+  I as a,
+  M as h,
+  W as i,
+  H as l
+};

package/dist/TextInput.css

@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.autocomplete-input-container{margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%}.autocomplete-value-input-container{width:100%;position:relative}.autocomplete-text-input{margin-bottom:calc(var(--spacing,.25rem) * 0)!important}.autocomplete-delete-button{top:50%;right:calc(var(--spacing,.25rem) * 2);--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute}.autocomplete-delete-button svg{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.autocomplete-suggestions-container{z-index:10;margin:calc(var(--spacing,.25rem) * 0);max-height:calc(var(--spacing,.25rem) * 44);width:100%;padding:calc(var(--spacing,.25rem) * 0);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;overflow:auto}.autocomplete-suggestion-item{cursor:pointer;padding:calc(var(--spacing,.25rem) * 2)}.autocomplete-value-container{top:50%;right:calc(var(--spacing,.25rem) * 2);justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex;position:absolute;transform:translateY(-50%)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.input-check-container{align-items:center;display:flex}.input-check{border-style:var(--tw-border-style);border-width:1px;border-radius:.25rem}.input-check:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.input-check-label{margin-left:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-font-weight:initial}}}.select-input-container{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%;position:relative}.select-input{appearance:none;border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));background-color:#0000;border-bottom-width:2px;display:block}.select-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.select-input-label{top:calc(var(--spacing,.25rem) * 3);z-index:-10;transform-origin:0;--tw-translate-y:calc(var(--spacing,.25rem) * -6);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-duration:.3s;transition-duration:.3s;position:absolute}.select-input-label:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.select-input-label:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing,.25rem) * -6);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}.select-input-label:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):focus~*){--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y);left:auto}.select-input-helper-text{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-font-weight:initial}}}.text-input-container{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%;position:relative}.text-input{appearance:none;border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));background-color:#0000;border-bottom-width:2px;display:block}.text-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.text-input-label{top:calc(var(--spacing,.25rem) * 3);transform-origin:0;--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-duration:.3s;transition-duration:.3s;position:absolute}.text-input:focus~.text-input-label{--tw-translate-y:calc(var(--spacing,.25rem) * -7);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}[dir=rtl] .text-input:focus~.text-input-label{--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y);left:auto}.text-input.has-placeholder~.text-input-label,.text-input.has-value~.text-input-label{--tw-translate-y:calc(var(--spacing,.25rem) * -7);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.text-input-helper-text{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.autocomplete-input-container{margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%}.autocomplete-value-input-container{width:100%;position:relative}.autocomplete-text-input{margin-bottom:calc(var(--spacing,.25rem) * 0)!important}.autocomplete-delete-button{top:50%;right:calc(var(--spacing,.25rem) * 2);--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute}.autocomplete-delete-button svg{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.autocomplete-suggestions-container{z-index:10;margin:calc(var(--spacing,.25rem) * 0);max-height:calc(var(--spacing,.25rem) * 44);width:100%;padding:calc(var(--spacing,.25rem) * 0);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;overflow:auto}.autocomplete-suggestion-item{cursor:pointer;padding:calc(var(--spacing,.25rem) * 2)}.autocomplete-value-container{top:50%;right:calc(var(--spacing,.25rem) * 2);justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex;position:absolute;transform:translateY(-50%)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.input-check-container{align-items:center;display:flex}.input-check{border-style:var(--tw-border-style);border-width:1px;border-radius:.25rem}.input-check:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.input-check-label{margin-left:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-font-weight:initial}}}.select-input-container{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%;position:relative}.select-input{appearance:none;border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));background-color:#0000;border-bottom-width:2px;display:block}.select-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.select-input-label{top:calc(var(--spacing,.25rem) * 3);z-index:-10;transform-origin:0;--tw-translate-y:calc(var(--spacing,.25rem) * -6);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-duration:.3s;transition-duration:.3s;position:absolute}.select-input-label:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.select-input-label:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing,.25rem) * -6);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}.select-input-label:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):focus~*){--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y);left:auto}.select-input-helper-text{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-font-weight:initial}}}.text-input-container{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%;position:relative}.text-input{appearance:none;border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));background-color:#0000;border-bottom-width:2px;display:block}.text-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.text-input-label{top:calc(var(--spacing,.25rem) * 3);transform-origin:0;--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-duration:.3s;transition-duration:.3s;position:absolute}.text-input:focus~.text-input-label{--tw-translate-y:calc(var(--spacing,.25rem) * -7);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}[dir=rtl] .text-input.keep-label-up~.text-input-label,[dir=rtl] .text-input:focus~.text-input-label{--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y);left:auto}.text-input.keep-label-up~.text-input-label,.text-input.has-placeholder~.text-input-label,.text-input.has-value~.text-input-label{--tw-translate-y:calc(var(--spacing,.25rem) * -7);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}.text-input-helper-text{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}

package/dist/Translation.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./TranslationProvider-51Pc9Xrr.cjs");exports.TranslationProvider=r.TranslationProvider;exports.useTranslation=r.useTranslation;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./TranslationProvider-Czr0WIDH.cjs");exports.TranslationProvider=r.TranslationProvider;exports.useTranslation=r.useTranslation;

package/dist/Translation.js

@@ -1,4 +1,4 @@
-import { T as o, u as s } from "./TranslationProvider-COebIyxr.js";
+import { T as o, u as s } from "./TranslationProvider-BR4s--Vu.js";
 export {
   o as TranslationProvider,
   s as useTranslation

package/dist/{TranslationProvider-COebIyxr.js → TranslationProvider-BR4s--Vu.js}

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { createContext as i, useContext as s } from "react";
 const n = i(
-  {}
+  void 0
 );
 function l(t) {
   const { children: o, t: r, language: e } = t;
@@ -9,7 +9,7 @@ function l(t) {
 }
 const x = () => {
   const t = s(n);
-  if (t === void 0)
+  if (!t)
     throw new Error("translationContext must be used within a Provider");
   return t;
 };

package/dist/TranslationProvider-Czr0WIDH.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),n=require("react"),r=n.createContext(void 0);function a(t){const{children:e,t:o,language:s}=t;return i.jsx(r.Provider,{value:{t:o,language:s},children:e})}const u=()=>{const t=n.useContext(r);if(!t)throw new Error("translationContext must be used within a Provider");return t};exports.TranslationProvider=a;exports.useTranslation=u;