@gbmtech/aurora-ui 0.4.106 → 0.5.1

package/dist/esm/components/data-table/data-table-date-filter.js

@@ -1,3 +1,2 @@
 'use client'
-import{Fragment as e,jsx as t,jsxs as r}from"react/jsx-runtime";import{CalendarBlank as i,XCircle as o}from"@phosphor-icons/react";import{useCallback as n,useMemo as a}from"react";import{Button as l}from"../button.js";import{Calendar as s}from"../calendar.js";import{Popover as m,PopoverContent as c,PopoverTrigger as f}from"../popover.js";import{Separator as u}from"../separator.js";import{formatDate as d}from"../../lib/format.js";function p(e){return e&&"object"==typeof e&&!Array.isArray(e)}function g(e){if(!e)return;let t=new Date("string"==typeof e?Number(e):e);return Number.isNaN(t.getTime())?void 0:t}function h(e){return null==e?[]:Array.isArray(e)?e.map(e=>{if("number"==typeof e||"string"==typeof e)return e}):"string"==typeof e||"number"==typeof e?[e]:[]}function v({column:v,title:y,multiple:b}){let N=v.getFilterValue(),F=a(()=>{if(!N)return b?{from:void 0,to:void 0}:[];if(b){let e=h(N);return{from:g(e[0]),to:g(e[1])}}let e=g(h(N)[0]);return e?[e]:[]},[N,b]),j=n(e=>{if(!e)return void v.setFilterValue(void 0);if(!b||"getTime"in e)!b&&"getTime"in e&&v.setFilterValue(e.getTime());else{let t=e.from?.getTime(),r=e.to?.getTime();v.setFilterValue(t||r?[t,r]:void 0)}},[v,b]),x=n(e=>{e.stopPropagation(),v.setFilterValue(void 0)},[v]),T=a(()=>b?!!p(F)&&(F.from||F.to):!!Array.isArray(F)&&F.length>0,[b,F]),A=n(e=>e.from||e.to?e.from&&e.to?`${d(e.from)} - ${d(e.to)}`:d(e.from??e.to):"",[]),V=a(()=>{if(b){if(!p(F))return null;let i=F.from||F.to,o=i?A(F):"Select date range";return r("span",{className:"flex items-center gap-2",children:[t("span",{children:y}),i&&r(e,{children:[t(u,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),t("span",{children:o})]})]})}if(p(F))return null;let i=F.length>0,o=i?d(F[0]):"Select date";return r("span",{className:"flex items-center gap-2",children:[t("span",{children:y}),i&&r(e,{children:[t(u,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),t("span",{children:o})]})]})},[F,b,A,y]);return r(m,{children:[t(f,{asChild:!0,children:r(l,{variant:"outline",size:"sm",children:[T?t("div",{role:"button","aria-label":`Clear ${y} filter`,tabIndex:0,onClick:x,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:t(o,{})}):t(i,{}),V]})}),t(c,{className:"w-auto p-0",align:"start",children:b?t(s,{initialFocus:!0,mode:"range",selected:p(F)?F:{from:void 0,to:void 0},onSelect:j}):t(s,{initialFocus:!0,mode:"single",selected:p(F)?void 0:F[0],onSelect:j})})]})}export{v as DataTableDateFilter};
-//# sourceMappingURL=data-table-date-filter.js.map
+import{Fragment as e,jsx as t,jsxs as r}from"react/jsx-runtime";import{CalendarBlank as i,XCircle as o}from"@phosphor-icons/react";import{useCallback as n,useMemo as a}from"react";import{Button as l}from"../button.js";import{Calendar as s}from"../calendar.js";import{Popover as m,PopoverContent as c,PopoverTrigger as f}from"../popover.js";import{Separator as u}from"../separator.js";import{formatDate as d}from"../../lib/format.js";function p(e){return e&&"object"==typeof e&&!Array.isArray(e)}function g(e){if(!e)return;let t=new Date("string"==typeof e?Number(e):e);return Number.isNaN(t.getTime())?void 0:t}function h(e){return null==e?[]:Array.isArray(e)?e.map(e=>{if("number"==typeof e||"string"==typeof e)return e}):"string"==typeof e||"number"==typeof e?[e]:[]}function v({column:v,title:y,multiple:b}){let N=v.getFilterValue(),F=a(()=>{if(!N)return b?{from:void 0,to:void 0}:[];if(b){let e=h(N);return{from:g(e[0]),to:g(e[1])}}let e=g(h(N)[0]);return e?[e]:[]},[N,b]),j=n(e=>{if(!e)return void v.setFilterValue(void 0);if(!b||"getTime"in e)!b&&"getTime"in e&&v.setFilterValue(e.getTime());else{let t=e.from?.getTime(),r=e.to?.getTime();v.setFilterValue(t||r?[t,r]:void 0)}},[v,b]),x=n(e=>{e.stopPropagation(),v.setFilterValue(void 0)},[v]),T=a(()=>b?!!p(F)&&(F.from||F.to):!!Array.isArray(F)&&F.length>0,[b,F]),A=n(e=>e.from||e.to?e.from&&e.to?`${d(e.from)} - ${d(e.to)}`:d(e.from??e.to):"",[]),V=a(()=>{if(b){if(!p(F))return null;let i=F.from||F.to,o=i?A(F):"Select date range";return r("span",{className:"flex items-center gap-2",children:[t("span",{children:y}),i&&r(e,{children:[t(u,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),t("span",{children:o})]})]})}if(p(F))return null;let i=F.length>0,o=i?d(F[0]):"Select date";return r("span",{className:"flex items-center gap-2",children:[t("span",{children:y}),i&&r(e,{children:[t(u,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),t("span",{children:o})]})]})},[F,b,A,y]);return r(m,{children:[t(f,{asChild:!0,children:r(l,{variant:"outline",size:"sm",children:[T?t("div",{role:"button","aria-label":`Clear ${y} filter`,tabIndex:0,onClick:x,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:t(o,{})}):t(i,{}),V]})}),t(c,{className:"w-auto p-0",align:"start",children:b?t(s,{initialFocus:!0,mode:"range",selected:p(F)?F:{from:void 0,to:void 0},onSelect:j}):t(s,{initialFocus:!0,mode:"single",selected:p(F)?void 0:F[0],onSelect:j})})]})}export{v as DataTableDateFilter};

package/dist/esm/components/data-table/data-table-faceted-filter.js

@@ -1,3 +1,2 @@
 'use client'
