@sigtes/ui 0.0.5 → 0.0.6

package/dist/src/components/label/Label.es.js

@@ -0,0 +1,24 @@
+"use client";
+import { j as o } from "../../../_virtual/jsx-runtime.es.js";
+import "react";
+import * as a from "@radix-ui/react-label";
+import { cn as r } from "../../utils/utils.es.js";
+function l({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(
+    a.Root,
+    {
+      "data-slot": "label",
+      className: r(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  l as Label
+};

package/dist/src/components/select/Select.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.cjs.js");require("react");const d=require("@radix-ui/react-select"),l=require("lucide-react"),a=require("../../utils/utils.cjs.js");function u(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const r=u(d);function x({...e}){return t.jsxRuntimeExports.jsx(r.Root,{"data-slot":"select",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(r.Group,{"data-slot":"select-group",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(r.Value,{"data-slot":"select-value",...e})}function f({className:e,size:s="default",children:n,...o}){return t.jsxRuntimeExports.jsxs(r.Trigger,{"data-slot":"select-trigger","data-size":s,className:a.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...o,children:[n,t.jsxRuntimeExports.jsx(r.Icon,{asChild:!0,children:t.jsxRuntimeExports.jsx(l.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function g({className:e,children:s,position:n="popper",...o}){return t.jsxRuntimeExports.jsx(r.Portal,{children:t.jsxRuntimeExports.jsxs(r.Content,{"data-slot":"select-content",className:a.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",n==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:n,...o,children:[t.jsxRuntimeExports.jsx(i,{}),t.jsxRuntimeExports.jsx(r.Viewport,{className:a.cn("p-1",n==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:s}),t.jsxRuntimeExports.jsx(c,{})]})})}function j({className:e,...s}){return t.jsxRuntimeExports.jsx(r.Label,{"data-slot":"select-label",className:a.cn("text-muted-foreground px-2 py-1.5 text-xs",e),...s})}function v({className:e,children:s,...n}){return t.jsxRuntimeExports.jsxs(r.Item,{"data-slot":"select-item",className:a.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...n,children:[t.jsxRuntimeExports.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(r.ItemIndicator,{children:t.jsxRuntimeExports.jsx(l.CheckIcon,{className:"size-4"})})}),t.jsxRuntimeExports.jsx(r.ItemText,{children:s})]})}function b({className:e,...s}){return t.jsxRuntimeExports.jsx(r.Separator,{"data-slot":"select-separator",className:a.cn("bg-border pointer-events-none -mx-1 my-1 h-px",e),...s})}function i({className:e,...s}){return t.jsxRuntimeExports.jsx(r.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:a.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.ChevronUpIcon,{className:"size-4"})})}function c({className:e,...s}){return t.jsxRuntimeExports.jsx(r.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:a.cn("flex cursor-default items-center justify-center py-1",e),...s,children:t.jsxRuntimeExports.jsx(l.ChevronDownIcon,{className:"size-4"})})}exports.Select=x;exports.SelectContent=g;exports.SelectGroup=p;exports.SelectItem=v;exports.SelectLabel=j;exports.SelectScrollDownButton=c;exports.SelectScrollUpButton=i;exports.SelectSeparator=b;exports.SelectTrigger=f;exports.SelectValue=m;

package/dist/src/components/select/Select.es.js