-import{Fragment as e,jsx as r,jsxs as i}from"react/jsx-runtime";import{CheckIcon as a,PlusCircleIcon as l,XCircleIcon as t}from"@phosphor-icons/react";import{Badge as n}from"../badge.js";import{Button as o}from"../button.js";import{Command as s,CommandEmpty as c,CommandGroup as d,CommandInput as m,CommandItem as u,CommandList as h,CommandSeparator as p}from"../command.js";import{Popover as f,PopoverContent as v,PopoverTrigger as b}from"../popover.js";import{Separator as x}from"../separator.js";import{cn as y}from"../../lib/utils.js";import{useCallback as g,useState as N}from"react";function j({column:j,title:z,options:F,multiple:w}){let[C,S]=N(!1),V=j?.getFilterValue(),A=new Set(Array.isArray(V)?V:[]),k=g((e,r)=>{if(j)if(w){let i=new Set(A);r?i.delete(e.value):i.add(e.value);let a=Array.from(i);j.setFilterValue(a.length?a:void 0)}else j.setFilterValue(r?void 0:[e.value]),S(!1)},[j,w,A]),D=g(e=>{e?.stopPropagation(),j?.setFilterValue(void 0)},[j]);return i(f,{open:C,onOpenChange:S,children:[r(b,{asChild:!0,children:i(o,{variant:"outline",size:"sm",children:[A?.size>0?r("div",{role:"button","aria-label":`Clear ${z} filter`,tabIndex:0,onClick:D,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:r(t,{})}):r(l,{}),z,A?.size>0&&i(e,{children:[r(x,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),r(n,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:A.size}),r("div",{className:"hidden items-center gap-1 lg:flex",children:A.size>2?i(n,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[A.size," selected"]}):F.filter(e=>A.has(e.value)).map(e=>r(n,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:e.label},e.value))})]})]})}),r(v,{className:"w-[12.5rem] p-0",align:"start",children:i(s,{children:[r(m,{placeholder:z}),i(h,{className:"max-h-full",children:[r(c,{children:"No results found."}),r(d,{className:"max-h-[18.75rem] overflow-y-auto overflow-x-hidden",children:F.map(e=>{let l=A.has(e.value);return i(u,{onSelect:()=>k(e,l),children:[r("div",{className:y("flex size-4 items-center justify-center rounded-sm border border-primary",l?"bg-primary":"opacity-50 [&_svg]:invisible"),children:r(a,{})}),e.icon&&r(e.icon,{}),r("span",{className:"truncate",children:e.label}),e.count&&r("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value)})}),A.size>0&&i(e,{children:[r(p,{}),r(d,{children:r(u,{onSelect:()=>D(),className:"justify-center text-center",children:"Limpar filtros"})})]})]})]})})]})}export{j as DataTableFacetedFilter};
-//# sourceMappingURL=data-table-faceted-filter.js.map
+import{Fragment as e,jsx as r,jsxs as i}from"react/jsx-runtime";import{CheckIcon as a,PlusCircleIcon as l,XCircleIcon as t}from"@phosphor-icons/react";import{Badge as n}from"../badge.js";import{Button as o}from"../button.js";import{Command as s,CommandEmpty as c,CommandGroup as d,CommandInput as m,CommandItem as u,CommandList as h,CommandSeparator as p}from"../command.js";import{Popover as f,PopoverContent as v,PopoverTrigger as b}from"../popover.js";import{Separator as x}from"../separator.js";import{cn as y}from"../../lib/utils.js";import{useCallback as g,useState as N}from"react";function j({column:j,title:z,options:F,multiple:w}){let[C,S]=N(!1),V=j?.getFilterValue(),A=new Set(Array.isArray(V)?V:[]),k=g((e,r)=>{if(j)if(w){let i=new Set(A);r?i.delete(e.value):i.add(e.value);let a=Array.from(i);j.setFilterValue(a.length?a:void 0)}else j.setFilterValue(r?void 0:[e.value]),S(!1)},[j,w,A]),D=g(e=>{e?.stopPropagation(),j?.setFilterValue(void 0)},[j]);return i(f,{open:C,onOpenChange:S,children:[r(b,{asChild:!0,children:i(o,{variant:"outline",size:"sm",children:[A?.size>0?r("div",{role:"button","aria-label":`Clear ${z} filter`,tabIndex:0,onClick:D,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:r(t,{})}):r(l,{}),z,A?.size>0&&i(e,{children:[r(x,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),r(n,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:A.size}),r("div",{className:"hidden items-center gap-1 lg:flex",children:A.size>2?i(n,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[A.size," selected"]}):F.filter(e=>A.has(e.value)).map(e=>r(n,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:e.label},e.value))})]})]})}),r(v,{className:"w-[12.5rem] p-0",align:"start",children:i(s,{children:[r(m,{placeholder:z}),i(h,{className:"max-h-full",children:[r(c,{children:"No results found."}),r(d,{className:"max-h-[18.75rem] overflow-y-auto overflow-x-hidden",children:F.map(e=>{let l=A.has(e.value);return i(u,{onSelect:()=>k(e,l),children:[r("div",{className:y("flex size-4 items-center justify-center rounded-sm border border-primary",l?"bg-primary":"opacity-50 [&_svg]:invisible"),children:r(a,{})}),e.icon&&r(e.icon,{}),r("span",{className:"truncate",children:e.label}),e.count&&r("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value)})}),A.size>0&&i(e,{children:[r(p,{}),r(d,{children:r(u,{onSelect:()=>D(),className:"justify-center text-center",children:"Limpar filtros"})})]})]})]})})]})}export{j as DataTableFacetedFilter};

package/dist/esm/components/data-table/data-table-filter-list.js

@@ -1,3 +1,2 @@
 'use client'
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CalendarBlankIcon as l,CaretUpDownIcon as r,CheckIcon as t,DotsSixVerticalIcon as i,FunnelSimpleIcon as n,TrashIcon as o}from"@phosphor-icons/react";import{parseAsStringEnum as s,useQueryState as d}from"nuqs";import{useCallback as c,useEffect as m,useId as u,useMemo as p,useRef as h,useState as f}from"react";import{Badge as v}from"../badge.js";import{Button as g}from"../button.js";import{Calendar as b}from"../calendar.js";import{Command as w,CommandEmpty as x,CommandGroup as N,CommandInput as y,CommandItem as C,CommandList as D}from"../command.js";import{DataTableRangeFilter as I}from"./data-table-range-filter.js";import{Faceted as j,FacetedBadgeList as $,FacetedContent as k,FacetedEmpty as z,FacetedGroup as O,FacetedInput as S,FacetedItem as E,FacetedList as A,FacetedTrigger as T}from"../faceted.js";import{Input as L}from"../input.js";import{Popover as F,PopoverContent as B,PopoverTrigger as V}from"../popover.js";import{Select as K,SelectContent as M,SelectItem as H,SelectTrigger as q,SelectValue as R}from"../select.js";import{Sortable as U,SortableContent as J,SortableItem as G,SortableItemHandle as P,SortableOverlay as Q}from"../sortable.js";import{useDebouncedCallback as W}from"../../hooks/use-debounced-callback.js";import{getDefaultFilterOperator as X,getFilterOperators as Y}from"../../lib/data-table.js";import{dataTableConfig as Z}from"../../lib/data-table-config.js";import{formatDate as _}from"../../lib/format.js";import{generateId as ee}from"../../lib/id.js";import{getFiltersStateParser as ea}from"../../lib/parsers.js";import{cn as el}from"../../lib/utils.js";let er=["backspace","delete"];function et({table:l,debounceMs:r=300,throttleMs:t=50,shallow:i=!0,...o}){let b=u(),w=u(),x=u(),[N,y]=f(!1),C=h(null),D=p(()=>l.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[l]),[I,j]=d("filters",ea(D.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:i,throttleMs:t})),$=W(j,r),[k,z]=d("joinOperator",s(["e","ou"]).withDefault("e").withOptions({clearOnDefault:!0,shallow:i})),O=c(()=>{let e=D[0];e&&$([...I,{id:e.id,value:"",variant:e.columnDef.meta?.variant??"text",operator:X(e.columnDef.meta?.variant??"text"),filterId:ee({length:8})}])},[D,I,$]),S=c((e,a)=>{$(l=>l.map(l=>l.filterId===e?{...l,...a}:l))},[$]),E=c(e=>{j(I.filter(a=>a.filterId!==e)),requestAnimationFrame(()=>{C.current?.focus()})},[I,j]),A=c(()=>{j(null),z("e")},[j,z]);m(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),y(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&I.length>0&&(e.preventDefault(),E(I[I.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[I,E]);let T=c(e=>{er.includes(e.key.toLowerCase())&&I.length>0&&(e.preventDefault(),E(I[I.length-1]?.filterId??""))},[I,E]);return a(U,{value:I,onValueChange:j,getItemValue:e=>e.filterId,children:[a(F,{open:N,onOpenChange:y,children:[e(V,{asChild:!0,children:a(g,{variant:"outline",size:"sm",onKeyDown:T,children:[e(n,{weight:"bold"}),"Filtro",I.length>0&&e(v,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:I.length})]})}),a(B,{"aria-describedby":x,"aria-labelledby":w,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...o,children:[a("div",{className:"flex flex-col gap-1",children:[e("h4",{id:w,className:"font-medium leading-none",children:I.length>0?"Filtros":"Nenhum filtro aplicado"}),e("p",{id:x,className:el("text-gray-400 text-sm",I.length>0&&"sr-only"),children:I.length>0?"Modifique os filtros para filtrar suas linhas.":"Adicione filtros para filtrar suas linhas."})]}),I.length>0?e(J,{asChild:!0,children:e("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:I.map((a,l)=>e(ei,{filter:a,index:l,filterItemId:`${b}-filter-${a.filterId}`,joinOperator:k,setJoinOperator:z,columns:D,onFilterUpdate:S,onFilterRemove:E},a.filterId))})}):null,a("div",{className:"flex w-full items-center gap-2",children:[e(g,{size:"sm",className:"rounded",ref:C,onClick:O,children:"Adicionar filtro"}),I.length>0?e(g,{variant:"outline",size:"sm",className:"rounded",onClick:A,children:"Resetar filtros"}):null]})]})]}),e(Q,{children:a("div",{className:"flex items-center gap-2",children:[e("div",{className:"h-10 min-w-[72px] rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),e("div",{className:"h-10 min-w-36 flex-1 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function ei({filter:n,index:s,filterItemId:d,joinOperator:m,setJoinOperator:u,columns:p,onFilterUpdate:h,onFilterRemove:v}){let[U,J]=f(!1),[Q,W]=f(!1),[ee,ea]=f(!1),et=p.find(e=>e.id===n.id);if(!et)return null;let ei=`${d}-join-operator-listbox`,en=`${d}-field-listbox`,eo=`${d}-operator-listbox`,es=`${d}-input`,ed=et.columnDef.meta,ec=Y(n.variant),em=c(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(U||Q||ee||er.includes(e.key.toLowerCase())&&(e.preventDefault(),v(n.filterId)))},[n.filterId,U,Q,ee,v]);return e(G,{value:n.filterId,asChild:!0,children:a("div",{role:"listitem",id:d,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:em,children:[e("div",{className:"min-w-[72px] text-center",children:0===s?e("span",{className:"text-gray-400 text-sm",children:"Onde"}):1===s?a(K,{value:m,onValueChange:e=>u(e),children:[e(q,{"aria-label":"Select join operator","aria-controls":ei,className:"h-10 rounded lowercase [&[data-size]]:h-10",children:e(R,{placeholder:m})}),e(M,{id:ei,position:"popper",className:"min-w-(--radix-select-trigger-width) lowercase",children:Z.joinOperators.map(a=>e(H,{value:a,children:a},a))})]}):e("span",{className:"text-gray-400 text-sm",children:m})}),a(F,{open:U,onOpenChange:J,children:[e(V,{asChild:!0,children:a(g,{role:"combobox","aria-controls":en,variant:"outline",size:"sm",className:"w-32 justify-between rounded font-normal",children:[e("span",{className:"truncate",children:p.find(e=>e.id===n.id)?.columnDef.meta?.label??"Selecione o campo"}),e(r,{className:"opacity-50"})]})}),e(B,{id:en,align:"start",className:"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0",children:a(w,{children:[e(y,{placeholder:"Buscar campo..."}),a(D,{children:[e(x,{children:"Nenhum campo encontrado."}),e(N,{children:p.map(l=>a(C,{value:l.id,onSelect:e=>{h(n.filterId,{id:e,variant:l.columnDef.meta?.variant??"text",operator:X(l.columnDef.meta?.variant??"text"),value:""}),J(!1)},children:[e("span",{className:"truncate",children:l.columnDef.meta?.label}),e(t,{className:el("ml-auto",l.id===n.id?"opacity-100":"opacity-0")})]},l.id))})]})]})})]}),a(K,{open:Q,onOpenChange:W,value:n.operator,onValueChange:e=>h(n.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":n.value}),children:[e(q,{"aria-controls":eo,className:"h-10 w-32 rounded lowercase [&[data-size]]:h-10",children:e("div",{className:"truncate",children:e(R,{placeholder:n.operator})})}),e(M,{id:eo,className:"origin-[var(--radix-select-content-transform-origin)]",children:ec.map(a=>e(H,{value:a.value,className:"lowercase",children:a.label},a.value))})]}),e("div",{className:"min-w-36 flex-1",children:function({filter:r,inputId:t,column:i,columnMeta:n,onFilterUpdate:o,showValueSelector:s,setShowValueSelector:d}){if("isEmpty"===r.operator||"isNotEmpty"===r.operator)return e("div",{id:t,role:"status","aria-label":`${n?.label} filter is ${"isEmpty"===r.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-10 w-full rounded border bg-transparent dark:bg-input/30"});switch(r.variant){case"text":case"number":case"range":{if("range"===r.variant&&"isBetween"===r.operator||"isBetween"===r.operator)return e(I,{filter:r,column:i,inputId:t,onFilterUpdate:o});let a="number"===r.variant||"range"===r.variant;return e(L,{id:t,type:a?"number":r.variant,"aria-label":`${n?.label} filter value`,"aria-describedby":`${t}-description`,inputMode:a?"numeric":void 0,placeholder:n?.placeholder??"Enter a value...",className:"h-10 w-full rounded",defaultValue:"string"==typeof r.value?r.value:void 0,onChange:e=>o(r.filterId,{value:e.target.value})})}case"boolean":{if(Array.isArray(r.value))return null;let l=`${t}-listbox`;return a(K,{open:s,onOpenChange:d,value:r.value,onValueChange:e=>o(r.filterId,{value:e}),children:[e(q,{id:t,"aria-controls":l,"aria-label":`${n?.label} boolean filter`,className:"h-10 w-full rounded [&[data-size]]:h-10",children:e(R,{placeholder:r.value?"True":"False"})}),a(M,{id:l,children:[e(H,{value:"true",children:"True"}),e(H,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let l=`${t}-listbox`,i="multiSelect"===r.variant;return a(j,{open:s,onOpenChange:d,value:i?Array.isArray(r.value)?r.value:[]:"string"==typeof r.value?r.value:void 0,onValueChange:e=>{o(r.filterId,{value:e})},multiple:i,children:[e(T,{asChild:!0,children:e(g,{id:t,"aria-controls":l,"aria-label":`${n?.label} filter value${i?"s":""}`,variant:"outline",size:"sm",className:"w-full rounded font-normal",children:e($,{options:n?.options,placeholder:n?.placeholder??`Select option${i?"s":""}...`})})}),a(k,{id:l,className:"w-[200px] origin-[var(--radix-popover-content-transform-origin)]",children:[e(S,{"aria-label":`Search ${n?.label} options`,placeholder:n?.placeholder??"Search options..."}),a(A,{children:[e(z,{children:"Nenhum resultado"}),e(O,{children:n?.options?.map(l=>a(E,{value:l.value,children:[l.icon&&e(l.icon,{}),e("span",{children:l.label}),l.count&&e("span",{className:"ml-auto font-mono text-xs",children:l.count})]},l.value))})]})]})]})}case"date":case"dateRange":{let i=`${t}-listbox`,c=Array.isArray(r.value)?r.value.filter(Boolean):[r.value,r.value].filter(Boolean),m="isBetween"===r.operator&&2===c.length?`${_(new Date(Number(c[0])))} - ${_(new Date(Number(c[1])))}`:c[0]?_(new Date(Number(c[0]))):"Escolha uma data";return a(F,{open:s,onOpenChange:d,children:[e(V,{asChild:!0,children:a(g,{id:t,"aria-controls":i,"aria-label":`${n?.label} date filter`,variant:"outline",size:"sm",className:el("w-full justify-start rounded text-left font-normal",!r.value&&"text-gray-400"),children:[e(l,{weight:"bold"}),e("span",{className:"truncate text-sm",children:m})]})}),e(B,{id:i,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===r.operator?e(b,{"aria-label":`Select ${n?.label} date range`,mode:"range",selected:2===c.length?{from:new Date(Number(c[0])),to:new Date(Number(c[1]))}:{from:new Date,to:new Date},onSelect:e=>{o(r.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):e(b,{"aria-label":`Select ${n?.label} date`,mode:"single",selected:c[0]?new Date(Number(c[0])):void 0,onSelect:e=>{o(r.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:n,inputId:es,column:et,columnMeta:ed,onFilterUpdate:h,showValueSelector:ee,setShowValueSelector:ea})}),e(g,{"aria-controls":d,variant:"outline",size:"icon",className:"size-8 rounded",onClick:()=>v(n.filterId),children:e(o,{weight:"bold"})}),e(P,{asChild:!0,children:e(g,{variant:"outline",size:"icon",className:"size-8 rounded",children:e(i,{weight:"bold"})})})]})})}export{et as DataTableFilterList};
-//# sourceMappingURL=data-table-filter-list.js.map
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CalendarBlankIcon as l,CaretUpDownIcon as r,CheckIcon as t,DotsSixVerticalIcon as i,FunnelSimpleIcon as n,TrashIcon as o}from"@phosphor-icons/react";import{parseAsStringEnum as s,useQueryState as d}from"nuqs";import{useCallback as c,useEffect as m,useId as u,useMemo as p,useRef as h,useState as f}from"react";import{Badge as v}from"../badge.js";import{Button as g}from"../button.js";import{Calendar as b}from"../calendar.js";import{Command as w,CommandEmpty as x,CommandGroup as N,CommandInput as y,CommandItem as C,CommandList as D}from"../command.js";import{DataTableRangeFilter as I}from"./data-table-range-filter.js";import{Faceted as j,FacetedBadgeList as $,FacetedContent as k,FacetedEmpty as z,FacetedGroup as O,FacetedInput as S,FacetedItem as E,FacetedList as A,FacetedTrigger as T}from"../faceted.js";import{Input as L}from"../input.js";import{Popover as F,PopoverContent as B,PopoverTrigger as V}from"../popover.js";import{Select as K,SelectContent as M,SelectItem as H,SelectTrigger as q,SelectValue as R}from"../select.js";import{Sortable as U,SortableContent as J,SortableItem as G,SortableItemHandle as P,SortableOverlay as Q}from"../sortable.js";import{useDebouncedCallback as W}from"../../hooks/use-debounced-callback.js";import{getDefaultFilterOperator as X,getFilterOperators as Y}from"../../lib/data-table.js";import{dataTableConfig as Z}from"../../lib/data-table-config.js";import{formatDate as _}from"../../lib/format.js";import{generateId as ee}from"../../lib/id.js";import{getFiltersStateParser as ea}from"../../lib/parsers.js";import{cn as el}from"../../lib/utils.js";let er=["backspace","delete"];function et({table:l,debounceMs:r=300,throttleMs:t=50,shallow:i=!0,...o}){let b=u(),w=u(),x=u(),[N,y]=f(!1),C=h(null),D=p(()=>l.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[l]),[I,j]=d("filters",ea(D.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:i,throttleMs:t})),$=W(j,r),[k,z]=d("joinOperator",s(["e","ou"]).withDefault("e").withOptions({clearOnDefault:!0,shallow:i})),O=c(()=>{let e=D[0];e&&$([...I,{id:e.id,value:"",variant:e.columnDef.meta?.variant??"text",operator:X(e.columnDef.meta?.variant??"text"),filterId:ee({length:8})}])},[D,I,$]),S=c((e,a)=>{$(l=>l.map(l=>l.filterId===e?{...l,...a}:l))},[$]),E=c(e=>{j(I.filter(a=>a.filterId!==e)),requestAnimationFrame(()=>{C.current?.focus()})},[I,j]),A=c(()=>{j(null),z("e")},[j,z]);m(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),y(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&I.length>0&&(e.preventDefault(),E(I[I.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[I,E]);let T=c(e=>{er.includes(e.key.toLowerCase())&&I.length>0&&(e.preventDefault(),E(I[I.length-1]?.filterId??""))},[I,E]);return a(U,{value:I,onValueChange:j,getItemValue:e=>e.filterId,children:[a(F,{open:N,onOpenChange:y,children:[e(V,{asChild:!0,children:a(g,{variant:"outline",size:"sm",onKeyDown:T,children:[e(n,{weight:"bold"}),"Filtro",I.length>0&&e(v,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:I.length})]})}),a(B,{"aria-describedby":x,"aria-labelledby":w,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...o,children:[a("div",{className:"flex flex-col gap-1",children:[e("h4",{id:w,className:"font-medium leading-none",children:I.length>0?"Filtros":"Nenhum filtro aplicado"}),e("p",{id:x,className:el("text-gray-400 text-sm",I.length>0&&"sr-only"),children:I.length>0?"Modifique os filtros para filtrar suas linhas.":"Adicione filtros para filtrar suas linhas."})]}),I.length>0?e(J,{asChild:!0,children:e("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:I.map((a,l)=>e(ei,{filter:a,index:l,filterItemId:`${b}-filter-${a.filterId}`,joinOperator:k,setJoinOperator:z,columns:D,onFilterUpdate:S,onFilterRemove:E},a.filterId))})}):null,a("div",{className:"flex w-full items-center gap-2",children:[e(g,{size:"sm",className:"rounded",ref:C,onClick:O,children:"Adicionar filtro"}),I.length>0?e(g,{variant:"outline",size:"sm",className:"rounded",onClick:A,children:"Resetar filtros"}):null]})]})]}),e(Q,{children:a("div",{className:"flex items-center gap-2",children:[e("div",{className:"h-10 min-w-[72px] rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),e("div",{className:"h-10 min-w-36 flex-1 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function ei({filter:n,index:s,filterItemId:d,joinOperator:m,setJoinOperator:u,columns:p,onFilterUpdate:h,onFilterRemove:v}){let[U,J]=f(!1),[Q,W]=f(!1),[ee,ea]=f(!1),et=p.find(e=>e.id===n.id);if(!et)return null;let ei=`${d}-join-operator-listbox`,en=`${d}-field-listbox`,eo=`${d}-operator-listbox`,es=`${d}-input`,ed=et.columnDef.meta,ec=Y(n.variant),em=c(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(U||Q||ee||er.includes(e.key.toLowerCase())&&(e.preventDefault(),v(n.filterId)))},[n.filterId,U,Q,ee,v]);return e(G,{value:n.filterId,asChild:!0,children:a("div",{role:"listitem",id:d,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:em,children:[e("div",{className:"min-w-[72px] text-center",children:0===s?e("span",{className:"text-gray-400 text-sm",children:"Onde"}):1===s?a(K,{value:m,onValueChange:e=>u(e),children:[e(q,{"aria-label":"Select join operator","aria-controls":ei,className:"h-10 rounded lowercase [&[data-size]]:h-10",children:e(R,{placeholder:m})}),e(M,{id:ei,position:"popper",className:"min-w-(--radix-select-trigger-width) lowercase",children:Z.joinOperators.map(a=>e(H,{value:a,children:a},a))})]}):e("span",{className:"text-gray-400 text-sm",children:m})}),a(F,{open:U,onOpenChange:J,children:[e(V,{asChild:!0,children:a(g,{role:"combobox","aria-controls":en,variant:"outline",size:"sm",className:"w-32 justify-between rounded font-normal",children:[e("span",{className:"truncate",children:p.find(e=>e.id===n.id)?.columnDef.meta?.label??"Selecione o campo"}),e(r,{className:"opacity-50"})]})}),e(B,{id:en,align:"start",className:"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0",children:a(w,{children:[e(y,{placeholder:"Buscar campo..."}),a(D,{children:[e(x,{children:"Nenhum campo encontrado."}),e(N,{children:p.map(l=>a(C,{value:l.id,onSelect:e=>{h(n.filterId,{id:e,variant:l.columnDef.meta?.variant??"text",operator:X(l.columnDef.meta?.variant??"text"),value:""}),J(!1)},children:[e("span",{className:"truncate",children:l.columnDef.meta?.label}),e(t,{className:el("ml-auto",l.id===n.id?"opacity-100":"opacity-0")})]},l.id))})]})]})})]}),a(K,{open:Q,onOpenChange:W,value:n.operator,onValueChange:e=>h(n.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":n.value}),children:[e(q,{"aria-controls":eo,className:"h-10 w-32 rounded lowercase [&[data-size]]:h-10",children:e("div",{className:"truncate",children:e(R,{placeholder:n.operator})})}),e(M,{id:eo,className:"origin-[var(--radix-select-content-transform-origin)]",children:ec.map(a=>e(H,{value:a.value,className:"lowercase",children:a.label},a.value))})]}),e("div",{className:"min-w-36 flex-1",children:function({filter:r,inputId:t,column:i,columnMeta:n,onFilterUpdate:o,showValueSelector:s,setShowValueSelector:d}){if("isEmpty"===r.operator||"isNotEmpty"===r.operator)return e("div",{id:t,role:"status","aria-label":`${n?.label} filter is ${"isEmpty"===r.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-10 w-full rounded border bg-transparent dark:bg-input/30"});switch(r.variant){case"text":case"number":case"range":{if("range"===r.variant&&"isBetween"===r.operator||"isBetween"===r.operator)return e(I,{filter:r,column:i,inputId:t,onFilterUpdate:o});let a="number"===r.variant||"range"===r.variant;return e(L,{id:t,type:a?"number":r.variant,"aria-label":`${n?.label} filter value`,"aria-describedby":`${t}-description`,inputMode:a?"numeric":void 0,placeholder:n?.placeholder??"Enter a value...",className:"h-10 w-full rounded",defaultValue:"string"==typeof r.value?r.value:void 0,onChange:e=>o(r.filterId,{value:e.target.value})})}case"boolean":{if(Array.isArray(r.value))return null;let l=`${t}-listbox`;return a(K,{open:s,onOpenChange:d,value:r.value,onValueChange:e=>o(r.filterId,{value:e}),children:[e(q,{id:t,"aria-controls":l,"aria-label":`${n?.label} boolean filter`,className:"h-10 w-full rounded [&[data-size]]:h-10",children:e(R,{placeholder:r.value?"True":"False"})}),a(M,{id:l,children:[e(H,{value:"true",children:"True"}),e(H,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let l=`${t}-listbox`,i="multiSelect"===r.variant;return a(j,{open:s,onOpenChange:d,value:i?Array.isArray(r.value)?r.value:[]:"string"==typeof r.value?r.value:void 0,onValueChange:e=>{o(r.filterId,{value:e})},multiple:i,children:[e(T,{asChild:!0,children:e(g,{id:t,"aria-controls":l,"aria-label":`${n?.label} filter value${i?"s":""}`,variant:"outline",size:"sm",className:"w-full rounded font-normal",children:e($,{options:n?.options,placeholder:n?.placeholder??`Select option${i?"s":""}...`})})}),a(k,{id:l,className:"w-[200px] origin-[var(--radix-popover-content-transform-origin)]",children:[e(S,{"aria-label":`Search ${n?.label} options`,placeholder:n?.placeholder??"Search options..."}),a(A,{children:[e(z,{children:"Nenhum resultado"}),e(O,{children:n?.options?.map(l=>a(E,{value:l.value,children:[l.icon&&e(l.icon,{}),e("span",{children:l.label}),l.count&&e("span",{className:"ml-auto font-mono text-xs",children:l.count})]},l.value))})]})]})]})}case"date":case"dateRange":{let i=`${t}-listbox`,c=Array.isArray(r.value)?r.value.filter(Boolean):[r.value,r.value].filter(Boolean),m="isBetween"===r.operator&&2===c.length?`${_(new Date(Number(c[0])))} - ${_(new Date(Number(c[1])))}`:c[0]?_(new Date(Number(c[0]))):"Escolha uma data";return a(F,{open:s,onOpenChange:d,children:[e(V,{asChild:!0,children:a(g,{id:t,"aria-controls":i,"aria-label":`${n?.label} date filter`,variant:"outline",size:"sm",className:el("w-full justify-start rounded text-left font-normal",!r.value&&"text-gray-400"),children:[e(l,{weight:"bold"}),e("span",{className:"truncate text-sm",children:m})]})}),e(B,{id:i,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===r.operator?e(b,{"aria-label":`Select ${n?.label} date range`,mode:"range",selected:2===c.length?{from:new Date(Number(c[0])),to:new Date(Number(c[1]))}:{from:new Date,to:new Date},onSelect:e=>{o(r.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):e(b,{"aria-label":`Select ${n?.label} date`,mode:"single",selected:c[0]?new Date(Number(c[0])):void 0,onSelect:e=>{o(r.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:n,inputId:es,column:et,columnMeta:ed,onFilterUpdate:h,showValueSelector:ee,setShowValueSelector:ea})}),e(g,{"aria-controls":d,variant:"outline",size:"icon",className:"size-8 rounded",onClick:()=>v(n.filterId),children:e(o,{weight:"bold"})}),e(P,{asChild:!0,children:e(g,{variant:"outline",size:"icon",className:"size-8 rounded",children:e(i,{weight:"bold"})})})]})})}export{et as DataTableFilterList};

package/dist/esm/components/data-table/data-table-filter-menu.js

@@ -1,3 +1,2 @@
 'use client'
-import{Fragment as e,jsx as t,jsxs as n}from"react/jsx-runtime";import{Calendar as a,Check as l,FunnelSimple as r,SealCheck as i,TextAlignLeft as o,X as c}from"@phosphor-icons/react";import{useQueryState as s}from"nuqs";import{useCallback as d,useEffect as u,useId as m,useMemo as p,useRef as f,useState as h}from"react";import{Button as v}from"../button.js";import{Calendar as g}from"../calendar.js";import{Command as b,CommandEmpty as N,CommandGroup as w,CommandInput as x,CommandItem as D,CommandList as y}from"../command.js";import{DataTableRangeFilter as S}from"./data-table-range-filter.js";import{Input as C}from"../input.js";import{Popover as I,PopoverContent as k,PopoverTrigger as T}from"../popover.js";import{Select as F,SelectContent as j,SelectItem as z,SelectTrigger as E,SelectValue as $}from"../select.js";import{useDebouncedCallback as L}from"../../hooks/use-debounced-callback.js";import{getDefaultFilterOperator as A,getFilterOperators as O}from"../../lib/data-table.js";import{formatDate as K}from"../../lib/format.js";import{generateId as _}from"../../lib/id.js";import{getFiltersStateParser as B}from"../../lib/parsers.js";import{cn as M}from"../../lib/utils.js";let H=["backspace","delete"];function R({table:a,debounceMs:l=300,throttleMs:i=50,shallow:o=!0,align:g="start",...S}){let C=m(),F=p(()=>a.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[a]),[j,z]=h(!1),[E,$]=h(null),[O,K]=h(""),R=f(null),U=f(null),P=d(e=>{z(e),e||setTimeout(()=>{$(null),K("")},100)},[]),G=d(e=>{H.includes(e.key.toLowerCase())&&!O&&E&&(e.preventDefault(),$(null))},[O,E]),[J,Q]=s("filters",B(F.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:o,throttleMs:i})),W=L(Q,l),X=d((e,t)=>{if(!t.trim()&&e.columnDef.meta?.variant!=="boolean")return;let n=e.columnDef.meta?.variant==="multiSelect"?[t]:t;W([...J,{id:e.id,value:n,variant:e.columnDef.meta?.variant??"text",operator:A(e.columnDef.meta?.variant??"text"),filterId:_({length:8})}]),z(!1),setTimeout(()=>{$(null),K("")},100)},[J,W]),Y=d(e=>{W(J.filter(t=>t.filterId!==e)),requestAnimationFrame(()=>{R.current?.focus()})},[J,W]),Z=d((e,t)=>{W(n=>n.map(n=>n.filterId===e?{...n,...t}:n))},[W]),ee=d(()=>{W([])},[W]);u(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),z(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&!j&&J.length>0&&(e.preventDefault(),Y(J[J.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[j,J,Y]);let et=d(e=>{H.includes(e.key.toLowerCase())&&J.length>0&&(e.preventDefault(),Y(J[J.length-1]?.filterId??""))},[J,Y]);return n("div",{className:"flex flex-wrap items-center gap-2",children:[J.map(e=>t(V,{filter:e,filterItemId:`${C}-filter-${e.filterId}`,columns:F,onFilterUpdate:Z,onFilterRemove:Y},e.filterId)),J.length>0&&t(v,{"aria-label":"Reset all filters",variant:"outline",size:"icon",className:"size-8",onClick:ee,children:t(c,{})}),n(I,{open:j,onOpenChange:P,children:[t(T,{asChild:!0,children:n(v,{"aria-label":"Open filter command menu",variant:"outline",size:J.length>0?"icon":"sm",className:M(J.length>0&&"size-8","h-10"),ref:R,onKeyDown:et,children:[t(r,{}),J.length>0?null:"Filter"]})}),t(k,{align:g,className:"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",...S,children:n(b,{loop:!0,className:"[&_[cmdk-input-wrapper]_svg]:hidden",children:[t(x,{ref:U,placeholder:E?E.columnDef.meta?.label??E.id:"Search fields...",value:O,onValueChange:K,onKeyDown:G}),t(y,{children:E?n(e,{children:[E.columnDef.meta?.options&&t(N,{children:"No options found."}),t(q,{column:E,value:O,onSelect:e=>X(E,e)})]}):n(e,{children:[t(N,{children:"No fields found."}),t(w,{children:F.map(e=>n(D,{value:e.id,onSelect:()=>{$(e),K(""),requestAnimationFrame(()=>{U.current?.focus()})},children:[e.columnDef.meta?.icon&&t(e.columnDef.meta.icon,{}),t("span",{className:"truncate",children:e.columnDef.meta?.label??e.id})]},e.id))})]})})]})})]})]})}function V({filter:r,filterItemId:i,columns:o,onFilterUpdate:s,onFilterRemove:u}){{let[m,p]=h(!1),[f,L]=h(!1),[_,B]=h(!1),R=o.find(e=>e.id===r.id);if(!R)return null;let V=`${i}-operator-listbox`,q=`${i}-input`,U=R.columnDef.meta,P=O(r.variant);return n("div",{role:"listitem",id:i,className:"flex h-10 items-center rounded-md bg-background",onKeyDown:d(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(m||f||_||H.includes(e.key.toLowerCase())&&(e.preventDefault(),u(r.filterId)))},[r.filterId,m,f,_,u]),children:[n(I,{open:m,onOpenChange:p,children:[t(T,{asChild:!0,children:n(v,{variant:"ghost",size:"sm",className:"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30",children:[U?.icon&&t(U.icon,{className:"text-muted-foreground"}),U?.label??R.id]})}),t(k,{align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:n(b,{loop:!0,children:[t(x,{placeholder:"Search fields..."}),n(y,{children:[t(N,{children:"No fields found."}),t(w,{children:o.map(e=>n(D,{value:e.id,onSelect:()=>{s(r.filterId,{id:e.id,variant:e.columnDef.meta?.variant??"text",operator:A(e.columnDef.meta?.variant??"text"),value:""}),p(!1)},children:[e.columnDef.meta?.icon&&t(e.columnDef.meta.icon,{}),t("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),t(l,{className:M("ml-auto",e.id===r.id?"opacity-100":"opacity-0")})]},e.id))})]})]})})]}),n(F,{open:f,onOpenChange:L,value:r.operator,onValueChange:e=>s(r.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":r.value}),children:[t(E,{"aria-controls":V,className:"h-10 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-10 [&_svg]:hidden",children:t($,{placeholder:r.operator})}),t(j,{id:V,className:"origin-[var(--radix-select-content-transform-origin)]",children:P.map(e=>t(z,{className:"lowercase",value:e.value,children:e.label},e.value))})]}),function({filter:r,column:i,inputId:o,onFilterUpdate:c,showValueSelector:s,setShowValueSelector:d}){if("isEmpty"===r.operator||"isNotEmpty"===r.operator)return t("div",{id:o,role:"status","aria-label":`${i.columnDef.meta?.label} filter is ${"isEmpty"===r.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground dark:bg-input/30"});switch(r.variant){case"text":case"number":case"range":{if("range"===r.variant&&"isBetween"===r.operator||"isBetween"===r.operator)return t(S,{filter:r,column:i,inputId:o,onFilterUpdate:c,className:"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5"});let e="number"===r.variant||"range"===r.variant;return t(C,{id:o,type:e?"number":"text",inputMode:e?"numeric":void 0,placeholder:i.columnDef.meta?.placeholder??"Enter value...",className:"h-full w-24 rounded-none px-1.5",defaultValue:"string"==typeof r.value?r.value:"",onChange:e=>c(r.filterId,{value:e.target.value})})}case"boolean":{let e=`${o}-listbox`;return n(F,{open:s,onOpenChange:d,value:"string"==typeof r.value?r.value:"true",onValueChange:e=>c(r.filterId,{value:e}),children:[t(E,{id:o,"aria-controls":e,className:"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden",children:t($,{placeholder:r.value?"True":"False"})}),n(j,{id:e,children:[t(z,{value:"true",children:"True"}),t(z,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let a=`${o}-listbox`,u=i.columnDef.meta?.options??[],m=Array.isArray(r.value)?r.value:[r.value],p=u.filter(e=>m.includes(e.value));return n(I,{open:s,onOpenChange:d,children:[t(T,{asChild:!0,children:t(v,{id:o,"aria-controls":a,variant:"ghost",size:"sm",className:"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30",children:0===p.length?"multiSelect"===r.variant?"Select options...":"Select option...":n(e,{children:[t("div",{className:"-space-x-2 flex items-center rtl:space-x-reverse",children:p.map(e=>e.icon?t("div",{className:"rounded-full border bg-background p-0.5",children:t(e.icon,{className:"size-3.5"})},e.value):null)}),t("span",{className:"truncate",children:p.length>1?`${p.length} selected`:p[0]?.label})]})})}),t(k,{id:a,align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:n(b,{children:[t(x,{placeholder:"Search options..."}),n(y,{children:[t(N,{children:"No options found."}),t(w,{children:u.map(e=>n(D,{value:e.value,onSelect:()=>{let t="multiSelect"===r.variant?m.includes(e.value)?m.filter(t=>t!==e.value):[...m,e.value]:e.value;c(r.filterId,{value:t})},children:[e.icon&&t(e.icon,{}),t("span",{className:"truncate",children:e.label}),"multiSelect"===r.variant&&t(l,{className:M("ml-auto",m.includes(e.value)?"opacity-100":"opacity-0")})]},e.value))})]})]})})]})}case"date":case"dateRange":{let e=`${o}-listbox`,l=Array.isArray(r.value)?r.value.filter(Boolean):[r.value,r.value].filter(Boolean),i="isBetween"===r.operator&&2===l.length?`${K(new Date(Number(l[0])))} - ${K(new Date(Number(l[1])))}`:l[0]?K(new Date(Number(l[0]))):"Pick date...";return n(I,{open:s,onOpenChange:d,children:[t(T,{asChild:!0,children:n(v,{id:o,"aria-controls":e,variant:"ghost",size:"sm",className:M("h-full rounded-none border px-1.5 font-normal dark:bg-input/30",!r.value&&"text-muted-foreground"),children:[t(a,{className:"size-3.5"}),t("span",{className:"truncate",children:i})]})}),t(k,{id:e,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===r.operator?t(g,{mode:"range",initialFocus:!0,selected:2===l.length?{from:new Date(Number(l[0])),to:new Date(Number(l[1]))}:{from:new Date,to:new Date},onSelect:e=>{c(r.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):t(g,{mode:"single",initialFocus:!0,selected:l[0]?new Date(Number(l[0])):void 0,onSelect:e=>{c(r.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:r,column:R,inputId:q,onFilterUpdate:s,showValueSelector:_,setShowValueSelector:B}),t(v,{"aria-controls":i,variant:"ghost",size:"sm",className:"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30",onClick:()=>u(r.filterId),children:t(c,{className:"size-3.5"})})]},r.filterId)}}function q({column:a,value:l,onSelect:r}){switch(a.columnDef.meta?.variant??"text"){case"boolean":return n(w,{children:[t(D,{value:"true",onSelect:()=>r("true"),children:"True"}),t(D,{value:"false",onSelect:()=>r("false"),children:"False"})]});case"select":case"multiSelect":return t(w,{children:a.columnDef.meta?.options?.map(e=>n(D,{value:e.value,onSelect:()=>r(e.value),children:[e.icon&&t(e.icon,{}),t("span",{className:"truncate",children:e.label}),e.count&&t("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value))});case"date":case"dateRange":return t(g,{initialFocus:!0,mode:"single",selected:l?new Date(l):void 0,onSelect:e=>r(e?.getTime().toString()??"")});default:{let a=!l.trim();return t(w,{children:t(D,{value:l,onSelect:()=>r(l),disabled:a,children:a?n(e,{children:[t(o,{}),t("span",{children:"Type to add filter..."})]}):n(e,{children:[t(i,{}),n("span",{className:"truncate",children:['Filter by "',l,'"']})]})})})}}}export{R as DataTableFilterMenu};
-//# sourceMappingURL=data-table-filter-menu.js.map
+import{Fragment as e,jsx as t,jsxs as n}from"react/jsx-runtime";import{Calendar as a,Check as l,FunnelSimple as r,SealCheck as i,TextAlignLeft as o,X as c}from"@phosphor-icons/react";import{useQueryState as s}from"nuqs";import{useCallback as d,useEffect as u,useId as m,useMemo as p,useRef as f,useState as h}from"react";import{Button as v}from"../button.js";import{Calendar as g}from"../calendar.js";import{Command as b,CommandEmpty as N,CommandGroup as w,CommandInput as x,CommandItem as D,CommandList as y}from"../command.js";import{DataTableRangeFilter as S}from"./data-table-range-filter.js";import{Input as C}from"../input.js";import{Popover as I,PopoverContent as k,PopoverTrigger as T}from"../popover.js";import{Select as F,SelectContent as j,SelectItem as z,SelectTrigger as E,SelectValue as $}from"../select.js";import{useDebouncedCallback as L}from"../../hooks/use-debounced-callback.js";import{getDefaultFilterOperator as A,getFilterOperators as O}from"../../lib/data-table.js";import{formatDate as K}from"../../lib/format.js";import{generateId as _}from"../../lib/id.js";import{getFiltersStateParser as B}from"../../lib/parsers.js";import{cn as M}from"../../lib/utils.js";let H=["backspace","delete"];function R({table:a,debounceMs:l=300,throttleMs:i=50,shallow:o=!0,align:g="start",...S}){let C=m(),F=p(()=>a.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[a]),[j,z]=h(!1),[E,$]=h(null),[O,K]=h(""),R=f(null),U=f(null),P=d(e=>{z(e),e||setTimeout(()=>{$(null),K("")},100)},[]),G=d(e=>{H.includes(e.key.toLowerCase())&&!O&&E&&(e.preventDefault(),$(null))},[O,E]),[J,Q]=s("filters",B(F.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:o,throttleMs:i})),W=L(Q,l),X=d((e,t)=>{if(!t.trim()&&e.columnDef.meta?.variant!=="boolean")return;let n=e.columnDef.meta?.variant==="multiSelect"?[t]:t;W([...J,{id:e.id,value:n,variant:e.columnDef.meta?.variant??"text",operator:A(e.columnDef.meta?.variant??"text"),filterId:_({length:8})}]),z(!1),setTimeout(()=>{$(null),K("")},100)},[J,W]),Y=d(e=>{W(J.filter(t=>t.filterId!==e)),requestAnimationFrame(()=>{R.current?.focus()})},[J,W]),Z=d((e,t)=>{W(n=>n.map(n=>n.filterId===e?{...n,...t}:n))},[W]),ee=d(()=>{W([])},[W]);u(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),z(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&!j&&J.length>0&&(e.preventDefault(),Y(J[J.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[j,J,Y]);let et=d(e=>{H.includes(e.key.toLowerCase())&&J.length>0&&(e.preventDefault(),Y(J[J.length-1]?.filterId??""))},[J,Y]);return n("div",{className:"flex flex-wrap items-center gap-2",children:[J.map(e=>t(V,{filter:e,filterItemId:`${C}-filter-${e.filterId}`,columns:F,onFilterUpdate:Z,onFilterRemove:Y},e.filterId)),J.length>0&&t(v,{"aria-label":"Reset all filters",variant:"outline",size:"icon",className:"size-8",onClick:ee,children:t(c,{})}),n(I,{open:j,onOpenChange:P,children:[t(T,{asChild:!0,children:n(v,{"aria-label":"Open filter command menu",variant:"outline",size:J.length>0?"icon":"sm",className:M(J.length>0&&"size-8","h-10"),ref:R,onKeyDown:et,children:[t(r,{}),J.length>0?null:"Filter"]})}),t(k,{align:g,className:"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",...S,children:n(b,{loop:!0,className:"[&_[cmdk-input-wrapper]_svg]:hidden",children:[t(x,{ref:U,placeholder:E?E.columnDef.meta?.label??E.id:"Search fields...",value:O,onValueChange:K,onKeyDown:G}),t(y,{children:E?n(e,{children:[E.columnDef.meta?.options&&t(N,{children:"No options found."}),t(q,{column:E,value:O,onSelect:e=>X(E,e)})]}):n(e,{children:[t(N,{children:"No fields found."}),t(w,{children:F.map(e=>n(D,{value:e.id,onSelect:()=>{$(e),K(""),requestAnimationFrame(()=>{U.current?.focus()})},children:[e.columnDef.meta?.icon&&t(e.columnDef.meta.icon,{}),t("span",{className:"truncate",children:e.columnDef.meta?.label??e.id})]},e.id))})]})})]})})]})]})}function V({filter:r,filterItemId:i,columns:o,onFilterUpdate:s,onFilterRemove:u}){{let[m,p]=h(!1),[f,L]=h(!1),[_,B]=h(!1),R=o.find(e=>e.id===r.id);if(!R)return null;let V=`${i}-operator-listbox`,q=`${i}-input`,U=R.columnDef.meta,P=O(r.variant);return n("div",{role:"listitem",id:i,className:"flex h-10 items-center rounded-md bg-background",onKeyDown:d(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(m||f||_||H.includes(e.key.toLowerCase())&&(e.preventDefault(),u(r.filterId)))},[r.filterId,m,f,_,u]),children:[n(I,{open:m,onOpenChange:p,children:[t(T,{asChild:!0,children:n(v,{variant:"ghost",size:"sm",className:"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30",children:[U?.icon&&t(U.icon,{className:"text-muted-foreground"}),U?.label??R.id]})}),t(k,{align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:n(b,{loop:!0,children:[t(x,{placeholder:"Search fields..."}),n(y,{children:[t(N,{children:"No fields found."}),t(w,{children:o.map(e=>n(D,{value:e.id,onSelect:()=>{s(r.filterId,{id:e.id,variant:e.columnDef.meta?.variant??"text",operator:A(e.columnDef.meta?.variant??"text"),value:""}),p(!1)},children:[e.columnDef.meta?.icon&&t(e.columnDef.meta.icon,{}),t("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),t(l,{className:M("ml-auto",e.id===r.id?"opacity-100":"opacity-0")})]},e.id))})]})]})})]}),n(F,{open:f,onOpenChange:L,value:r.operator,onValueChange:e=>s(r.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":r.value}),children:[t(E,{"aria-controls":V,className:"h-10 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-10 [&_svg]:hidden",children:t($,{placeholder:r.operator})}),t(j,{id:V,className:"origin-[var(--radix-select-content-transform-origin)]",children:P.map(e=>t(z,{className:"lowercase",value:e.value,children:e.label},e.value))})]}),function({filter:r,column:i,inputId:o,onFilterUpdate:c,showValueSelector:s,setShowValueSelector:d}){if("isEmpty"===r.operator||"isNotEmpty"===r.operator)return t("div",{id:o,role:"status","aria-label":`${i.columnDef.meta?.label} filter is ${"isEmpty"===r.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground dark:bg-input/30"});switch(r.variant){case"text":case"number":case"range":{if("range"===r.variant&&"isBetween"===r.operator||"isBetween"===r.operator)return t(S,{filter:r,column:i,inputId:o,onFilterUpdate:c,className:"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5"});let e="number"===r.variant||"range"===r.variant;return t(C,{id:o,type:e?"number":"text",inputMode:e?"numeric":void 0,placeholder:i.columnDef.meta?.placeholder??"Enter value...",className:"h-full w-24 rounded-none px-1.5",defaultValue:"string"==typeof r.value?r.value:"",onChange:e=>c(r.filterId,{value:e.target.value})})}case"boolean":{let e=`${o}-listbox`;return n(F,{open:s,onOpenChange:d,value:"string"==typeof r.value?r.value:"true",onValueChange:e=>c(r.filterId,{value:e}),children:[t(E,{id:o,"aria-controls":e,className:"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden",children:t($,{placeholder:r.value?"True":"False"})}),n(j,{id:e,children:[t(z,{value:"true",children:"True"}),t(z,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let a=`${o}-listbox`,u=i.columnDef.meta?.options??[],m=Array.isArray(r.value)?r.value:[r.value],p=u.filter(e=>m.includes(e.value));return n(I,{open:s,onOpenChange:d,children:[t(T,{asChild:!0,children:t(v,{id:o,"aria-controls":a,variant:"ghost",size:"sm",className:"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30",children:0===p.length?"multiSelect"===r.variant?"Select options...":"Select option...":n(e,{children:[t("div",{className:"-space-x-2 flex items-center rtl:space-x-reverse",children:p.map(e=>e.icon?t("div",{className:"rounded-full border bg-background p-0.5",children:t(e.icon,{className:"size-3.5"})},e.value):null)}),t("span",{className:"truncate",children:p.length>1?`${p.length} selected`:p[0]?.label})]})})}),t(k,{id:a,align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:n(b,{children:[t(x,{placeholder:"Search options..."}),n(y,{children:[t(N,{children:"No options found."}),t(w,{children:u.map(e=>n(D,{value:e.value,onSelect:()=>{let t="multiSelect"===r.variant?m.includes(e.value)?m.filter(t=>t!==e.value):[...m,e.value]:e.value;c(r.filterId,{value:t})},children:[e.icon&&t(e.icon,{}),t("span",{className:"truncate",children:e.label}),"multiSelect"===r.variant&&t(l,{className:M("ml-auto",m.includes(e.value)?"opacity-100":"opacity-0")})]},e.value))})]})]})})]})}case"date":case"dateRange":{let e=`${o}-listbox`,l=Array.isArray(r.value)?r.value.filter(Boolean):[r.value,r.value].filter(Boolean),i="isBetween"===r.operator&&2===l.length?`${K(new Date(Number(l[0])))} - ${K(new Date(Number(l[1])))}`:l[0]?K(new Date(Number(l[0]))):"Pick date...";return n(I,{open:s,onOpenChange:d,children:[t(T,{asChild:!0,children:n(v,{id:o,"aria-controls":e,variant:"ghost",size:"sm",className:M("h-full rounded-none border px-1.5 font-normal dark:bg-input/30",!r.value&&"text-muted-foreground"),children:[t(a,{className:"size-3.5"}),t("span",{className:"truncate",children:i})]})}),t(k,{id:e,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===r.operator?t(g,{mode:"range",initialFocus:!0,selected:2===l.length?{from:new Date(Number(l[0])),to:new Date(Number(l[1]))}:{from:new Date,to:new Date},onSelect:e=>{c(r.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):t(g,{mode:"single",initialFocus:!0,selected:l[0]?new Date(Number(l[0])):void 0,onSelect:e=>{c(r.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:r,column:R,inputId:q,onFilterUpdate:s,showValueSelector:_,setShowValueSelector:B}),t(v,{"aria-controls":i,variant:"ghost",size:"sm",className:"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30",onClick:()=>u(r.filterId),children:t(c,{className:"size-3.5"})})]},r.filterId)}}function q({column:a,value:l,onSelect:r}){switch(a.columnDef.meta?.variant??"text"){case"boolean":return n(w,{children:[t(D,{value:"true",onSelect:()=>r("true"),children:"True"}),t(D,{value:"false",onSelect:()=>r("false"),children:"False"})]});case"select":case"multiSelect":return t(w,{children:a.columnDef.meta?.options?.map(e=>n(D,{value:e.value,onSelect:()=>r(e.value),children:[e.icon&&t(e.icon,{}),t("span",{className:"truncate",children:e.label}),e.count&&t("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value))});case"date":case"dateRange":return t(g,{initialFocus:!0,mode:"single",selected:l?new Date(l):void 0,onSelect:e=>r(e?.getTime().toString()??"")});default:{let a=!l.trim();return t(w,{children:t(D,{value:l,onSelect:()=>r(l),disabled:a,children:a?n(e,{children:[t(o,{}),t("span",{children:"Type to add filter..."})]}):n(e,{children:[t(i,{}),n("span",{className:"truncate",children:['Filter by "',l,'"']})]})})})}}}export{R as DataTableFilterMenu};

package/dist/esm/components/data-table/data-table-pagination.d.ts

@@ -3,6 +3,6 @@ interface DataTablePaginationProps<TData> extends React.ComponentProps<'div'> {
     table: Table<TData>;
     pageSizeOptions?: number[];
 }
-export declare function DataTablePagination<TData>({ table, pageSizeOptions, className, ...props }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function DataTablePagination<TData>({ table, pageSizeOptions, className, ...props }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export { DataTablePagination };
 //# sourceMappingURL=data-table-pagination.d.ts.map

package/dist/esm/components/data-table/data-table-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table-pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAYlD,UAAU,wBAAwB,CAAC,KAAK,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC3E,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,eAAsC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAqFjC"}
+{"version":3,"file":"data-table-pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table-pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAWlD,UAAU,wBAAwB,CAAC,KAAK,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC3E,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,EAClC,KAAK,EACL,eAAsC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAqFjC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/esm/components/data-table/data-table-pagination.js

@@ -1,2 +1 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CaretDoubleLeftIcon as i,CaretDoubleRightIcon as t,CaretLeftIcon as l,CaretRightIcon as s}from"@phosphor-icons/react";import{Button as n}from"../button.js";import{Select as o,SelectContent as r,SelectItem as c,SelectTrigger as d,SelectValue as g}from"../select.js";import{cn as m}from"../../lib/utils.js";function p({table:p,pageSizeOptions:h=[10,20,30,40,50],className:u,...x}){return a("div",{className:m("flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8",u),...x,children:[a("div",{className:"flex-1 whitespace-nowrap text-muted-foreground text-sm",children:[p.getFilteredSelectedRowModel().rows.length," de"," ",p.getFilteredRowModel().rows.length," linhas selecionadas."]}),a("div",{className:"flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8",children:[a("div",{className:"flex items-center space-x-2",children:[e("p",{className:"whitespace-nowrap font-medium text-sm",children:"Linhas por p\xe1gina"}),a(o,{value:`${p.getState().pagination.pageSize}`,onValueChange:e=>{p.setPageSize(Number(e))},children:[e(d,{className:"h-10 w-[5.5rem] [&[data-size]]:h-10",children:e(g,{placeholder:p.getState().pagination.pageSize})}),e(r,{side:"top",children:h.map(a=>e(c,{value:`${a}`,children:a},a))})]})]}),a("div",{className:"flex items-center justify-center font-medium text-sm",children:["P\xe1gina ",p.getState().pagination.pageIndex+1," de"," ",p.getPageCount()]}),a("div",{className:"flex items-center space-x-2",children:[e(n,{"aria-label":"Go to first page",variant:"outline",size:"icon",className:"hidden size-10 lg:flex",onClick:()=>p.setPageIndex(0),disabled:!p.getCanPreviousPage(),children:e(i,{})}),e(n,{"aria-label":"Go to previous page",variant:"outline",size:"icon",className:"size-10",onClick:()=>p.previousPage(),disabled:!p.getCanPreviousPage(),children:e(l,{})}),e(n,{"aria-label":"Go to next page",variant:"outline",size:"icon",className:"size-10",onClick:()=>p.nextPage(),disabled:!p.getCanNextPage(),children:e(s,{})}),e(n,{"aria-label":"Go to last page",variant:"outline",size:"icon",className:"hidden size-10 lg:flex",onClick:()=>p.setPageIndex(p.getPageCount()-1),disabled:!p.getCanNextPage(),children:e(t,{})})]})]})]})}export{p as DataTablePagination};
-//# sourceMappingURL=data-table-pagination.js.map
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CaretDoubleLeftIcon as i,CaretDoubleRightIcon as t,CaretLeftIcon as l,CaretRightIcon as s}from"@phosphor-icons/react";import{Button as n}from"../button.js";import{Select as o,SelectContent as r,SelectItem as c,SelectTrigger as d,SelectValue as g}from"../select.js";import{cn as m}from"../../lib/utils.js";function p({table:p,pageSizeOptions:h=[10,20,30,40,50],className:u,...x}){return a("div",{className:m("flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8",u),...x,children:[a("div",{className:"flex-1 whitespace-nowrap text-muted-foreground text-sm",children:[p.getFilteredSelectedRowModel().rows.length," de"," ",p.getFilteredRowModel().rows.length," linhas selecionadas."]}),a("div",{className:"flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8",children:[a("div",{className:"flex items-center space-x-2",children:[e("p",{className:"whitespace-nowrap font-medium text-sm",children:"Linhas por p\xe1gina"}),a(o,{value:`${p.getState().pagination.pageSize}`,onValueChange:e=>{p.setPageSize(Number(e))},children:[e(d,{className:"h-10 w-[5.5rem] [&[data-size]]:h-10",children:e(g,{placeholder:p.getState().pagination.pageSize})}),e(r,{side:"top",children:h.map(a=>e(c,{value:`${a}`,children:a},a))})]})]}),a("div",{className:"flex items-center justify-center font-medium text-sm",children:["P\xe1gina ",p.getState().pagination.pageIndex+1," de"," ",p.getPageCount()]}),a("div",{className:"flex items-center space-x-2",children:[e(n,{"aria-label":"Go to first page",variant:"outline",size:"icon",className:"hidden size-10 lg:flex",onClick:()=>p.setPageIndex(0),disabled:!p.getCanPreviousPage(),children:e(i,{})}),e(n,{"aria-label":"Go to previous page",variant:"outline",size:"icon",className:"size-10",onClick:()=>p.previousPage(),disabled:!p.getCanPreviousPage(),children:e(l,{})}),e(n,{"aria-label":"Go to next page",variant:"outline",size:"icon",className:"size-10",onClick:()=>p.nextPage(),disabled:!p.getCanNextPage(),children:e(s,{})}),e(n,{"aria-label":"Go to last page",variant:"outline",size:"icon",className:"hidden size-10 lg:flex",onClick:()=>p.setPageIndex(p.getPageCount()-1),disabled:!p.getCanNextPage(),children:e(t,{})})]})]})]})}export{p as DataTablePagination};

package/dist/esm/components/data-table/data-table-range-filter.js

@@ -1,3 +1,2 @@
 'use client'
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useCallback as r,useMemo as l}from"react";import{Input as t}from"../input.js";import{cn as i}from"../../lib/utils.js";function u({filter:u,column:m,inputId:n,onFilterUpdate:o,className:d,...s}){let c=m.columnDef.meta,[v,f]=l(()=>{let e=m.columnDef.meta?.range;if(e)return e;let a=m.getFacetedMinMaxValues();return a?[a[0],a[1]]:[0,100]},[m]),g=r(e=>{if(void 0===e||""===e)return"";let a=Number(e);return Number.isNaN(a)?"":a.toLocaleString(void 0,{maximumFractionDigits:0})},[]),p=l(()=>Array.isArray(u.value)?u.value.map(g):[g(u.value),""],[u.value,g]),b=r((e,a)=>{let r=Number(e),l=Array.isArray(u.value)?u.value:["",""],t=a?l[1]??"":l[0]??"";(""===e||!Number.isNaN(r)&&(a?r>=v&&r<=(Number(t)||f):r<=f&&r>=(Number(t)||v)))&&o(u.filterId,{value:a?[e,t]:[t,e]})},[u.filterId,u.value,v,f,o]);return a("div",{"data-slot":"range",className:i("flex w-full items-center gap-2",d),...s,children:[e(t,{id:`${n}-min`,type:"number","aria-label":`${c?.label} minimum value`,"aria-valuemin":v,"aria-valuemax":f,"data-slot":"range-min",inputMode:"numeric",placeholder:v.toString(),min:v,max:f,className:"h-10 w-full rounded",defaultValue:p[0],onChange:e=>b(e.target.value,!0)}),e("span",{className:"sr-only shrink-0 text-muted-foreground",children:"to"}),e(t,{id:`${n}-max`,type:"number","aria-label":`${c?.label} maximum value`,"aria-valuemin":v,"aria-valuemax":f,"data-slot":"range-max",inputMode:"numeric",placeholder:f.toString(),min:v,max:f,className:"h-10 w-full rounded",defaultValue:p[1],onChange:e=>b(e.target.value)})]})}export{u as DataTableRangeFilter};
-//# sourceMappingURL=data-table-range-filter.js.map
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useCallback as r,useMemo as l}from"react";import{Input as t}from"../input.js";import{cn as i}from"../../lib/utils.js";function u({filter:u,column:m,inputId:n,onFilterUpdate:o,className:d,...s}){let c=m.columnDef.meta,[v,f]=l(()=>{let e=m.columnDef.meta?.range;if(e)return e;let a=m.getFacetedMinMaxValues();return a?[a[0],a[1]]:[0,100]},[m]),g=r(e=>{if(void 0===e||""===e)return"";let a=Number(e);return Number.isNaN(a)?"":a.toLocaleString(void 0,{maximumFractionDigits:0})},[]),p=l(()=>Array.isArray(u.value)?u.value.map(g):[g(u.value),""],[u.value,g]),b=r((e,a)=>{let r=Number(e),l=Array.isArray(u.value)?u.value:["",""],t=a?l[1]??"":l[0]??"";(""===e||!Number.isNaN(r)&&(a?r>=v&&r<=(Number(t)||f):r<=f&&r>=(Number(t)||v)))&&o(u.filterId,{value:a?[e,t]:[t,e]})},[u.filterId,u.value,v,f,o]);return a("div",{"data-slot":"range",className:i("flex w-full items-center gap-2",d),...s,children:[e(t,{id:`${n}-min`,type:"number","aria-label":`${c?.label} minimum value`,"aria-valuemin":v,"aria-valuemax":f,"data-slot":"range-min",inputMode:"numeric",placeholder:v.toString(),min:v,max:f,className:"h-10 w-full rounded",defaultValue:p[0],onChange:e=>b(e.target.value,!0)}),e("span",{className:"sr-only shrink-0 text-muted-foreground",children:"to"}),e(t,{id:`${n}-max`,type:"number","aria-label":`${c?.label} maximum value`,"aria-valuemin":v,"aria-valuemax":f,"data-slot":"range-max",inputMode:"numeric",placeholder:f.toString(),min:v,max:f,className:"h-10 w-full rounded",defaultValue:p[1],onChange:e=>b(e.target.value)})]})}export{u as DataTableRangeFilter};

package/dist/esm/components/data-table/data-table-skeleton.js

@@ -1,2 +1 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Skeleton as a}from"../skeleton.js";import{Table as s,TableBody as r,TableCell as t,TableHead as m,TableHeader as i,TableRow as n}from"../table.js";import{cn as c}from"../../lib/utils.js";function h({columnCount:h,rowCount:d=10,filterCount:o=0,cellWidths:f=["auto"],withViewOptions:u=!0,withPagination:p=!0,shrinkZero:g=!1,className:N,...w}){let v=Array.from({length:h},(e,l)=>f[l%f.length]??"auto");return l("div",{className:c("flex w-full flex-col gap-2.5 overflow-auto",N),...w,children:[l("div",{className:"flex w-full items-center justify-between gap-2 overflow-auto p-1",children:[e("div",{className:"flex flex-1 items-center gap-2",children:o>0?Array.from({length:o}).map((l,s)=>e(a,{className:"h-7 w-[4.5rem]"},s)):null}),u?e(a,{className:"ml-auto hidden h-7 w-[4.5rem] lg:flex"}):null]}),e("div",{className:"rounded-md border",children:l(s,{children:[e(i,{children:Array.from({length:1}).map((l,s)=>e(n,{className:"hover:bg-transparent",children:Array.from({length:h}).map((l,s)=>e(m,{style:{width:v[s],minWidth:g?v[s]:"auto"},children:e(a,{className:"h-6 w-full"})},s))},s))}),e(r,{children:Array.from({length:d}).map((l,s)=>e(n,{className:"hover:bg-transparent",children:Array.from({length:h}).map((l,s)=>e(t,{style:{width:v[s],minWidth:g?v[s]:"auto"},children:e(a,{className:"h-6 w-full"})},s))},s))})]})}),p?l("div",{className:"flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8",children:[e(a,{className:"h-7 w-40 shrink-0"}),l("div",{className:"flex items-center gap-4 sm:gap-6 lg:gap-8",children:[l("div",{className:"flex items-center gap-2",children:[e(a,{className:"h-7 w-24"}),e(a,{className:"h-7 w-[4.5rem]"})]}),e("div",{className:"flex items-center justify-center font-medium text-sm",children:e(a,{className:"h-7 w-20"})}),l("div",{className:"flex items-center gap-2",children:[e(a,{className:"hidden size-7 lg:block"}),e(a,{className:"size-7"}),e(a,{className:"size-7"}),e(a,{className:"hidden size-7 lg:block"})]})]})]}):null]})}export{h as DataTableSkeleton};
-//# sourceMappingURL=data-table-skeleton.js.map
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Skeleton as a}from"../skeleton.js";import{Table as s,TableBody as r,TableCell as t,TableHead as m,TableHeader as i,TableRow as n}from"../table.js";import{cn as c}from"../../lib/utils.js";function h({columnCount:h,rowCount:d=10,filterCount:o=0,cellWidths:f=["auto"],withViewOptions:u=!0,withPagination:p=!0,shrinkZero:g=!1,className:N,...w}){let v=Array.from({length:h},(e,l)=>f[l%f.length]??"auto");return l("div",{className:c("flex w-full flex-col gap-2.5 overflow-auto",N),...w,children:[l("div",{className:"flex w-full items-center justify-between gap-2 overflow-auto p-1",children:[e("div",{className:"flex flex-1 items-center gap-2",children:o>0?Array.from({length:o}).map((l,s)=>e(a,{className:"h-7 w-[4.5rem]"},s)):null}),u?e(a,{className:"ml-auto hidden h-7 w-[4.5rem] lg:flex"}):null]}),e("div",{className:"rounded-md border",children:l(s,{children:[e(i,{children:Array.from({length:1}).map((l,s)=>e(n,{className:"hover:bg-transparent",children:Array.from({length:h}).map((l,s)=>e(m,{style:{width:v[s],minWidth:g?v[s]:"auto"},children:e(a,{className:"h-6 w-full"})},s))},s))}),e(r,{children:Array.from({length:d}).map((l,s)=>e(n,{className:"hover:bg-transparent",children:Array.from({length:h}).map((l,s)=>e(t,{style:{width:v[s],minWidth:g?v[s]:"auto"},children:e(a,{className:"h-6 w-full"})},s))},s))})]})}),p?l("div",{className:"flex w-full items-center justify-between gap-4 overflow-auto p-1 sm:gap-8",children:[e(a,{className:"h-7 w-40 shrink-0"}),l("div",{className:"flex items-center gap-4 sm:gap-6 lg:gap-8",children:[l("div",{className:"flex items-center gap-2",children:[e(a,{className:"h-7 w-24"}),e(a,{className:"h-7 w-[4.5rem]"})]}),e("div",{className:"flex items-center justify-center font-medium text-sm",children:e(a,{className:"h-7 w-20"})}),l("div",{className:"flex items-center gap-2",children:[e(a,{className:"hidden size-7 lg:block"}),e(a,{className:"size-7"}),e(a,{className:"size-7"}),e(a,{className:"hidden size-7 lg:block"})]})]})]}):null]})}export{h as DataTableSkeleton};

package/dist/esm/components/data-table/data-table-slider-filter.js

@@ -1,3 +1,2 @@
 'use client'
-import{Fragment as e,jsx as r,jsxs as t}from"react/jsx-runtime";import{useCallback as a,useId as i,useMemo as l}from"react";import{Button as n}from"../button.js";import{Input as o}from"../input.js";import{Label as m}from"../label.js";import{Popover as s,PopoverContent as c,PopoverTrigger as u}from"../popover.js";import{Separator as d}from"../separator.js";import{Slider as p}from"../slider.js";import{cn as h}from"../../lib/utils.js";import{PlusCircle as f,XCircle as g}from"@phosphor-icons/react";function b(e){return Array.isArray(e)&&2===e.length&&"number"==typeof e[0]&&"number"==typeof e[1]}function v({column:v,title:x}){let N=i(),y=b(v.getFilterValue())?v.getFilterValue():void 0,F=v.columnDef.meta?.range,$=v.columnDef.meta?.unit,{min:j,max:C,step:V}=l(()=>{let e=0,r=100;if(F&&b(F))[e,r]=F;else{let t=v.getFacetedMinMaxValues();if(t&&Array.isArray(t)&&2===t.length){let[a,i]=t;"number"==typeof a&&"number"==typeof i&&(e=a,r=i)}}let t=r-e;return{min:e,max:r,step:t<=20?1:t<=100?Math.ceil(t/20):Math.ceil(t/50)}},[v,F]),M=l(()=>y??[j,C],[y,j,C]),A=a(e=>e.toLocaleString(void 0,{maximumFractionDigits:0}),[]),S=a(e=>{let r=Number(e.target.value);!Number.isNaN(r)&&r>=j&&r<=M[1]&&v.setFilterValue([r,M[1]])},[v,j,M]),D=a(e=>{let r=Number(e.target.value);!Number.isNaN(r)&&r<=C&&r>=M[0]&&v.setFilterValue([M[0],r])},[v,C,M]),w=a(e=>{Array.isArray(e)&&2===e.length&&v.setFilterValue(e)},[v]),L=a(e=>{e.target instanceof HTMLDivElement&&e.stopPropagation(),v.setFilterValue(void 0)},[v]);return t(s,{children:[r(u,{asChild:!0,children:t(n,{variant:"outline",size:"sm",children:[y?r("div",{role:"button","aria-label":`Clear ${x} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500",onClick:L,children:r(g,{})}):r(f,{}),r("span",{children:x}),y?t(e,{children:[r(d,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),A(y[0])," -"," ",A(y[1]),$?` ${$}`:""]}):null]})}),t(c,{align:"start",className:"flex w-auto flex-col gap-4",children:[t("div",{className:"flex flex-col gap-3",children:[r("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:x}),t("div",{className:"flex items-center gap-4",children:[r(m,{htmlFor:`${N}-from`,className:"sr-only",children:"From"}),t("div",{className:"relative",children:[r(o,{id:`${N}-from`,type:"number","aria-valuemin":j,"aria-valuemax":C,inputMode:"numeric",pattern:"[0-9]*",placeholder:j.toString(),min:j,max:C,value:M[0]?.toString(),onChange:S,className:h("h-10 w-24",$&&"pr-8")}),$&&r("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:$})]}),r(m,{htmlFor:`${N}-to`,className:"sr-only",children:"to"}),t("div",{className:"relative",children:[r(o,{id:`${N}-to`,type:"number","aria-valuemin":j,"aria-valuemax":C,inputMode:"numeric",pattern:"[0-9]*",placeholder:C.toString(),min:j,max:C,value:M[1]?.toString(),onChange:D,className:h("h-10 w-24",$&&"pr-8")}),$&&r("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:$})]})]}),t(m,{htmlFor:`${N}-slider`,className:"sr-only",children:[x," slider"]}),r(p,{id:`${N}-slider`,min:j,max:C,step:V,value:M,onValueChange:w})]}),r(n,{"aria-label":`Clear ${x} filter`,variant:"outline",size:"sm",onClick:L,children:"Limpar"})]})]})}export{v as DataTableSliderFilter};
-//# sourceMappingURL=data-table-slider-filter.js.map
+import{Fragment as e,jsx as r,jsxs as t}from"react/jsx-runtime";import{useCallback as a,useId as i,useMemo as l}from"react";import{Button as n}from"../button.js";import{Input as o}from"../input.js";import{Label as m}from"../label.js";import{Popover as s,PopoverContent as c,PopoverTrigger as u}from"../popover.js";import{Separator as d}from"../separator.js";import{Slider as p}from"../slider.js";import{cn as h}from"../../lib/utils.js";import{PlusCircle as f,XCircle as g}from"@phosphor-icons/react";function b(e){return Array.isArray(e)&&2===e.length&&"number"==typeof e[0]&&"number"==typeof e[1]}function v({column:v,title:x}){let N=i(),y=b(v.getFilterValue())?v.getFilterValue():void 0,F=v.columnDef.meta?.range,$=v.columnDef.meta?.unit,{min:j,max:C,step:V}=l(()=>{let e=0,r=100;if(F&&b(F))[e,r]=F;else{let t=v.getFacetedMinMaxValues();if(t&&Array.isArray(t)&&2===t.length){let[a,i]=t;"number"==typeof a&&"number"==typeof i&&(e=a,r=i)}}let t=r-e;return{min:e,max:r,step:t<=20?1:t<=100?Math.ceil(t/20):Math.ceil(t/50)}},[v,F]),M=l(()=>y??[j,C],[y,j,C]),A=a(e=>e.toLocaleString(void 0,{maximumFractionDigits:0}),[]),S=a(e=>{let r=Number(e.target.value);!Number.isNaN(r)&&r>=j&&r<=M[1]&&v.setFilterValue([r,M[1]])},[v,j,M]),D=a(e=>{let r=Number(e.target.value);!Number.isNaN(r)&&r<=C&&r>=M[0]&&v.setFilterValue([M[0],r])},[v,C,M]),w=a(e=>{Array.isArray(e)&&2===e.length&&v.setFilterValue(e)},[v]),L=a(e=>{e.target instanceof HTMLDivElement&&e.stopPropagation(),v.setFilterValue(void 0)},[v]);return t(s,{children:[r(u,{asChild:!0,children:t(n,{variant:"outline",size:"sm",children:[y?r("div",{role:"button","aria-label":`Clear ${x} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500",onClick:L,children:r(g,{})}):r(f,{}),r("span",{children:x}),y?t(e,{children:[r(d,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),A(y[0])," -"," ",A(y[1]),$?` ${$}`:""]}):null]})}),t(c,{align:"start",className:"flex w-auto flex-col gap-4",children:[t("div",{className:"flex flex-col gap-3",children:[r("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:x}),t("div",{className:"flex items-center gap-4",children:[r(m,{htmlFor:`${N}-from`,className:"sr-only",children:"From"}),t("div",{className:"relative",children:[r(o,{id:`${N}-from`,type:"number","aria-valuemin":j,"aria-valuemax":C,inputMode:"numeric",pattern:"[0-9]*",placeholder:j.toString(),min:j,max:C,value:M[0]?.toString(),onChange:S,className:h("h-10 w-24",$&&"pr-8")}),$&&r("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:$})]}),r(m,{htmlFor:`${N}-to`,className:"sr-only",children:"to"}),t("div",{className:"relative",children:[r(o,{id:`${N}-to`,type:"number","aria-valuemin":j,"aria-valuemax":C,inputMode:"numeric",pattern:"[0-9]*",placeholder:C.toString(),min:j,max:C,value:M[1]?.toString(),onChange:D,className:h("h-10 w-24",$&&"pr-8")}),$&&r("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:$})]})]}),t(m,{htmlFor:`${N}-slider`,className:"sr-only",children:[x," slider"]}),r(p,{id:`${N}-slider`,min:j,max:C,step:V,value:M,onValueChange:w})]}),r(n,{"aria-label":`Clear ${x} filter`,variant:"outline",size:"sm",onClick:L,children:"Limpar"})]})]})}export{v as DataTableSliderFilter};

package/dist/esm/components/data-table/data-table-sort-list.js

@@ -1,3 +1,2 @@
 'use client'
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{ArrowsDownUpIcon as n,CaretUpDownIcon as a,DotsSixVerticalIcon as r,TrashIcon as t}from"@phosphor-icons/react";import{useCallback as l,useEffect as o,useId as s,useMemo as d,useRef as c,useState as m}from"react";import{Badge as h}from"../badge.js";import{Button as p}from"../button.js";import{Command as u,CommandEmpty as g,CommandGroup as f,CommandInput as v,CommandItem as x,CommandList as b}from"../command.js";import{Popover as w,PopoverContent as N,PopoverTrigger as y}from"../popover.js";import{Select as C,SelectContent as k,SelectItem as z,SelectTrigger as L,SelectValue as j}from"../select.js";import{Sortable as S,SortableContent as D,SortableItem as T,SortableItemHandle as E,SortableOverlay as I}from"../sortable.js";import{dataTableConfig as K}from"../../lib/data-table-config.js";import{cn as M}from"../../lib/utils.js";let O=["backspace","delete"];function A({table:a,...r}){let t=s(),u=s(),g=s(),[f,v]=m(!1),x=c(null),b=a.getState().sorting,C=a.setSorting,{columnLabels:k,columns:z}=d(()=>{let e=new Map,i=new Set(b.map(e=>e.id)),n=[];for(let r of a.getAllColumns()){if(!r.getCanSort())continue;let a=r.columnDef.meta?.label??r.id;e.set(r.id,a),i.has(r.id)||n.push({id:r.id,label:a})}return{columnLabels:e,columns:n}},[b,a]),L=l(()=>{let e=z[0];e&&C(i=>[...i,{id:e.id,desc:!1}])},[z,C]),j=l((e,i)=>{C(n=>n?n.map(n=>n.id===e?{...n,...i}:n):n)},[C]),T=l(e=>{C(i=>i.filter(i=>i.id!==e))},[C]),E=l(()=>C(a.initialState.sorting),[C,a.initialState.sorting]);o(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("s"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),v(!0)),"s"===e.key.toLowerCase()&&e.shiftKey&&b.length>0&&(e.preventDefault(),E()))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[b.length,E]);let K=l(e=>{O.includes(e.key.toLowerCase())&&b.length>0&&(e.preventDefault(),E())},[b.length,E]);return i(S,{value:b,onValueChange:C,getItemValue:e=>e.id,children:[i(w,{open:f,onOpenChange:v,children:[e(y,{asChild:!0,children:i(p,{variant:"outline",size:"sm",onKeyDown:K,children:[e(n,{}),"Ordenar",b.length>0&&e(h,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:b.length})]})}),i(N,{"aria-labelledby":u,"aria-describedby":g,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...r,children:[i("div",{className:"flex flex-col gap-1",children:[e("h4",{id:u,className:"font-medium leading-none",children:b.length>0?"Ordenar por":"Nenhuma ordena\xe7\xe3o aplicada"}),e("p",{id:g,className:M("text-gray-500 text-sm",b.length>0&&"sr-only"),children:b.length>0?"Modifique a ordena\xe7\xe3o para organizar suas linhas.":"Adicione uma ordena\xe7\xe3o para organizar suas linhas."})]}),b.length>0&&e(D,{asChild:!0,children:e("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:b.map(i=>e($,{sort:i,sortItemId:`${t}-sort-${i.id}`,columns:z,columnLabels:k,onSortUpdate:j,onSortRemove:T},i.id))})}),i("div",{className:"flex w-full items-center gap-2",children:[e(p,{size:"sm",className:"rounded",ref:x,onClick:L,disabled:0===z.length,children:"Adicionar"}),b.length>0&&e(p,{variant:"outline",size:"sm",className:"rounded",onClick:E,children:"Resetar"})]})]})]}),e(I,{children:i("div",{className:"flex items-center gap-2",children:[e("div",{className:"h-10 w-[180px] rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-24 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function $({sort:n,sortItemId:o,columns:s,columnLabels:d,onSortUpdate:c,onSortRemove:h}){let S=`${o}-field-listbox`,D=`${o}-field-trigger`,I=`${o}-direction-listbox`,[M,A]=m(!1),[$,H]=m(!1),V=l(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(M||$||O.includes(e.key.toLowerCase())&&(e.preventDefault(),h(n.id)))},[n.id,M,$,h]);return e(T,{value:n.id,asChild:!0,children:i("div",{role:"listitem",id:o,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:V,children:[i(w,{open:M,onOpenChange:A,children:[e(y,{asChild:!0,children:i(p,{id:D,role:"combobox","aria-controls":S,variant:"outline",size:"sm",className:"w-44 justify-between rounded font-normal",children:[e("span",{className:"truncate",children:d.get(n.id)}),e(a,{className:"opacity-50"})]})}),e(N,{id:S,className:"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",children:i(u,{children:[e(v,{placeholder:"Buscar campo..."}),i(b,{children:[e(g,{children:"Nenhum campo encontrado."}),e(f,{children:s.map(i=>e(x,{value:i.id,onSelect:e=>c(n.id,{id:e}),children:e("span",{className:"truncate",children:i.label})},i.id))})]})]})})]}),i(C,{open:$,onOpenChange:H,value:n.desc?"desc":"asc",onValueChange:e=>c(n.id,{desc:"desc"===e}),children:[e(L,{"aria-controls":I,className:"h-10 w-24 rounded [&[data-size]]:h-10",children:e(j,{})}),e(k,{id:I,className:"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]",children:K.sortOrders.map(i=>e(z,{value:i.value,children:i.label},i.value))})]}),e(p,{"aria-controls":o,variant:"outline",size:"icon",className:"size-10 shrink-0 rounded",onClick:()=>h(n.id),children:e(t,{weight:"bold"})}),e(E,{asChild:!0,children:e(p,{variant:"outline",size:"icon",className:"size-10 shrink-0 rounded",children:e(r,{weight:"bold"})})})]})})}export{A as DataTableSortList};
-//# sourceMappingURL=data-table-sort-list.js.map
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{ArrowsDownUpIcon as n,CaretUpDownIcon as a,DotsSixVerticalIcon as r,TrashIcon as t}from"@phosphor-icons/react";import{useCallback as l,useEffect as o,useId as s,useMemo as d,useRef as c,useState as m}from"react";import{Badge as h}from"../badge.js";import{Button as p}from"../button.js";import{Command as u,CommandEmpty as g,CommandGroup as f,CommandInput as v,CommandItem as x,CommandList as b}from"../command.js";import{Popover as w,PopoverContent as N,PopoverTrigger as y}from"../popover.js";import{Select as C,SelectContent as k,SelectItem as z,SelectTrigger as L,SelectValue as j}from"../select.js";import{Sortable as S,SortableContent as D,SortableItem as T,SortableItemHandle as E,SortableOverlay as I}from"../sortable.js";import{dataTableConfig as K}from"../../lib/data-table-config.js";import{cn as M}from"../../lib/utils.js";let O=["backspace","delete"];function A({table:a,...r}){let t=s(),u=s(),g=s(),[f,v]=m(!1),x=c(null),b=a.getState().sorting,C=a.setSorting,{columnLabels:k,columns:z}=d(()=>{let e=new Map,i=new Set(b.map(e=>e.id)),n=[];for(let r of a.getAllColumns()){if(!r.getCanSort())continue;let a=r.columnDef.meta?.label??r.id;e.set(r.id,a),i.has(r.id)||n.push({id:r.id,label:a})}return{columnLabels:e,columns:n}},[b,a]),L=l(()=>{let e=z[0];e&&C(i=>[...i,{id:e.id,desc:!1}])},[z,C]),j=l((e,i)=>{C(n=>n?n.map(n=>n.id===e?{...n,...i}:n):n)},[C]),T=l(e=>{C(i=>i.filter(i=>i.id!==e))},[C]),E=l(()=>C(a.initialState.sorting),[C,a.initialState.sorting]);o(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("s"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),v(!0)),"s"===e.key.toLowerCase()&&e.shiftKey&&b.length>0&&(e.preventDefault(),E()))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[b.length,E]);let K=l(e=>{O.includes(e.key.toLowerCase())&&b.length>0&&(e.preventDefault(),E())},[b.length,E]);return i(S,{value:b,onValueChange:C,getItemValue:e=>e.id,children:[i(w,{open:f,onOpenChange:v,children:[e(y,{asChild:!0,children:i(p,{variant:"outline",size:"sm",onKeyDown:K,children:[e(n,{}),"Ordenar",b.length>0&&e(h,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:b.length})]})}),i(N,{"aria-labelledby":u,"aria-describedby":g,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...r,children:[i("div",{className:"flex flex-col gap-1",children:[e("h4",{id:u,className:"font-medium leading-none",children:b.length>0?"Ordenar por":"Nenhuma ordena\xe7\xe3o aplicada"}),e("p",{id:g,className:M("text-gray-500 text-sm",b.length>0&&"sr-only"),children:b.length>0?"Modifique a ordena\xe7\xe3o para organizar suas linhas.":"Adicione uma ordena\xe7\xe3o para organizar suas linhas."})]}),b.length>0&&e(D,{asChild:!0,children:e("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:b.map(i=>e($,{sort:i,sortItemId:`${t}-sort-${i.id}`,columns:z,columnLabels:k,onSortUpdate:j,onSortRemove:T},i.id))})}),i("div",{className:"flex w-full items-center gap-2",children:[e(p,{size:"sm",className:"rounded",ref:x,onClick:L,disabled:0===z.length,children:"Adicionar"}),b.length>0&&e(p,{variant:"outline",size:"sm",className:"rounded",onClick:E,children:"Resetar"})]})]})]}),e(I,{children:i("div",{className:"flex items-center gap-2",children:[e("div",{className:"h-10 w-[180px] rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-24 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function $({sort:n,sortItemId:o,columns:s,columnLabels:d,onSortUpdate:c,onSortRemove:h}){let S=`${o}-field-listbox`,D=`${o}-field-trigger`,I=`${o}-direction-listbox`,[M,A]=m(!1),[$,H]=m(!1),V=l(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(M||$||O.includes(e.key.toLowerCase())&&(e.preventDefault(),h(n.id)))},[n.id,M,$,h]);return e(T,{value:n.id,asChild:!0,children:i("div",{role:"listitem",id:o,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:V,children:[i(w,{open:M,onOpenChange:A,children:[e(y,{asChild:!0,children:i(p,{id:D,role:"combobox","aria-controls":S,variant:"outline",size:"sm",className:"w-44 justify-between rounded font-normal",children:[e("span",{className:"truncate",children:d.get(n.id)}),e(a,{className:"opacity-50"})]})}),e(N,{id:S,className:"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",children:i(u,{children:[e(v,{placeholder:"Buscar campo..."}),i(b,{children:[e(g,{children:"Nenhum campo encontrado."}),e(f,{children:s.map(i=>e(x,{value:i.id,onSelect:e=>c(n.id,{id:e}),children:e("span",{className:"truncate",children:i.label})},i.id))})]})]})})]}),i(C,{open:$,onOpenChange:H,value:n.desc?"desc":"asc",onValueChange:e=>c(n.id,{desc:"desc"===e}),children:[e(L,{"aria-controls":I,className:"h-10 w-24 rounded [&[data-size]]:h-10",children:e(j,{})}),e(k,{id:I,className:"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]",children:K.sortOrders.map(i=>e(z,{value:i.value,children:i.label},i.value))})]}),e(p,{"aria-controls":o,variant:"outline",size:"icon",className:"size-10 shrink-0 rounded",onClick:()=>h(n.id),children:e(t,{weight:"bold"})}),e(E,{asChild:!0,children:e(p,{variant:"outline",size:"icon",className:"size-10 shrink-0 rounded",children:e(r,{weight:"bold"})})})]})})}export{A as DataTableSortList};

package/dist/esm/components/data-table/data-table-toolbar.js

@@ -1,3 +1,2 @@
 'use client'
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{XIcon as l}from"@phosphor-icons/react";import{useCallback as a,useMemo as r}from"react";import{Button as i}from"../button.js";import{DataTableDateFilter as n}from"./data-table-date-filter.js";import{DataTableFacetedFilter as o}from"./data-table-faceted-filter.js";import{DataTableSliderFilter as s}from"./data-table-slider-filter.js";import{DataTableViewOptions as m}from"./data-table-view-options.js";import{Input as u}from"../input.js";import{cn as c}from"../../lib/utils.js";function p({table:n,children:o,className:s,...u}){let p=n.getState().columnFilters.length>0,f=r(()=>n.getAllColumns().filter(e=>e.getCanFilter()),[n]),b=a(()=>{n.resetColumnFilters()},[n]);return t("div",{role:"toolbar","aria-orientation":"horizontal",className:c("flex w-full items-start justify-between gap-2",s),...u,children:[t("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[f.map(t=>e(d,{column:t},t.id)),p&&t(i,{"aria-label":"Reset filters",variant:"outline",size:"sm",onClick:b,children:[e(l,{}),"Limpar"]})]}),t("div",{className:"flex items-center gap-2",children:[o,e(m,{table:n})]})]})}function d({column:l}){{let r=l.columnDef.meta;return a(()=>{if(!r?.variant)return null;switch(r.variant){case"text":return e(u,{placeholder:r.placeholder??r.label,value:l.getFilterValue()??"",onChange:e=>l.setFilterValue(e.target.value),className:"h-9 w-40 lg:w-56",classNames:{input:"text-sm"}});case"number":return t("div",{className:"relative",children:[e(u,{type:"number",inputMode:"numeric",placeholder:r.placeholder??r.label,value:l.getFilterValue()??"",onChange:e=>l.setFilterValue(e.target.value),className:c("h-10 w-[120px]",r.unit&&"pr-8"),classNames:{input:"text-sm"}}),r.unit&&e("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:r.unit})]});case"range":return e(s,{column:l,title:r.label??l.id});case"date":case"dateRange":return e(n,{column:l,title:r.label??l.id,multiple:"dateRange"===r.variant});case"select":case"multiSelect":return e(o,{column:l,title:r.label??l.id,options:r.options??[],multiple:"multiSelect"===r.variant});default:return null}},[l,r])()}}export{p as DataTableToolbar};
-//# sourceMappingURL=data-table-toolbar.js.map
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{XIcon as l}from"@phosphor-icons/react";import{useCallback as a,useMemo as r}from"react";import{Button as i}from"../button.js";import{DataTableDateFilter as n}from"./data-table-date-filter.js";import{DataTableFacetedFilter as o}from"./data-table-faceted-filter.js";import{DataTableSliderFilter as s}from"./data-table-slider-filter.js";import{DataTableViewOptions as m}from"./data-table-view-options.js";import{Input as u}from"../input.js";import{cn as c}from"../../lib/utils.js";function p({table:n,children:o,className:s,...u}){let p=n.getState().columnFilters.length>0,f=r(()=>n.getAllColumns().filter(e=>e.getCanFilter()),[n]),b=a(()=>{n.resetColumnFilters()},[n]);return t("div",{role:"toolbar","aria-orientation":"horizontal",className:c("flex w-full items-start justify-between gap-2",s),...u,children:[t("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[f.map(t=>e(d,{column:t},t.id)),p&&t(i,{"aria-label":"Reset filters",variant:"outline",size:"sm",onClick:b,children:[e(l,{}),"Limpar"]})]}),t("div",{className:"flex items-center gap-2",children:[o,e(m,{table:n})]})]})}function d({column:l}){{let r=l.columnDef.meta;return a(()=>{if(!r?.variant)return null;switch(r.variant){case"text":return e(u,{placeholder:r.placeholder??r.label,value:l.getFilterValue()??"",onChange:e=>l.setFilterValue(e.target.value),className:"h-9 w-40 lg:w-56",classNames:{input:"text-sm"}});case"number":return t("div",{className:"relative",children:[e(u,{type:"number",inputMode:"numeric",placeholder:r.placeholder??r.label,value:l.getFilterValue()??"",onChange:e=>l.setFilterValue(e.target.value),className:c("h-10 w-[120px]",r.unit&&"pr-8"),classNames:{input:"text-sm"}}),r.unit&&e("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:r.unit})]});case"range":return e(s,{column:l,title:r.label??l.id});case"date":case"dateRange":return e(n,{column:l,title:r.label??l.id,multiple:"dateRange"===r.variant});case"select":case"multiSelect":return e(o,{column:l,title:r.label??l.id,options:r.options??[],multiple:"multiSelect"===r.variant});default:return null}},[l,r])()}}export{p as DataTableToolbar};

package/dist/esm/components/data-table/data-table-view-options.js

@@ -1,3 +1,2 @@
 'use client'
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{CaretUpDownIcon as i,CheckIcon as o,SlidersHorizontalIcon as a}from"@phosphor-icons/react";import{Button as r}from"../button.js";import{Command as t,CommandEmpty as n,CommandGroup as c,CommandInput as s,CommandItem as m,CommandList as d}from"../command.js";import{Popover as p,PopoverContent as h,PopoverTrigger as u}from"../popover.js";import{cn as f}from"../../lib/utils.js";import{useMemo as g}from"react";function b({table:b}){let N=g(()=>b.getAllColumns().filter(e=>void 0!==e.accessorFn&&e.getCanHide()),[b]);return N.length<=0?null:l(p,{children:[e(u,{asChild:!0,children:l(r,{"aria-label":"Toggle columns",role:"combobox",variant:"outline",size:"sm",className:"ml-auto hidden lg:flex",children:[e(a,{}),"Ver",e(i,{className:"ml-auto opacity-50"})]})}),e(h,{align:"end",className:"w-44 p-0",children:l(t,{children:[e(s,{placeholder:"Buscar colunas..."}),l(d,{children:[e(n,{children:"Nenhuma coluna encontrada."}),e(c,{children:N.map(i=>l(m,{onSelect:()=>i.toggleVisibility(!i.getIsVisible()),children:[e("span",{className:"truncate",children:i.columnDef.meta?.label??i.id}),e(o,{className:f("ml-auto size-4 shrink-0",i.getIsVisible()?"opacity-100":"opacity-0")})]},i.id))})]})]})})]})}export{b as DataTableViewOptions};
-//# sourceMappingURL=data-table-view-options.js.map
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{CaretUpDownIcon as i,CheckIcon as o,SlidersHorizontalIcon as a}from"@phosphor-icons/react";import{Button as r}from"../button.js";import{Command as t,CommandEmpty as n,CommandGroup as c,CommandInput as s,CommandItem as m,CommandList as d}from"../command.js";import{Popover as p,PopoverContent as h,PopoverTrigger as u}from"../popover.js";import{cn as f}from"../../lib/utils.js";import{useMemo as g}from"react";function b({table:b}){let N=g(()=>b.getAllColumns().filter(e=>void 0!==e.accessorFn&&e.getCanHide()),[b]);return N.length<=0?null:l(p,{children:[e(u,{asChild:!0,children:l(r,{"aria-label":"Toggle columns",role:"combobox",variant:"outline",size:"sm",className:"ml-auto hidden lg:flex",children:[e(a,{}),"Ver",e(i,{className:"ml-auto opacity-50"})]})}),e(h,{align:"end",className:"w-44 p-0",children:l(t,{children:[e(s,{placeholder:"Buscar colunas..."}),l(d,{children:[e(n,{children:"Nenhuma coluna encontrada."}),e(c,{children:N.map(i=>l(m,{onSelect:()=>i.toggleVisibility(!i.getIsVisible()),children:[e("span",{className:"truncate",children:i.columnDef.meta?.label??i.id}),e(o,{className:f("ml-auto size-4 shrink-0",i.getIsVisible()?"opacity-100":"opacity-0")})]},i.id))})]})]})})]})}export{b as DataTableViewOptions};

package/dist/esm/components/data-table/data-table.js

@@ -1,2 +1 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{flexRender as a}from"@tanstack/react-table";import{DataTablePagination as t}from"./data-table-pagination.js";import{Table as r,TableBody as o,TableCell as c,TableHead as i,TableHeader as n,TableRow as s}from"../table.js";import{getCommonPinningStyles as d}from"../../lib/data-table.js";import{cn as m}from"../../lib/utils.js";import{ContextMenu as h,ContextMenuContent as p,ContextMenuItem as u,ContextMenuTrigger as b}from"../context-menu.js";function g({table:g,actionBar:f,onRowClick:w,contextMenuOptions:x,children:N,className:C,classNames:j,hasPagination:S=!0,...k}){return l("div",{className:m("flex w-full flex-col gap-2.5 overflow-auto",C),...k,children:[N,l(r,{classNames:{wrapper:j?.table?.wrapper},children:[e(n,{className:j?.table?.header,children:g.getHeaderGroups().map(l=>e(s,{className:j?.table?.row,children:l.headers.map(l=>e(i,{colSpan:l.colSpan,style:{...d({column:l.column})},className:j?.table?.head,children:l.isPlaceholder?null:a(l.column.columnDef.header,l.getContext())},l.id))},l.id))}),e(o,{children:g.getRowModel().rows?.length?g.getRowModel().rows.map(t=>l(h,{children:[e(b,{asChild:!0,children:e(s,{"data-state":t.getIsSelected()&&"selected",onClick:()=>w?.(t.original),className:m(j?.table?.row,w&&t.getIsSelected()&&"border-primary"),children:t.getVisibleCells().map(l=>e(c,{style:{...d({column:l.column})},className:j?.table?.cell,children:a(l.column.columnDef.cell,l.getContext())},l.id))},t.id)}),x&&e(p,{children:x(t.original).map(l=>e(u,{onClick:l.onClick,children:l.label},l.label))})]},t.id)):e(s,{children:e(c,{colSpan:g.getAllColumns().length,className:"h-24 text-center",children:"Nenhum resultado"})})})]}),l("div",{className:"flex flex-col gap-2.5",children:[S&&e(t,{table:g}),f&&g.getFilteredSelectedRowModel().rows.length>0&&f]})]})}export{g as DataTable};
-//# sourceMappingURL=data-table.js.map
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{flexRender as a}from"@tanstack/react-table";import{DataTablePagination as t}from"./data-table-pagination.js";import{Table as r,TableBody as o,TableCell as c,TableHead as i,TableHeader as n,TableRow as s}from"../table.js";import{getCommonPinningStyles as d}from"../../lib/data-table.js";import{cn as m}from"../../lib/utils.js";import{ContextMenu as h,ContextMenuContent as p,ContextMenuItem as u,ContextMenuTrigger as b}from"../context-menu.js";function g({table:g,actionBar:f,onRowClick:w,contextMenuOptions:x,children:N,className:C,classNames:j,hasPagination:S=!0,...k}){return l("div",{className:m("flex w-full flex-col gap-2.5 overflow-auto",C),...k,children:[N,l(r,{classNames:{wrapper:j?.table?.wrapper},children:[e(n,{className:j?.table?.header,children:g.getHeaderGroups().map(l=>e(s,{className:j?.table?.row,children:l.headers.map(l=>e(i,{colSpan:l.colSpan,style:{...d({column:l.column})},className:j?.table?.head,children:l.isPlaceholder?null:a(l.column.columnDef.header,l.getContext())},l.id))},l.id))}),e(o,{children:g.getRowModel().rows?.length?g.getRowModel().rows.map(t=>l(h,{children:[e(b,{asChild:!0,children:e(s,{"data-state":t.getIsSelected()&&"selected",onClick:()=>w?.(t.original),className:m(j?.table?.row,w&&t.getIsSelected()&&"border-primary"),children:t.getVisibleCells().map(l=>e(c,{style:{...d({column:l.column})},className:j?.table?.cell,children:a(l.column.columnDef.cell,l.getContext())},l.id))},t.id)}),x&&e(p,{children:x(t.original).map(l=>e(u,{onClick:l.onClick,children:l.label},l.label))})]},t.id)):e(s,{children:e(c,{colSpan:g.getAllColumns().length,className:"h-24 text-center",children:"Nenhum resultado"})})})]}),l("div",{className:"flex flex-col gap-2.5",children:[S&&e(t,{table:g}),f&&g.getFilteredSelectedRowModel().rows.length>0&&f]})]})}export{g as DataTable};

package/dist/esm/components/data-table/index.d.ts

@@ -1,3 +1,4 @@
+export * from './data-table';
 export * from './data-table-action-bar';
 export * from './data-table-advanced-toolbar';
 export * from './data-table-column-header';
@@ -12,5 +13,4 @@ export * from './data-table-slider-filter';
 export * from './data-table-sort-list';
 export * from './data-table-toolbar';
 export * from './data-table-view-options';
-export * from './data-table';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/data-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA"}

package/dist/esm/components/data-table/index.js

@@ -1,2 +1 @@
-import*as t from"./data-table-date-filter.js";import*as a from"./data-table-faceted-filter.js";import*as e from"./data-table-pagination.js";import*as o from"./data-table-range-filter.js";import*as r from"./data-table-slider-filter.js";import*as n from"./data-table-view-options.js";export*from"./data-table-action-bar.js";export*from"./data-table-advanced-toolbar.js";export*from"./data-table-column-header.js";export*from"./data-table-filter-list.js";export*from"./data-table-filter-menu.js";export*from"./data-table-skeleton.js";export*from"./data-table-sort-list.js";export*from"./data-table-toolbar.js";export*from"./data-table.js";var d={"@/components/data-table/data-table-date-filter":function(a){a.exports=t},"@/components/data-table/data-table-faceted-filter":function(t){t.exports=a},"@/components/data-table/data-table-pagination":function(t){t.exports=e},"@/components/data-table/data-table-range-filter":function(t){t.exports=o},"@/components/data-table/data-table-slider-filter":function(t){t.exports=r},"@/components/data-table/data-table-view-options":function(t){t.exports=n}},l={};function i(t){var a=l[t];if(void 0!==a)return a.exports;var e=l[t]={exports:{}};return d[t](e,e.exports,i),e.exports}i.d=(t,a)=>{for(var e in a)i.o(a,e)&&!i.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:a[e]})},i.o=(t,a)=>Object.prototype.hasOwnProperty.call(t,a),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var f={};i.r(f);var b=i("@/components/data-table/data-table-date-filter"),s={};for(var p in b)"default"!==p&&(s[p]=(function(t){return b[t]}).bind(0,p));i.d(f,s);var m=i("@/components/data-table/data-table-faceted-filter"),s={};for(var p in m)"default"!==p&&(s[p]=(function(t){return m[t]}).bind(0,p));i.d(f,s);var c=i("@/components/data-table/data-table-pagination"),s={};for(var p in c)"default"!==p&&(s[p]=(function(t){return c[t]}).bind(0,p));i.d(f,s);var u=i("@/components/data-table/data-table-range-filter"),s={};for(var p in u)"default"!==p&&(s[p]=(function(t){return u[t]}).bind(0,p));i.d(f,s);var v=i("@/components/data-table/data-table-slider-filter"),s={};for(var p in v)"default"!==p&&(s[p]=(function(t){return v[t]}).bind(0,p));i.d(f,s);var j=i("@/components/data-table/data-table-view-options"),s={};for(var p in j)"default"!==p&&(s[p]=(function(t){return j[t]}).bind(0,p));i.d(f,s);
-//# sourceMappingURL=index.js.map
+import*as t from"./data-table-date-filter.js";import*as a from"./data-table-faceted-filter.js";import*as e from"./data-table-pagination.js";import*as r from"./data-table-slider-filter.js";export*from"./data-table.js";export*from"./data-table-action-bar.js";export*from"./data-table-advanced-toolbar.js";export*from"./data-table-column-header.js";export*from"./data-table-filter-list.js";export*from"./data-table-filter-menu.js";export*from"./data-table-range-filter.js";export*from"./data-table-skeleton.js";export*from"./data-table-sort-list.js";export*from"./data-table-toolbar.js";export*from"./data-table-view-options.js";var o={"@/components/data-table/data-table-date-filter":function(a){a.exports=t},"@/components/data-table/data-table-faceted-filter":function(t){t.exports=a},"@/components/data-table/data-table-pagination":function(t){t.exports=e},"@/components/data-table/data-table-slider-filter":function(t){t.exports=r}},n={};function l(t){var a=n[t];if(void 0!==a)return a.exports;var e=n[t]={exports:{}};return o[t](e,e.exports,l),e.exports}l.d=(t,a)=>{for(var e in a)l.o(a,e)&&!l.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:a[e]})},l.o=(t,a)=>Object.prototype.hasOwnProperty.call(t,a),l.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var d={};l.r(d);var i=l("@/components/data-table/data-table-date-filter"),f={};for(var b in i)"default"!==b&&(f[b]=(function(t){return i[t]}).bind(0,b));l.d(d,f);var s=l("@/components/data-table/data-table-faceted-filter"),f={};for(var b in s)"default"!==b&&(f[b]=(function(t){return s[t]}).bind(0,b));l.d(d,f);var p=l("@/components/data-table/data-table-pagination"),f={};for(var b in p)"default"!==b&&(f[b]=(function(t){return p[t]}).bind(0,b));l.d(d,f);var m=l("@/components/data-table/data-table-slider-filter"),f={};for(var b in m)"default"!==b&&(f[b]=(function(t){return m[t]}).bind(0,b));l.d(d,f);

package/dist/esm/components/date-picker-with-range.js

@@ -1,3 +1,2 @@
 'use client'
-import{Fragment as e,jsx as r,jsxs as o}from"react/jsx-runtime";import{CalendarBlankIcon as t}from"@phosphor-icons/react";import{format as i}from"date-fns";import{useState as d}from"react";import{cn as m}from"../lib/utils.js";import{Button as n}from"./button.js";import{Calendar as a}from"./calendar.js";import{Popover as l,PopoverContent as s,PopoverTrigger as f}from"./popover.js";function c({startDate:c,endDate:u,onChange:h,placeholder:p,className:y,disabled:g=!1}){let[b,x]=d({from:c,to:u});return o(l,{children:[r(f,{asChild:!0,children:r(n,{id:"date",variant:"outline",className:m("h-10 min-w-60 justify-between overflow-hidden rounded-md px-4 text-left font-normal hover:bg-background dark:hover:bg-input/50",!(b?.from||b?.to)&&"text-muted-foreground",y),disabled:g,children:o("div",{className:"flex flex-grow items-center",children:[r(t,{weight:"regular",className:"mr-2 size-4 text-foreground"}),b?.from?b.to?o(e,{children:[i(b.from,"dd/MM/yyyy")," -"," ",i(b.to,"dd/MM/yyyy")]}):i(b.from,"dd/MM/yyyy"):p||"Selecione um per\xedodo"]})})}),r(s,{className:"w-auto p-0",align:"start",children:r(a,{autoFocus:!0,mode:"range",defaultMonth:b?.from,selected:b,onSelect:e=>{x(e),h?.(e)},numberOfMonths:2,disabled:g})})]})}export{c as DatePickerWithRange};
-//# sourceMappingURL=date-picker-with-range.js.map
+import{Fragment as e,jsx as r,jsxs as o}from"react/jsx-runtime";import{CalendarBlankIcon as t}from"@phosphor-icons/react";import{format as i}from"date-fns";import{useState as d}from"react";import{cn as m}from"../lib/utils.js";import{Button as n}from"./button.js";import{Calendar as a}from"./calendar.js";import{Popover as l,PopoverContent as s,PopoverTrigger as f}from"./popover.js";function c({startDate:c,endDate:u,onChange:h,placeholder:p,className:y,disabled:g=!1}){let[b,x]=d({from:c,to:u});return o(l,{children:[r(f,{asChild:!0,children:r(n,{id:"date",variant:"outline",className:m("h-10 min-w-60 justify-between overflow-hidden rounded-md px-4 text-left font-normal hover:bg-background dark:hover:bg-input/50",!(b?.from||b?.to)&&"text-muted-foreground",y),disabled:g,children:o("div",{className:"flex flex-grow items-center",children:[r(t,{weight:"regular",className:"mr-2 size-4 text-foreground"}),b?.from?b.to?o(e,{children:[i(b.from,"dd/MM/yyyy")," -"," ",i(b.to,"dd/MM/yyyy")]}):i(b.from,"dd/MM/yyyy"):p||"Selecione um per\xedodo"]})})}),r(s,{className:"w-auto p-0",align:"start",children:r(a,{autoFocus:!0,mode:"range",defaultMonth:b?.from,selected:b,onSelect:e=>{x(e),h?.(e)},numberOfMonths:2,disabled:g})})]})}export{c as DatePickerWithRange};

package/dist/esm/components/date-picker.js

@@ -1,3 +1,2 @@
 'use client'
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{CalendarBlankIcon as r}from"@phosphor-icons/react";import{format as o}from"date-fns";import{useState as i}from"react";import{cn as a}from"../lib/utils.js";import{Button as n}from"./button.js";import{Calendar as m}from"./calendar.js";import{Popover as d,PopoverContent as s,PopoverTrigger as l}from"./popover.js";function c({date:c,defaultValue:f,placeholder:p,className:u,disabled:h=!1,onChange:x,...b}){let[g,j]=i(c);return t(d,{children:[e(l,{asChild:!0,children:t(n,{id:"date",variant:"outline",size:"default",className:a("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-background",!g&&"text-muted-foreground",u),disabled:h,children:[g?o(g,"dd/MM/yyyy"):e("span",{children:p||"Selecione a data"}),e(r,{className:"ml-4 size-4 text-foreground"})]})}),e(s,{className:"w-auto p-0",align:"start",children:e(m,{...b,mode:"single",selected:g??f,onSelect:e=>{j(e),x?.(e)}})})]})}export{c as DatePicker};
-//# sourceMappingURL=date-picker.js.map
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{CalendarBlankIcon as r}from"@phosphor-icons/react";import{format as o}from"date-fns";import{useState as i}from"react";import{cn as a}from"../lib/utils.js";import{Button as n}from"./button.js";import{Calendar as m}from"./calendar.js";import{Popover as d,PopoverContent as s,PopoverTrigger as l}from"./popover.js";function c({date:c,defaultValue:f,placeholder:p,className:u,disabled:h=!1,onChange:x,...b}){let[g,j]=i(c);return t(d,{children:[e(l,{asChild:!0,children:t(n,{id:"date",variant:"outline",size:"default",className:a("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-background",!g&&"text-muted-foreground",u),disabled:h,children:[g?o(g,"dd/MM/yyyy"):e("span",{children:p||"Selecione a data"}),e(r,{className:"ml-4 size-4 text-foreground"})]})}),e(s,{className:"w-auto p-0",align:"start",children:e(m,{...b,mode:"single",selected:g??f,onSelect:e=>{j(e),x?.(e)}})})]})}export{c as DatePicker};

package/dist/esm/components/date-time-picker-with-range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker-with-range.d.ts","sourceRoot":"","sources":["../../../src/components/date-time-picker-with-range.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAQ5C,UAAU,4BAA4B;IACpC,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;CACjD;AAMD,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAgB,GACjB,EAAE,4BAA4B,2CAmF9B;AAMD,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"date-time-picker-with-range.d.ts","sourceRoot":"","sources":["../../../src/components/date-time-picker-with-range.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAQ5C,UAAU,4BAA4B;IACpC,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;CACjD;AAMD,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAgB,GACjB,EAAE,4BAA4B,2CA+E9B;AAMD,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/esm/components/date-time-picker-with-range.js

@@ -1,3 +1,2 @@
 'use client'
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{CalendarBlank as r,X as t}from"@phosphor-icons/react/dist/ssr";import{format as m}from"date-fns";import{useState as i}from"react";import{cn as a}from"../lib/utils.js";import{Button as l}from"./button.js";import{Calendar as n}from"./calendar.js";import{Popover as f,PopoverContent as s,PopoverTrigger as d}from"./popover.js";import{TimePicker as c}from"./time-picker.js";function p({startDate:p,endDate:h,onChange:y,placeholder:u,className:x,disabled:j=!1}){let[v,b]=i({from:p,to:h}),g=e=>{if(!e){b(void 0),y?.(void 0);return}b({from:e.from??v?.from,to:e.to}),y?.({from:e.from??v?.from,to:e.to})};return o(f,{children:[e(d,{asChild:!0,children:o(l,{id:"date",variant:"outline",className:a("h-12 min-w-96 justify-between px-4 text-left font-normal",!v?.from&&!v?.to&&"text-gray-400",x),disabled:j,children:[v?.from?v.to?`${m(v.from,"dd/MM/yyyy HH:mm")} - ${m(v.to,"dd/MM/yyyy HH:mm")}`:m(v.from,"dd/MM/yyyy HH:mm"):e("span",{children:u||"Selecione o per\xedodo"}),e(r,{size:20,className:"ml-2 text-gray-600"})]})}),o(s,{className:"w-auto p-0",children:[e(n,{mode:"range",selected:v,onSelect:g,numberOfMonths:2}),e("div",{className:"flex flex-col border-stroke border-t p-3",children:o("div",{className:"flex justify-between gap-4",children:[e(c,{onTimeChange:e=>g({...v,from:e}),date:v?.from}),e(c,{onTimeChange:e=>g({...v,to:e}),date:v?.to})]})}),e("div",{className:"flex flex-1 justify-center",children:o(l,{variant:"outline",className:"flex h-12 flex-1",onClick:()=>g(void 0),children:[e(t,{size:12})," Clear"]})})]})]})}export{p as DateTimePickerWithRange};
-//# sourceMappingURL=date-time-picker-with-range.js.map
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{CalendarBlankIcon as r,XIcon as t}from"@phosphor-icons/react";import{format as m}from"date-fns";import{useState as i}from"react";import{cn as a}from"../lib/utils.js";import{Button as n}from"./button.js";import{Calendar as l}from"./calendar.js";import{Popover as f,PopoverContent as d,PopoverTrigger as s}from"./popover.js";import{TimePicker as c}from"./time-picker/index.js";function p({startDate:p,endDate:h,onChange:y,placeholder:x,className:u,disabled:j=!1}){let[v,b]=i({from:p,to:h}),g=e=>{if(!e){b(void 0),y?.(void 0);return}b({from:e.from??v?.from,to:e.to}),y?.({from:e.from??v?.from,to:e.to})};return o(f,{children:[e(s,{asChild:!0,children:o(n,{id:"date",variant:"outline",className:a("h-12 min-w-96 justify-between px-4 text-left font-normal",!v?.from&&!v?.to&&"text-gray-400",u),disabled:j,children:[v?.from?v.to?`${m(v.from,"dd/MM/yyyy HH:mm")} - ${m(v.to,"dd/MM/yyyy HH:mm")}`:m(v.from,"dd/MM/yyyy HH:mm"):e("span",{children:x||"Selecione o per\xedodo"}),e(r,{size:20,className:"ml-2 text-gray-600"})]})}),o(d,{className:"w-auto p-0",children:[e(l,{mode:"range",selected:v,onSelect:g,numberOfMonths:2}),e("div",{className:"flex flex-col border-stroke border-t p-3",children:o("div",{className:"flex justify-between gap-4",children:[e(c,{onChange:e=>g({...v,from:e}),date:v?.from}),e(c,{onChange:e=>g({...v,to:e}),date:v?.to})]})}),e("div",{className:"flex flex-1 justify-center",children:o(n,{variant:"outline",className:"flex h-12 flex-1",onClick:()=>g(void 0),children:[e(t,{size:12})," Clear"]})})]})]})}export{p as DateTimePickerWithRange};

package/dist/esm/components/datetime-picker/datetime-picker.d.ts

@@ -1,87 +1,80 @@
-import type * as React from 'react';
-import { type DayPicker } from 'react-day-picker';
-import { VariantProps } from 'tailwind-variants';
-import { buttonVariants } from '../button';
-export type CalendarProps = Omit<React.ComponentProps<typeof DayPicker>, 'mode'>;
-interface TimeOption {
-    value: number;
-    label: string;
-    disabled: boolean;
-}
-export type DateTimePickerProps = {
+import { Granularity } from '../../lib/date-picker';
+import { CalendarProps } from '../calendar';
+type DateTimePickerProps = {
+    value?: Date | null;
+    onChange?: (date: Date | undefined) => void;
+    onMonthChange?: (date: Date | undefined) => void;
+    disabled?: boolean;
+    /** showing `AM/PM` or not. */
+    hourCycle?: 12 | 24;
+    placeholder?: string;
     /**
-     * The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
-     * If you want to use the datetime picker inside a dialog, you should set this to true.
-     * @default false
-     */
-    modal?: boolean;
+     * The year range will be: `This year + yearRange` and `this year - yearRange`.
+     * Default is 50.
+     * For example:
+     * This year is 2024, The year dropdown will be 1974 to 2024 which is generated by `2024 - 50 = 1974` and `2024 + 50 = 2074`.
+     * */
+    yearRange?: number;
     /**
-     * The datetime value to display and control.
-     */
-    value: Date | null | undefined;
+     * The format is derived from the `date-fns` documentation.
+     * @reference https://date-fns.org/v3.6.0/docs/format
+     **/
+    displayFormat?: {
+        hour24?: string;
+        hour12?: string;
+    };
     /**
-     * Callback function to handle datetime changes.
-     */
-    onChange?: (date: Date | null) => void;
+     * The granularity prop allows you to control the smallest unit that is displayed by DateTimePicker.
+     * By default, the value is `second` which shows all time inputs.
+     **/
+    granularity?: Granularity;
+    className?: string;
     /**
-     * The placeholder text to display when no value is selected.
-     * @default 'Selecione uma data'
-     */
-    placeholder?: string;
-    /**
-     * The minimum datetime value allowed.
-     * @default null
-     */
+     * Show the default month and time when popup the calendar. Default is the current Date().
+     **/
+    defaultPopupValue?: Date;
     min?: Date;
-    /**
-     * The maximum datetime value allowed.
-     */
     max?: Date;
-    /**
-     * The timezone to display the datetime in, based on the date-fns.
-     * For a complete list of valid time zone identifiers, refer to:
-     * https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
-     * @default undefined
-     */
-    timezone?: string;
-    /**
-     * Whether the datetime picker is disabled.
-     * @default false
-     */
+} & Pick<CalendarProps, 'locale' | 'weekStartsOn' | 'showWeekNumber' | 'showOutsideDays'>;
+type DateTimePickerRef = {
+    value?: Date | null;
+} & Omit<HTMLButtonElement, 'value'>;
+declare const DateTimePicker: import("react").ForwardRefExoticComponent<{
+    value?: Date | null;
+    onChange?: (date: Date | undefined) => void;
+    onMonthChange?: (date: Date | undefined) => void;
     disabled?: boolean;
+    /** showing `AM/PM` or not. */
+    hourCycle?: 12 | 24;
+    placeholder?: string;
     /**
-     * Whether to show the time picker.
-     * @default false
-     */
-    hideTime?: boolean;
+     * The year range will be: `This year + yearRange` and `this year - yearRange`.
+     * Default is 50.
+     * For example:
+     * This year is 2024, The year dropdown will be 1974 to 2024 which is generated by `2024 - 50 = 1974` and `2024 + 50 = 2074`.
+     * */
+    yearRange?: number;
     /**
-     * Whether to use 12-hour format.
-     * @default false
-     */
-    use12HourFormat?: boolean;
+     * The format is derived from the `date-fns` documentation.
+     * @reference https://date-fns.org/v3.6.0/docs/format
+     **/
+    displayFormat?: {
+        hour24?: string;
+        hour12?: string;
+    };
     /**
-     * Whether to show the clear button.
-     * @default false
-     */
-    clearable?: boolean;
+     * The granularity prop allows you to control the smallest unit that is displayed by DateTimePicker.
+     * By default, the value is `second` which shows all time inputs.
+     **/
+    granularity?: Granularity;
+    className?: string;
     /**
-     * Custom class names for the component.
-     */
-    classNames?: {
-        /**
-         * Custom class names for the trigger (the button that opens the picker).
-         */
-        trigger?: string;
-    };
-    timePicker?: {
-        hour?: boolean;
-        minute?: boolean;
-        second?: boolean;
-    };
-    size?: VariantProps<typeof buttonVariants>['size'];
-    variant?: VariantProps<typeof buttonVariants>['variant'];
-    hasCalendarIcon?: boolean;
-};
-export declare function DateTimePicker({ value, onChange, placeholder, min, max, timezone, hideTime, use12HourFormat, disabled, clearable, classNames, timePicker, modal, variant, size, hasCalendarIcon, ...props }: DateTimePickerProps & CalendarProps): import("react/jsx-runtime").JSX.Element;
-export type { TimeOption };
+     * Show the default month and time when popup the calendar. Default is the current Date().
+     **/
+    defaultPopupValue?: Date;
+    min?: Date;
+    max?: Date;
+} & Pick<CalendarProps, "locale" | "showOutsideDays" | "showWeekNumber" | "weekStartsOn"> & import("react").RefAttributes<Partial<DateTimePickerRef>>>;
+export { DateTimePicker };
+export type { DateTimePickerProps, DateTimePickerRef, Granularity };
 //# sourceMappingURL=datetime-picker.d.ts.map