@@ -0,0 +1,171 @@
+"use client";
+import { j as e } from "../../../_virtual/jsx-runtime.es.js";
+import "react";
+import * as a from "@radix-ui/react-select";
+import { CheckIcon as i, ChevronDownIcon as l, ChevronUpIcon as d } from "lucide-react";
+import { cn as r } from "../../utils/utils.es.js";
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(a.Root, { "data-slot": "select", ...t });
+}
+function v({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(a.Group, { "data-slot": "select-group", ...t });
+}
+function h({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(a.Value, { "data-slot": "select-value", ...t });
+}
+function b({
+  className: t,
+  size: s = "default",
+  children: o,
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    a.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": s,
+      className: r(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...n,
+      children: [
+        o,
+        /* @__PURE__ */ e.jsx(a.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(l, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function j({
+  className: t,
+  children: s,
+  position: o = "popper",
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsx(a.Portal, { children: /* @__PURE__ */ e.jsxs(
+    a.Content,
+    {
+      "data-slot": "select-content",
+      className: r(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        t
+      ),
+      position: o,
+      ...n,
+      children: [
+        /* @__PURE__ */ e.jsx(c, {}),
+        /* @__PURE__ */ e.jsx(
+          a.Viewport,
+          {
+            className: r(
+              "p-1",
+              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: s
+          }
+        ),
+        /* @__PURE__ */ e.jsx(u, {})
+      ]
+    }
+  ) });
+}
+function w({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Label,
+    {
+      "data-slot": "select-label",
+      className: r("text-muted-foreground px-2 py-1.5 text-xs", t),
+      ...s
+    }
+  );
+}
+function y({
+  className: t,
+  children: s,
+  ...o
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    a.Item,
+    {
+      "data-slot": "select-item",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        t
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(a.ItemIndicator, { children: /* @__PURE__ */ e.jsx(i, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e.jsx(a.ItemText, { children: s })
+      ]
+    }
+  );
+}
+function S({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Separator,
+    {
+      "data-slot": "select-separator",
+      className: r("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+      ...s
+    }
+  );
+}
+function c({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: r(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ e.jsx(d, { className: "size-4" })
+    }
+  );
+}
+function u({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: r(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ e.jsx(l, { className: "size-4" })
+    }
+  );
+}
+export {
+  g as Select,
+  j as SelectContent,
+  v as SelectGroup,
+  y as SelectItem,
+  w as SelectLabel,
+  u as SelectScrollDownButton,
+  c as SelectScrollUpButton,
+  S as SelectSeparator,
+  b as SelectTrigger,
+  h as SelectValue
+};

package/dist/src/components/table/DargableRow.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../_virtual/jsx-runtime.cjs.js"),l=require("@dnd-kit/sortable"),q=require("@tanstack/react-table"),t=require("./Table.cjs.js");require("react");require("@dnd-kit/core");require("@radix-ui/react-dropdown-menu");require("lucide-react");require("tailwind-merge");require("../button/Button.cjs.js");require("@tabler/icons-react");require("@radix-ui/react-select");require("@dnd-kit/modifiers");require("@radix-ui/react-label");const c=require("@dnd-kit/utilities");require("../../../dist/src/components/button/Button.es.cjs.js");require("../../../dist/_virtual/jsx-runtime.es.cjs.js");require("../../../dist/dist/src/components/button/Button.es.es.cjs.js");require("../../../dist/dist/_virtual/jsx-runtime.es.es.cjs.js");require("../../../dist/dist/dist/src/components/button/Button.es.es.es.cjs.js");require("../../../dist/dist/dist/_virtual/jsx-runtime.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/src/components/button/Button.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/dist/src/components/button/Button.es.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.es.cjs.js");function g({row:e,onRowClick:u=()=>{}}){const{transform:s,transition:n,setNodeRef:a,isDragging:o}=l.useSortable({id:e.original.id});return i.jsxRuntimeExports.jsx(t.TableRow,{"data-state":e.getIsSelected()&&"selected","data-dragging":o,ref:a,style:{transform:c.CSS.Transform.toString(s),transition:n,cursor:"grab"},onClick:()=>{u(e.original)},children:e.getVisibleCells().map(r=>i.jsxRuntimeExports.jsx(t.TableCell,{className:"cursor-pointer",children:q.flexRender(r.column.columnDef.cell,r.getContext())},r.id))})}exports.DraggableRow=g;

package/dist/src/components/table/DargableRow.es.js

@@ -0,0 +1,54 @@
+import { j as o } from "../../../_virtual/jsx-runtime.es.js";
+import { useSortable as n } from "@dnd-kit/sortable";
+import { flexRender as s } from "@tanstack/react-table";
+import { TableRow as l, TableCell as g } from "./Table.es.js";
+import "react";
+import "@dnd-kit/core";
+import "@radix-ui/react-dropdown-menu";
+import "lucide-react";
+import "tailwind-merge";
+import "../button/Button.es.js";
+import "@tabler/icons-react";
+import "@radix-ui/react-select";
+import "@dnd-kit/modifiers";
+import "@radix-ui/react-label";
+import { CSS as f } from "@dnd-kit/utilities";
+import "../../../dist/src/components/button/Button.es.es.js";
+import "../../../dist/_virtual/jsx-runtime.es.es.js";
+import "../../../dist/dist/src/components/button/Button.es.es.es.js";
+import "../../../dist/dist/_virtual/jsx-runtime.es.es.es.js";
+import "../../../dist/dist/dist/src/components/button/Button.es.es.es.es.js";
+import "../../../dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.js";
+import "../../../dist/dist/dist/dist/src/components/button/Button.es.es.es.es.es.js";
+import "../../../dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.es.js";
+import "../../../dist/dist/dist/dist/dist/src/components/button/Button.es.es.es.es.es.es.js";
+import "../../../dist/dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.es.es.js";
+function H({
+  row: r,
+  onRowClick: i = () => {
+  }
+}) {
+  const { transform: m, transition: e, setNodeRef: p, isDragging: a } = n({
+    id: r.original.id
+  });
+  return /* @__PURE__ */ o.jsx(
+    l,
+    {
+      "data-state": r.getIsSelected() && "selected",
+      "data-dragging": a,
+      ref: p,
+      style: {
+        transform: f.Transform.toString(m),
+        transition: e,
+        cursor: "grab"
+      },
+      onClick: () => {
+        i(r.original);
+      },
+      children: r.getVisibleCells().map((t) => /* @__PURE__ */ o.jsx(g, { className: "cursor-pointer", children: s(t.column.columnDef.cell, t.getContext()) }, t.id))
+    }
+  );
+}
+export {
+  H as DraggableRow
+};

package/dist/src/components/table/DataTable.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),l=require("@tanstack/react-table"),a=require("./Table.cjs.js"),h=require("@dnd-kit/sortable"),o=require("@dnd-kit/core"),r=require("../dropdown-menu/Dropdown-Menu.cjs.js"),x=require("../button/Button.cjs.js"),S=require("lucide-react"),g=require("../select/Select.cjs.js"),Q=require("../input/Input.cjs.js"),u=require("@tabler/icons-react"),W=require("@dnd-kit/modifiers"),X=require("../label/Label.cjs.js"),Z=require("./DargableRow.cjs.js");require("../../../dist/src/components/button/Button.es.cjs.js");require("../../../dist/_virtual/jsx-runtime.es.cjs.js");require("tailwind-merge");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-select");require("@radix-ui/react-label");require("@dnd-kit/utilities");require("../../../dist/dist/src/components/button/Button.es.es.cjs.js");require("../../../dist/dist/_virtual/jsx-runtime.es.es.cjs.js");require("../../../dist/dist/dist/src/components/button/Button.es.es.es.cjs.js");require("../../../dist/dist/dist/_virtual/jsx-runtime.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/src/components/button/Button.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/dist/src/components/button/Button.es.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.es.cjs.js");function ee({data:b,columns:R,getRowId:v,onRowOrderChange:f,onRowClick:N=()=>{},tableKey:E,Actions:D,defaultColumnFilter:I}){const q=`tablePageSize_${E}`,y=`tableColumnVisibility_${E}`,[M,F]=i.useState(()=>{if(typeof window>"u")return{};const t=localStorage.getItem(y);return t?JSON.parse(t):{}}),[p,P]=i.useState(()=>b),[T,V]=i.useState({}),[z,C]=i.useState([]),[B,k]=i.useState([]),[A,G]=i.useState({pageIndex:0,pageSize:Number(typeof window<"u"&&localStorage.getItem(q))||10});function L({columns:t}){let n=!1;for(const m of t)if(m.id==="drag"){n=!0;break}const c={id:"drag"};return n?[...t]:[c,...t]}function H(t){const{active:n,over:c}=t;n&&c&&n.id!==c.id&&P(m=>{const U=m.findIndex(j=>j.id===n.id),J=m.findIndex(j=>j.id===c.id),w=h.arrayMove(m,U,J);return f&&f(w),w})}const _=i.useId(),$=o.useSensors(o.useSensor(o.MouseSensor,{}),o.useSensor(o.TouchSensor,{}),o.useSensor(o.KeyboardSensor,{})),K=i.useMemo(()=>p?.map(({id:t})=>t)||[],[p]),s=l.useReactTable({data:p,columns:L({columns:R}),state:{sorting:B,columnVisibility:M,rowSelection:T,columnFilters:z,pagination:A},getRowId:v,enableRowSelection:!0,onRowSelectionChange:V,onSortingChange:k,onColumnFiltersChange:C,onColumnVisibilityChange:F,onPaginationChange:G,getCoreRowModel:l.getCoreRowModel(),getFilteredRowModel:l.getFilteredRowModel(),getPaginationRowModel:l.getPaginationRowModel(),getSortedRowModel:l.getSortedRowModel(),getFacetedRowModel:l.getFacetedRowModel(),getFacetedUniqueValues:l.getFacetedUniqueValues()});function Y(){const t=s.getAllColumns()[1].columnDef;return String(t.id)?String(t.id):String(t.header)}const[d,O]=i.useState(I??Y());return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between px-4 lg:px-6 mb-5 gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative w-full h-[32px]",children:[e.jsxRuntimeExports.jsx(S.Search,{className:"absolute left-3 top-1/2 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsxRuntimeExports.jsx(Q.Input,{type:"text",placeholder:"",className:"pl-10 h-[32px]",value:s.getColumn(d)?.getFilterValue()??"",onChange:t=>{s.getColumn(d)?.setFilterValue(t.target.value)}})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsxs(r.DropdownMenu,{children:[e.jsxRuntimeExports.jsx(r.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(x.Button,{variant:"outline",size:"sm",children:[e.jsxRuntimeExports.jsx(S.FilterIcon,{}),e.jsxRuntimeExports.jsx("span",{className:"sm:hidden lg:inline",children:d||"Filtro"}),e.jsxRuntimeExports.jsx("span",{className:"lg:hidden",children:d||"Filtro"}),e.jsxRuntimeExports.jsx(u.IconChevronDown,{})]})}),e.jsxRuntimeExports.jsx(r.DropdownMenuContent,{align:"end",className:"w-56",children:e.jsxRuntimeExports.jsx(r.DropdownMenuRadioGroup,{value:d,onValueChange:t=>{C([]),O(t)},children:s.getAllColumns().filter(t=>typeof t.accessorFn<"u"&&t.getCanHide()).map(t=>{const n=t.columnDef.id?String(t.columnDef.id):String(t.columnDef.header);return e.jsxRuntimeExports.jsx(r.DropdownMenuRadioItem,{value:n,children:n},n)})})})]}),e.jsxRuntimeExports.jsxs(r.DropdownMenu,{children:[e.jsxRuntimeExports.jsx(r.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(x.Button,{variant:"outline",size:"sm",children:[e.jsxRuntimeExports.jsx(u.IconLayoutColumns,{}),e.jsxRuntimeExports.jsx("span",{className:"hidden lg:inline",children:"Colunas"}),e.jsxRuntimeExports.jsx("span",{className:"lg:hidden",children:"Colunas"}),e.jsxRuntimeExports.jsx(u.IconChevronDown,{})]})}),e.jsxRuntimeExports.jsx(r.DropdownMenuContent,{align:"end",className:"w-56",children:s.getAllColumns().filter(t=>typeof t.accessorFn<"u"&&t.getCanHide()).map(t=>e.jsxRuntimeExports.jsx(r.DropdownMenuCheckboxItem,{className:"capitalize",checked:t.getIsVisible(),onCheckedChange:n=>{t.toggleVisibility(!!n)},children:t.columnDef.id?String(t.columnDef.id):String(t.columnDef.header)},t.id))})]}),D]})]}),e.jsxRuntimeExports.jsxs("div",{className:"relative flex flex-col gap-4 overflow-auto px-4 lg:px-6",children:[e.jsxRuntimeExports.jsx("div",{className:"overflow-hidden rounded-lg border",children:e.jsxRuntimeExports.jsx(o.DndContext,{collisionDetection:o.closestCenter,modifiers:[W.restrictToVerticalAxis],onDragEnd:H,sensors:$,id:_,children:e.jsxRuntimeExports.jsxs(a.Table,{children:[e.jsxRuntimeExports.jsx(a.TableHeader,{className:"sticky top-0 z-10",children:s.getHeaderGroups().map(t=>e.jsxRuntimeExports.jsx(a.TableRow,{children:t.headers.map(n=>e.jsxRuntimeExports.jsx(a.TableHead,{colSpan:n.colSpan,children:n.isPlaceholder?null:l.flexRender(n.column.columnDef.header,n.getContext())},n.id))},t.id))}),e.jsxRuntimeExports.jsx(h.SortableContext,{items:K,strategy:h.verticalListSortingStrategy,children:e.jsxRuntimeExports.jsx(a.TableBody,{className:"**:data-[slot=table-cell]:first:w-8",children:s.getRowModel().rows?.length?s.getRowModel().rows.map(t=>e.jsxRuntimeExports.jsx(Z.DraggableRow,{row:t,onRowClick:N},t.id)):e.jsxRuntimeExports.jsx(a.TableRow,{children:e.jsxRuntimeExports.jsx(a.TableCell,{colSpan:R.length,className:"h-24 text-center",children:"Nenhum Resultado."})})})})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between px-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"text-muted-foreground hidden flex-1 text-sm lg:flex",children:[s.getFilteredSelectedRowModel().rows.length," de"," ",s.getFilteredRowModel().rows.length," linhas selecionadas."]}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center gap-8 lg:w-fit",children:[e.jsxRuntimeExports.jsxs("div",{className:"hidden items-center gap-2 lg:flex",children:[e.jsxRuntimeExports.jsx(X.Label,{htmlFor:"rows-per-page",className:"text-sm font-medium",children:"linhas por paginas"}),e.jsxRuntimeExports.jsxs(g.Select,{value:`${s.getState().pagination.pageSize}`,onValueChange:t=>{s.setPageSize(Number(t))},children:[e.jsxRuntimeExports.jsx(g.SelectTrigger,{size:"sm",className:"w-20",id:"rows-per-page",children:e.jsxRuntimeExports.jsx(g.SelectValue,{placeholder:s.getState().pagination.pageSize})}),e.jsxRuntimeExports.jsx(g.SelectContent,{side:"top",children:[10,20,30,40,50].map(t=>e.jsxRuntimeExports.jsx(g.SelectItem,{value:`${t}`,children:t},t))})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-fit items-center justify-center text-sm font-medium",children:["Página ",s.getState().pagination.pageIndex+1," de"," ",s.getPageCount()]}),e.jsxRuntimeExports.jsxs("div",{className:"ml-auto flex items-center gap-2 lg:ml-0",children:[e.jsxRuntimeExports.jsxs(x.Button,{variant:"outline",className:"hidden h-8 w-8 p-0 lg:flex",onClick:()=>s.setPageIndex(0),disabled:!s.getCanPreviousPage(),children:[e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Go to first page"}),e.jsxRuntimeExports.jsx(u.IconChevronsLeft,{})]}),e.jsxRuntimeExports.jsxs(x.Button,{variant:"outline",className:"size-8",size:"icon",onClick:()=>s.previousPage(),disabled:!s.getCanPreviousPage(),children:[e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Go to previous page"}),e.jsxRuntimeExports.jsx(u.IconChevronLeft,{})]}),e.jsxRuntimeExports.jsxs(x.Button,{variant:"outline",className:"size-8",size:"icon",onClick:()=>s.nextPage(),disabled:!s.getCanNextPage(),children:[e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Go to next page"}),e.jsxRuntimeExports.jsx(u.IconChevronRight,{})]}),e.jsxRuntimeExports.jsxs(x.Button,{variant:"outline",className:"hidden size-8 lg:flex",size:"icon",onClick:()=>s.setPageIndex(s.getPageCount()-1),disabled:!s.getCanNextPage(),children:[e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Go to last page"}),e.jsxRuntimeExports.jsx(u.IconChevronsRight,{})]})]})]})]})]})]})}exports.DataTable=ee;

package/dist/src/components/table/DataTable.es.js

@@ -0,0 +1,321 @@
+"use client";
+import { j as e } from "../../../_virtual/jsx-runtime.es.js";
+import { useState as i, useId as J, useMemo as O } from "react";
+import { useReactTable as Q, getFacetedUniqueValues as W, getFacetedRowModel as X, getSortedRowModel as Z, getPaginationRowModel as ee, getFilteredRowModel as te, getCoreRowModel as ne, flexRender as se } from "@tanstack/react-table";
+import { Table as ie, TableHeader as oe, TableRow as f, TableHead as le, TableBody as ae, TableCell as re } from "./Table.es.js";
+import { SortableContext as de, verticalListSortingStrategy as ce, arrayMove as me } from "@dnd-kit/sortable";
+import { useSensors as ge, useSensor as m, MouseSensor as ue, TouchSensor as xe, KeyboardSensor as pe, DndContext as he, closestCenter as fe } from "@dnd-kit/core";
+import { DropdownMenu as j, DropdownMenuTrigger as C, DropdownMenuContent as w, DropdownMenuRadioGroup as je, DropdownMenuRadioItem as Ce, DropdownMenuCheckboxItem as we } from "../dropdown-menu/Dropdown-Menu.es.js";
+import { Button as o } from "../button/Button.es.js";
+import { Search as Se, FilterIcon as ve } from "lucide-react";
+import { Select as Ne, SelectTrigger as be, SelectValue as Ie, SelectContent as ye, SelectItem as Re } from "../select/Select.es.js";
+import { Input as De } from "../input/Input.es.js";
+import { IconChevronDown as S, IconLayoutColumns as Fe, IconChevronsLeft as Me, IconChevronLeft as Pe, IconChevronRight as Te, IconChevronsRight as Ve } from "@tabler/icons-react";
+import { restrictToVerticalAxis as ze } from "@dnd-kit/modifiers";
+import { Label as ke } from "../label/Label.es.js";
+import { DraggableRow as Ae } from "./DargableRow.es.js";
+import "../../../dist/src/components/button/Button.es.es.js";
+import "../../../dist/_virtual/jsx-runtime.es.es.js";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-select";
+import "@radix-ui/react-label";
+import "@dnd-kit/utilities";
+import "../../../dist/dist/src/components/button/Button.es.es.es.js";
+import "../../../dist/dist/_virtual/jsx-runtime.es.es.es.js";
+import "../../../dist/dist/dist/src/components/button/Button.es.es.es.es.js";
+import "../../../dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.js";
+import "../../../dist/dist/dist/dist/src/components/button/Button.es.es.es.es.es.js";
+import "../../../dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.es.js";
+import "../../../dist/dist/dist/dist/dist/src/components/button/Button.es.es.es.es.es.es.js";
+import "../../../dist/dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.es.es.js";
+function ut({
+  data: v,
+  columns: g,
+  getRowId: N,
+  onRowOrderChange: u,
+  onRowClick: b = () => {
+  },
+  tableKey: x,
+  Actions: I,
+  defaultColumnFilter: y
+}) {
+  const R = `tablePageSize_${x}`, D = `tableColumnVisibility_${x}`, [F, M] = i(
+    () => {
+      if (typeof window > "u")
+        return {};
+      const t = localStorage.getItem(D);
+      return t ? JSON.parse(t) : {};
+    }
+  ), [d, P] = i(() => v), [T, V] = i({}), [z, p] = i([]), [k, A] = i([]), [G, L] = i({
+    pageIndex: 0,
+    pageSize: Number(
+      typeof window < "u" && localStorage.getItem(R)
+    ) || 10
+  });
+  function E({
+    columns: t
+  }) {
+    let s = !1;
+    for (const r of t)
+      if (r.id === "drag") {
+        s = !0;
+        break;
+      }
+    const a = {
+      id: "drag"
+    };
+    return s ? [...t] : [a, ...t];
+  }
+  function H(t) {
+    const { active: s, over: a } = t;
+    s && a && s.id !== a.id && P((r) => {
+      const q = r.findIndex((c) => c.id === s.id), U = r.findIndex((c) => c.id === a.id), h = me(r, q, U);
+      return u && u(h), h;
+    });
+  }
+  const B = J(), _ = ge(
+    m(ue, {}),
+    m(xe, {}),
+    m(pe, {})
+  ), $ = O(
+    () => d?.map(({ id: t }) => t) || [],
+    [d]
+  ), n = Q({
+    data: d,
+    columns: E({ columns: g }),
+    state: {
+      sorting: k,
+      columnVisibility: F,
+      rowSelection: T,
+      columnFilters: z,
+      pagination: G
+    },
+    getRowId: N,
+    enableRowSelection: !0,
+    onRowSelectionChange: V,
+    onSortingChange: A,
+    onColumnFiltersChange: p,
+    onColumnVisibilityChange: M,
+    onPaginationChange: L,
+    getCoreRowModel: ne(),
+    getFilteredRowModel: te(),
+    getPaginationRowModel: ee(),
+    getSortedRowModel: Z(),
+    getFacetedRowModel: X(),
+    getFacetedUniqueValues: W()
+  });
+  function K() {
+    const t = n.getAllColumns()[1].columnDef;
+    return String(t.id) ? String(t.id) : String(t.header);
+  }
+  const [l, Y] = i(
+    y ?? K()
+  );
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-4 lg:px-6 mb-5 gap-2", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full h-[32px]", children: [
+        /* @__PURE__ */ e.jsx(Se, { className: "absolute left-3 top-1/2 w-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(
+          De,
+          {
+            type: "text",
+            placeholder: "",
+            className: "pl-10 h-[32px]",
+            value: n.getColumn(l)?.getFilterValue() ?? "",
+            onChange: (t) => {
+              n.getColumn(l)?.setFilterValue(t.target.value);
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(C, { asChild: !0, children: /* @__PURE__ */ e.jsxs(o, { variant: "outline", size: "sm", children: [
+            /* @__PURE__ */ e.jsx(ve, {}),
+            /* @__PURE__ */ e.jsx("span", { className: "sm:hidden lg:inline", children: l || "Filtro" }),
+            /* @__PURE__ */ e.jsx("span", { className: "lg:hidden", children: l || "Filtro" }),
+            /* @__PURE__ */ e.jsx(S, {})
+          ] }) }),
+          /* @__PURE__ */ e.jsx(w, { align: "end", className: "w-56", children: /* @__PURE__ */ e.jsx(
+            je,
+            {
+              value: l,
+              onValueChange: (t) => {
+                p([]), Y(t);
+              },
+              children: n.getAllColumns().filter(
+                (t) => typeof t.accessorFn < "u" && t.getCanHide()
+              ).map((t) => {
+                const s = t.columnDef.id ? String(t.columnDef.id) : String(t.columnDef.header);
+                return /* @__PURE__ */ e.jsx(Ce, { value: s, children: s }, s);
+              })
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e.jsxs(j, { children: [
+          /* @__PURE__ */ e.jsx(C, { asChild: !0, children: /* @__PURE__ */ e.jsxs(o, { variant: "outline", size: "sm", children: [
+            /* @__PURE__ */ e.jsx(Fe, {}),
+            /* @__PURE__ */ e.jsx("span", { className: "hidden lg:inline", children: "Colunas" }),
+            /* @__PURE__ */ e.jsx("span", { className: "lg:hidden", children: "Colunas" }),
+            /* @__PURE__ */ e.jsx(S, {})
+          ] }) }),
+          /* @__PURE__ */ e.jsx(w, { align: "end", className: "w-56", children: n.getAllColumns().filter(
+            (t) => typeof t.accessorFn < "u" && t.getCanHide()
+          ).map((t) => /* @__PURE__ */ e.jsx(
+            we,
+            {
+              className: "capitalize",
+              checked: t.getIsVisible(),
+              onCheckedChange: (s) => {
+                t.toggleVisibility(!!s);
+              },
+              children: t.columnDef.id ? String(t.columnDef.id) : String(t.columnDef.header)
+            },
+            t.id
+          )) })
+        ] }),
+        I
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "relative flex flex-col gap-4 overflow-auto px-4 lg:px-6", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ e.jsx(
+        he,
+        {
+          collisionDetection: fe,
+          modifiers: [ze],
+          onDragEnd: H,
+          sensors: _,
+          id: B,
+          children: /* @__PURE__ */ e.jsxs(ie, { children: [
+            /* @__PURE__ */ e.jsx(oe, { className: "sticky top-0 z-10", children: n.getHeaderGroups().map((t) => /* @__PURE__ */ e.jsx(f, { children: t.headers.map((s) => /* @__PURE__ */ e.jsx(le, { colSpan: s.colSpan, children: s.isPlaceholder ? null : se(
+              s.column.columnDef.header,
+              s.getContext()
+            ) }, s.id)) }, t.id)) }),
+            /* @__PURE__ */ e.jsx(
+              de,
+              {
+                items: $,
+                strategy: ce,
+                children: /* @__PURE__ */ e.jsx(ae, { className: "**:data-[slot=table-cell]:first:w-8", children: n.getRowModel().rows?.length ? n.getRowModel().rows.map((t) => /* @__PURE__ */ e.jsx(
+                  Ae,
+                  {
+                    row: t,
+                    onRowClick: b
+                  },
+                  t.id
+                )) : /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsx(
+                  re,
+                  {
+                    colSpan: g.length,
+                    className: "h-24 text-center",
+                    children: "Nenhum Resultado."
+                  }
+                ) }) })
+              }
+            )
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-4", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "text-muted-foreground hidden flex-1 text-sm lg:flex", children: [
+          n.getFilteredSelectedRowModel().rows.length,
+          " de",
+          " ",
+          n.getFilteredRowModel().rows.length,
+          " linhas selecionadas."
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center gap-8 lg:w-fit", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "hidden items-center gap-2 lg:flex", children: [
+            /* @__PURE__ */ e.jsx(ke, { htmlFor: "rows-per-page", className: "text-sm font-medium", children: "linhas por paginas" }),
+            /* @__PURE__ */ e.jsxs(
+              Ne,
+              {
+                value: `${n.getState().pagination.pageSize}`,
+                onValueChange: (t) => {
+                  n.setPageSize(Number(t));
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(be, { size: "sm", className: "w-20", id: "rows-per-page", children: /* @__PURE__ */ e.jsx(
+                    Ie,
+                    {
+                      placeholder: n.getState().pagination.pageSize
+                    }
+                  ) }),
+                  /* @__PURE__ */ e.jsx(ye, { side: "top", children: [10, 20, 30, 40, 50].map((t) => /* @__PURE__ */ e.jsx(Re, { value: `${t}`, children: t }, t)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex w-fit items-center justify-center text-sm font-medium", children: [
+            "Página ",
+            n.getState().pagination.pageIndex + 1,
+            " de",
+            " ",
+            n.getPageCount()
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "ml-auto flex items-center gap-2 lg:ml-0", children: [
+            /* @__PURE__ */ e.jsxs(
+              o,
+              {
+                variant: "outline",
+                className: "hidden h-8 w-8 p-0 lg:flex",
+                onClick: () => n.setPageIndex(0),
+                disabled: !n.getCanPreviousPage(),
+                children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Go to first page" }),
+                  /* @__PURE__ */ e.jsx(Me, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              o,
+              {
+                variant: "outline",
+                className: "size-8",
+                size: "icon",
+                onClick: () => n.previousPage(),
+                disabled: !n.getCanPreviousPage(),
+                children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Go to previous page" }),
+                  /* @__PURE__ */ e.jsx(Pe, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              o,
+              {
+                variant: "outline",
+                className: "size-8",
+                size: "icon",
+                onClick: () => n.nextPage(),
+                disabled: !n.getCanNextPage(),
+                children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Go to next page" }),
+                  /* @__PURE__ */ e.jsx(Te, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              o,
+              {
+                variant: "outline",
+                className: "hidden size-8 lg:flex",
+                size: "icon",
+                onClick: () => n.setPageIndex(n.getPageCount() - 1),
+                disabled: !n.getCanNextPage(),
+                children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Go to last page" }),
+                  /* @__PURE__ */ e.jsx(Ve, {})
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ut as DataTable
+};

package/dist/src/components/table/DragHandle.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.cjs.js"),u=require("../../../dist/src/components/button/Button.es.cjs.js");require("../../../dist/_virtual/jsx-runtime.es.cjs.js");require("react");require("tailwind-merge");require("@tanstack/react-table");const s=require("@dnd-kit/sortable");require("@dnd-kit/core");require("@radix-ui/react-dropdown-menu");require("lucide-react");const n=require("@tabler/icons-react");require("@radix-ui/react-select");require("@dnd-kit/modifiers");require("@radix-ui/react-label");require("@dnd-kit/utilities");require("../../../dist/dist/src/components/button/Button.es.es.cjs.js");require("../../../dist/dist/_virtual/jsx-runtime.es.es.cjs.js");require("../../../dist/dist/dist/src/components/button/Button.es.es.es.cjs.js");require("../../../dist/dist/dist/_virtual/jsx-runtime.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/src/components/button/Button.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/dist/src/components/button/Button.es.es.es.es.es.cjs.js");require("../../../dist/dist/dist/dist/dist/_virtual/jsx-runtime.es.es.es.es.es.cjs.js");function o({id:r}){const{attributes:i,listeners:t}=s.useSortable({id:r});return e.jsxRuntimeExports.jsxs(u.Button,{...i,...t,variant:"ghost",size:"icon",className:"text-muted-foreground size-7 hover:bg-transparent cursor-pointer",children:[e.jsxRuntimeExports.jsx(n.IconGripVertical,{className:"text-muted-foreground size-3"}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Drag to reorder"})]})}exports.DragHandle=o;