@tulip-systems/core 0.6.1 → 0.7.0

package/dist/modules/data-tables/components/header.mjs

@@ -25,7 +25,7 @@ const TableHeaderRow = TableRow;
 function TableHead({ className, ...props }) {
 	return /* @__PURE__ */ jsx("th", {
 		"data-slot": "table-head",
-		className: cn("text-muted-foreground bg-muted/70 h-10 whitespace-nowrap px-2 text-left align-middle font-medium", className),
+		className: cn("h-10 whitespace-nowrap bg-muted/70 px-2 text-left align-middle font-medium text-muted-foreground", className),
 		...props
 	});
 }

package/dist/modules/data-tables/components/header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/header.tsx"],"sourcesContent":["import { flexRender, type Header, type Table } from \"@tanstack/react-table\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableColumnDef } from \"../lib/types\";\n\n/**\n * TableHeaderProps\n */\nexport type TableHeaderProps<TData> = {\n  table: Table<TData>;\n};\n\n/**\n * DataTableHeader\n */\nexport function TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return <thead data-slot=\"table-header\" className={cn(\"[&_tr]:border-b\", className)} {...props} />;\n}\n\n/**\n * DataTableHeaderRow\n */\nexport const TableHeaderRow = TableRow;\n\n/**\n * TableHead\n */\nexport function TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"text-muted-foreground bg-muted/70 h-10 whitespace-nowrap px-2 text-left align-middle font-medium\", //[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * DataTableHeaderCell\n */\ntype DataTableHeaderCellProps<TData> = {\n  header: Header<TData, unknown>;\n};\n\nexport function TableHeaderCell<TData>({ header }: DataTableHeaderCellProps<TData>) {\n  const columnDef = header.column.columnDef as TableColumnDef<TData>;\n\n  const children = (\n    <TableHead key={header.id}>\n      {header.isPlaceholder\n        ? null\n        : flexRender(header.column.columnDef.header, header.getContext())}\n    </TableHead>\n  );\n\n  if (!columnDef.permissions) return children;\n\n  return (\n    <Allowed key={header.id} permission={columnDef.permissions}>\n      {children}\n    </Allowed>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAwC;AAClF,QAAO,oBAAC;EAAM,aAAU;EAAe,WAAW,GAAG,mBAAmB,UAAU;EAAE,GAAI;GAAS;;;;;AAMnG,MAAa,iBAAiB;;;;AAK9B,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAqC;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,oGACA,UACD;EACD,GAAI;GACJ;;AAWN,SAAgB,gBAAuB,EAAE,UAA2C;CAClF,MAAM,YAAY,OAAO,OAAO;CAEhC,MAAM,WACJ,oBAAC,uBACE,OAAO,gBACJ,OACA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY,CAAC,IAHrD,OAAO,GAIX;AAGd,KAAI,CAAC,UAAU,YAAa,QAAO;AAEnC,QACE,oBAAC;EAAwB,YAAY,UAAU;EAC5C;IADW,OAAO,GAEX"}
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/header.tsx"],"sourcesContent":["import { flexRender, type Header, type Table } from \"@tanstack/react-table\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableColumnDef } from \"../lib/types\";\n\n/**\n * TableHeaderProps\n */\nexport type TableHeaderProps<TData> = {\n  table: Table<TData>;\n};\n\n/**\n * DataTableHeader\n */\nexport function TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return <thead data-slot=\"table-header\" className={cn(\"[&_tr]:border-b\", className)} {...props} />;\n}\n\n/**\n * DataTableHeaderRow\n */\nexport const TableHeaderRow = TableRow;\n\n/**\n * TableHead\n */\nexport function TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-10 whitespace-nowrap bg-muted/70 px-2 text-left align-middle font-medium text-muted-foreground\", //[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * DataTableHeaderCell\n */\ntype DataTableHeaderCellProps<TData> = {\n  header: Header<TData, unknown>;\n};\n\nexport function TableHeaderCell<TData>({ header }: DataTableHeaderCellProps<TData>) {\n  const columnDef = header.column.columnDef as TableColumnDef<TData>;\n\n  const children = (\n    <TableHead key={header.id}>\n      {header.isPlaceholder\n        ? null\n        : flexRender(header.column.columnDef.header, header.getContext())}\n    </TableHead>\n  );\n\n  if (!columnDef.permissions) return children;\n\n  return (\n    <Allowed key={header.id} permission={columnDef.permissions}>\n      {children}\n    </Allowed>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAwC;AAClF,QAAO,oBAAC;EAAM,aAAU;EAAe,WAAW,GAAG,mBAAmB,UAAU;EAAE,GAAI;GAAS;;;;;AAMnG,MAAa,iBAAiB;;;;AAK9B,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAqC;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,oGACA,UACD;EACD,GAAI;GACJ;;AAWN,SAAgB,gBAAuB,EAAE,UAA2C;CAClF,MAAM,YAAY,OAAO,OAAO;CAEhC,MAAM,WACJ,oBAAC,uBACE,OAAO,gBACJ,OACA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY,CAAC,IAHrD,OAAO,GAIX;AAGd,KAAI,CAAC,UAAU,YAAa,QAAO;AAEnC,QACE,oBAAC;EAAwB,YAAY,UAAU;EAC5C;IADW,OAAO,GAEX"}

package/dist/modules/data-tables/components/skeleton.mjs

@@ -8,8 +8,8 @@ function TableSkeleton() {
 	return /* @__PURE__ */ jsx("div", {
 		className: "rounded-md border",
 		children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, {
-			className: "bg-muted relative",
-			children: Array.from({ length: 15 }).map((_, index) => /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Skeleton, { className: "bg-background my-2 h-2 w-full rounded-full" }) }, index))
+			className: "relative bg-muted",
+			children: Array.from({ length: 15 }).map((_, index) => /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Skeleton, { className: "my-2 h-2 w-full rounded-full bg-background" }) }, index))
 		}) }), /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: 15 }).map((_, index) => /* @__PURE__ */ jsx(TableRow, {
 			className: "relative",
 			children: Array.from({ length: 15 }).map((_, index) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "my-2 h-2 w-full rounded-full" }) }, index))

package/dist/modules/data-tables/components/skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/skeleton.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { Table, TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport { TableHead, TableHeader } from \"./header\";\n\nexport function TableSkeleton() {\n  return (\n    <div className=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          <TableRow className=\"bg-muted relative\">\n            {Array.from({ length: 15 }).map((_, index) => (\n              <TableHead key={index}>\n                <Skeleton className=\"bg-background my-2 h-2 w-full rounded-full\" />\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {Array.from({ length: 15 }).map((_, index) => (\n            <TableRow key={index} className=\"relative\">\n              {Array.from({ length: 15 }).map((_, index) => (\n                <TableCell key={index}>\n                  <Skeleton className=\"my-2 h-2 w-full rounded-full\" />\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,gBAAgB;AAC9B,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC,oBACC,oBAAC,yBACC,oBAAC;GAAS,WAAU;aACjB,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,uBACC,oBAAC,YAAS,WAAU,+CAA+C,IADrD,MAEJ,CACZ;IACO,GACC,EACd,oBAAC,uBACE,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC;GAAqB,WAAU;aAC7B,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,uBACC,oBAAC,YAAS,WAAU,iCAAiC,IADvC,MAEJ,CACZ;KALW,MAMJ,CACX,GACQ,IACN;GACJ"}
+{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/skeleton.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { Table, TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport { TableHead, TableHeader } from \"./header\";\n\nexport function TableSkeleton() {\n  return (\n    <div className=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          <TableRow className=\"relative bg-muted\">\n            {Array.from({ length: 15 }).map((_, index) => (\n              <TableHead key={index}>\n                <Skeleton className=\"my-2 h-2 w-full rounded-full bg-background\" />\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {Array.from({ length: 15 }).map((_, index) => (\n            <TableRow key={index} className=\"relative\">\n              {Array.from({ length: 15 }).map((_, index) => (\n                <TableCell key={index}>\n                  <Skeleton className=\"my-2 h-2 w-full rounded-full\" />\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,gBAAgB;AAC9B,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC,oBACC,oBAAC,yBACC,oBAAC;GAAS,WAAU;aACjB,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,uBACC,oBAAC,YAAS,WAAU,+CAA+C,IADrD,MAEJ,CACZ;IACO,GACC,EACd,oBAAC,uBACE,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC;GAAqB,WAAU;aAC7B,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,uBACC,oBAAC,YAAS,WAAU,iCAAiC,IADvC,MAEJ,CACZ;KALW,MAMJ,CACX,GACQ,IACN;GACJ"}

package/dist/modules/data-tables/components/table.mjs

@@ -25,14 +25,14 @@ function TableBody({ className, ...props }) {
 function TableFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("tfoot", {
 		"data-slot": "table-footer",
-		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+		className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
 		...props
 	});
 }
 function TableRow({ className, ...props }) {
 	return /* @__PURE__ */ jsx("tr", {
 		"data-slot": "table-row",
-		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+		className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
 		...props
 	});
 }
@@ -46,7 +46,7 @@ function TableCell({ readonly, className, ...props }) {
 function TableCaption({ className, ...props }) {
 	return /* @__PURE__ */ jsx("caption", {
 		"data-slot": "table-caption",
-		className: cn("text-muted-foreground mt-4 text-sm", className),
+		className: cn("mt-4 text-muted-foreground text-sm", className),
 		...props
 	});
 }

package/dist/modules/data-tables/components/table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({\n  readonly,\n  className,\n  ...props\n}: React.ComponentProps<\"td\"> & { readonly?: boolean }) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"whitespace-nowrap p-2 align-middle\", //[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\n        readonly && \"bg-muted/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableRow };\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,QACE,oBAAC;EAAI,aAAU;EAAkB,WAAU;YACzC,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;IACJ;GACE;;AAIV,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2DAA2D,UAAU;EACnF,GAAI;GACJ;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,UACA,WACA,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sCACA,YAAY,eACZ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAA0C;AAC9E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({\n  readonly,\n  className,\n  ...props\n}: React.ComponentProps<\"td\"> & { readonly?: boolean }) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"whitespace-nowrap p-2 align-middle\", //[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\n        readonly && \"bg-muted/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableRow };\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,QACE,oBAAC;EAAI,aAAU;EAAkB,WAAU;YACzC,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;IACJ;GACE;;AAIV,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2DAA2D,UAAU;EACnF,GAAI;GACJ;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,UACA,WACA,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sCACA,YAAY,eACZ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAA0C;AAC9E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ"}

package/dist/modules/data-tables/components/toolbar.mjs

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 function TableToolbar({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		...props,
-		className: cn("flex max-w-full justify-between gap-5 overflow-x-auto p-1", className),
+		className: cn("flex max-w-full justify-between gap-5 overflow-x-auto py-1", className),
 		children
 	});
 }

package/dist/modules/data-tables/components/toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\ntype TableToolbarProps = HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n};\n\nexport function TableToolbar({ children, className, ...props }: TableToolbarProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\"flex max-w-full justify-between gap-5 overflow-x-auto p-1\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype TableToolbarListProps = HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n};\n\nexport function TableToolbarList({ children, className, ...props }: TableToolbarListProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-row gap-5\", className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAOA,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,6DAA6D,UAAU;EAEpF;GACG;;AAQV,SAAgB,iBAAiB,EAAE,UAAU,WAAW,GAAG,SAAgC;AACzF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,uBAAuB,UAAU;EAC5D;GACG"}
+{"version":3,"file":"toolbar.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\ntype TableToolbarProps = HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n};\n\nexport function TableToolbar({ children, className, ...props }: TableToolbarProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\"flex max-w-full justify-between gap-5 overflow-x-auto py-1\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype TableToolbarListProps = HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n};\n\nexport function TableToolbarList({ children, className, ...props }: TableToolbarListProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-row gap-5\", className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAOA,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,8DAA8D,UAAU;EAErF;GACG;;AAQV,SAAgB,iBAAiB,EAAE,UAAU,WAAW,GAAG,SAAgC;AACzF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,uBAAuB,UAAU;EAC5D;GACG"}

package/dist/modules/data-tables/strategies/pagination/components.mjs

@@ -21,7 +21,7 @@ function PaginationTableFooter({ table }) {
 				onClick: () => table.resetRowSelection(),
 				children: /* @__PURE__ */ jsx(XIcon, { className: "h-2 w-2" })
 			}), /* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground flex-1 text-sm",
+				className: "flex-1 text-muted-foreground text-sm",
 				children: [
 					selected ?? table.getFilteredSelectedRowModel().rows.length,
 					" of",
@@ -36,7 +36,7 @@ function PaginationTableFooter({ table }) {
 				/* @__PURE__ */ jsxs("div", {
 					className: "hidden items-center space-x-2 md:flex",
 					children: [/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium",
+						className: "font-medium text-sm",
 						children: "Rows per page"
 					}), /* @__PURE__ */ jsxs(Select, {
 						value: `${table.getState().pagination.pageSize}`,
@@ -65,7 +65,7 @@ function PaginationTableFooter({ table }) {
 					})]
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-center text-sm font-medium",
+					className: "flex items-center justify-center font-medium text-sm",
 					children: [
 						"Page ",
 						table.getState().pagination.pageIndex + 1,

package/dist/modules/data-tables/strategies/pagination/components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/pagination/components.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Table } from \"@tanstack/react-table\";\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, XIcon } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\n\nexport function PaginationTableFooter<TData extends { id: string }>({\n  table,\n}: {\n  table: Table<TData>;\n}) {\n  const selected = Object.keys(table.getState().rowSelection).length;\n  const total = table.getRowCount();\n\n  return (\n    <div className=\"flex flex-col gap-y-4 px-2 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex items-center gap-2\">\n        {selected > 0 && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"h-4 w-4 rounded-full\"\n            onClick={() => table.resetRowSelection()}\n          >\n            <XIcon className=\"h-2 w-2\" />\n          </Button>\n        )}\n\n        <div className=\"text-muted-foreground flex-1 text-sm\">\n          {selected ?? table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n          {total ?? table.getFilteredRowModel().rows.length} row(s) selected.\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between gap-x-6 md:justify-start lg:space-x-8\">\n        <div className=\"hidden items-center space-x-2 md:flex\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50, 100, 300, 500].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        <div className=\"flex items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronsLeft className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeft className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRight className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronsRight className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,sBAAoD,EAClE,SAGC;CACD,MAAM,WAAW,OAAO,KAAK,MAAM,UAAU,CAAC,aAAa,CAAC;CAC5D,MAAM,QAAQ,MAAM,aAAa;AAEjC,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACZ,WAAW,KACV,oBAAC;IACC,MAAK;IACL,MAAK;IACL,SAAQ;IACR,WAAU;IACV,eAAe,MAAM,mBAAmB;cAExC,oBAAC,SAAM,WAAU,YAAY;KACtB,EAGX,qBAAC;IAAI,WAAU;;KACZ,YAAY,MAAM,6BAA6B,CAAC,KAAK;KAAO;KAAI;KAChE,SAAS,MAAM,qBAAqB,CAAC,KAAK;KAAO;;KAC9C;IACF,EAEN,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAE,WAAU;gBAAsB;OAAiB,EACpD,qBAAC;MACC,OAAO,GAAG,MAAM,UAAU,CAAC,WAAW;MACtC,gBAAgB,UAAU;AACxB,aAAM,YAAY,OAAO,MAAM,CAAC;;iBAGlC,oBAAC;OAAc,WAAU;iBACvB,oBAAC,eAAY,aAAa,MAAM,UAAU,CAAC,WAAW,WAAY;QACpD,EAChB,oBAAC;OAAc,MAAK;iBACjB;QAAC;QAAI;QAAI;QAAI;QAAI;QAAI;QAAK;QAAK;QAAI,CAAC,KAAK,aACxC,oBAAC;QAA0B,OAAO,GAAG;kBAClC;UADc,SAEJ,CACb;QACY;OACT;MACL;IAEN,qBAAC;KAAI,WAAU;;MAAuD;MAC9D,MAAM,UAAU,CAAC,WAAW,YAAY;MAAE;MAAK,MAAM,cAAc;;MACrE;IAEN,qBAAC;KAAI,WAAU;;MACb,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,aAAa,EAAE;OACpC,UAAU,CAAC,MAAM,oBAAoB;kBAErC,oBAAC;QAAK,WAAU;kBAAU;SAAuB,EACjD,oBAAC,gBAAa,WAAU,YAAY;QAC7B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,cAAc;OACnC,UAAU,CAAC,MAAM,oBAAoB;kBAErC,oBAAC;QAAK,WAAU;kBAAU;SAA0B,EACpD,oBAAC,eAAY,WAAU,YAAY;QAC5B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,UAAU;OAC/B,UAAU,CAAC,MAAM,gBAAgB;kBAEjC,oBAAC;QAAK,WAAU;kBAAU;SAAsB,EAChD,oBAAC,gBAAa,WAAU,YAAY;QAC7B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,aAAa,MAAM,cAAc,GAAG,EAAE;OAC3D,UAAU,CAAC,MAAM,gBAAgB;kBAEjC,oBAAC;QAAK,WAAU;kBAAU;SAAsB,EAChD,oBAAC,iBAAc,WAAU,YAAY;QAC9B;;MACL;;IACF;GACF"}
+{"version":3,"file":"components.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/pagination/components.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Table } from \"@tanstack/react-table\";\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, XIcon } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\n\nexport function PaginationTableFooter<TData extends { id: string }>({\n  table,\n}: {\n  table: Table<TData>;\n}) {\n  const selected = Object.keys(table.getState().rowSelection).length;\n  const total = table.getRowCount();\n\n  return (\n    <div className=\"flex flex-col gap-y-4 px-2 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex items-center gap-2\">\n        {selected > 0 && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"h-4 w-4 rounded-full\"\n            onClick={() => table.resetRowSelection()}\n          >\n            <XIcon className=\"h-2 w-2\" />\n          </Button>\n        )}\n\n        <div className=\"flex-1 text-muted-foreground text-sm\">\n          {selected ?? table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n          {total ?? table.getFilteredRowModel().rows.length} row(s) selected.\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between gap-x-6 md:justify-start lg:space-x-8\">\n        <div className=\"hidden items-center space-x-2 md:flex\">\n          <p className=\"font-medium text-sm\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50, 100, 300, 500].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        <div className=\"flex items-center justify-center font-medium text-sm\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronsLeft className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeft className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRight className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronsRight className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,sBAAoD,EAClE,SAGC;CACD,MAAM,WAAW,OAAO,KAAK,MAAM,UAAU,CAAC,aAAa,CAAC;CAC5D,MAAM,QAAQ,MAAM,aAAa;AAEjC,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACZ,WAAW,KACV,oBAAC;IACC,MAAK;IACL,MAAK;IACL,SAAQ;IACR,WAAU;IACV,eAAe,MAAM,mBAAmB;cAExC,oBAAC,SAAM,WAAU,YAAY;KACtB,EAGX,qBAAC;IAAI,WAAU;;KACZ,YAAY,MAAM,6BAA6B,CAAC,KAAK;KAAO;KAAI;KAChE,SAAS,MAAM,qBAAqB,CAAC,KAAK;KAAO;;KAC9C;IACF,EAEN,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAE,WAAU;gBAAsB;OAAiB,EACpD,qBAAC;MACC,OAAO,GAAG,MAAM,UAAU,CAAC,WAAW;MACtC,gBAAgB,UAAU;AACxB,aAAM,YAAY,OAAO,MAAM,CAAC;;iBAGlC,oBAAC;OAAc,WAAU;iBACvB,oBAAC,eAAY,aAAa,MAAM,UAAU,CAAC,WAAW,WAAY;QACpD,EAChB,oBAAC;OAAc,MAAK;iBACjB;QAAC;QAAI;QAAI;QAAI;QAAI;QAAI;QAAK;QAAK;QAAI,CAAC,KAAK,aACxC,oBAAC;QAA0B,OAAO,GAAG;kBAClC;UADc,SAEJ,CACb;QACY;OACT;MACL;IAEN,qBAAC;KAAI,WAAU;;MAAuD;MAC9D,MAAM,UAAU,CAAC,WAAW,YAAY;MAAE;MAAK,MAAM,cAAc;;MACrE;IAEN,qBAAC;KAAI,WAAU;;MACb,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,aAAa,EAAE;OACpC,UAAU,CAAC,MAAM,oBAAoB;kBAErC,oBAAC;QAAK,WAAU;kBAAU;SAAuB,EACjD,oBAAC,gBAAa,WAAU,YAAY;QAC7B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,cAAc;OACnC,UAAU,CAAC,MAAM,oBAAoB;kBAErC,oBAAC;QAAK,WAAU;kBAAU;SAA0B,EACpD,oBAAC,eAAY,WAAU,YAAY;QAC5B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,UAAU;OAC/B,UAAU,CAAC,MAAM,gBAAgB;kBAEjC,oBAAC;QAAK,WAAU;kBAAU;SAAsB,EAChD,oBAAC,gBAAa,WAAU,YAAY;QAC7B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,aAAa,MAAM,cAAc,GAAG,EAAE;OAC3D,UAAU,CAAC,MAAM,gBAAgB;kBAEjC,oBAAC;QAAK,WAAU;kBAAU;SAAsB,EAChD,oBAAC,iBAAc,WAAU,YAAY;QAC9B;;MACL;;IACF;GACF"}

package/dist/modules/data-tables/tables/inline-table/components/cells/common.mjs

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/modules/data-tables/tables/inline-table/components/cells/common.tsx
 function TableInlineCell({ className, ...props }) {
 	return /* @__PURE__ */ jsx(TableCell, {
-		className: cn("focus-within:bg-accent focus-within:text-accent-foreground h-9 border-l p-0 align-middle first:border-0 [&:has([role=checkbox])]:pr-0", className),
+		className: cn("h-8 border-l p-0 align-middle first:border-0 focus-within:bg-accent focus-within:text-accent-foreground [&:has([role=checkbox])]:pr-0", className),
 		...props
 	});
 }

package/dist/modules/data-tables/tables/inline-table/components/cells/common.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"common.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/common.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { TableCell } from \"../../../../components/table\";\n\nexport function TableInlineCell({ className, ...props }: React.ComponentProps<typeof TableCell>) {\n  return (\n    <TableCell\n      className={cn(\n        \"focus-within:bg-accent focus-within:text-accent-foreground h-9 border-l p-0 align-middle first:border-0 [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAAiD;AAC/F,QACE,oBAAC;EACC,WAAW,GACT,yIACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"common.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/common.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { TableCell } from \"../../../../components/table\";\n\nexport function TableInlineCell({ className, ...props }: React.ComponentProps<typeof TableCell>) {\n  return (\n    <TableCell\n      className={cn(\n        \"h-8 border-l p-0 align-middle first:border-0 focus-within:bg-accent focus-within:text-accent-foreground [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAAiD;AAC/F,QACE,oBAAC;EACC,WAAW,GACT,yIACA,UACD;EACD,GAAI;GACJ"}

package/dist/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.mjs

@@ -20,7 +20,7 @@ function TableDragHandle({ row, className, disabled }) {
 			type: "button",
 			className: cn("h-full w-8 rounded-none border-none", className),
 			disabled,
-			children: /* @__PURE__ */ jsx(GripIcon, { className: "fill-muted size-4" })
+			children: /* @__PURE__ */ jsx(GripIcon, { className: "size-4 fill-muted" })
 		})
 	});
 }

package/dist/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"drag-handle.client.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.tsx"],"sourcesContent":["import { useSortable } from \"@dnd-kit/sortable\";\nimport type { CellContext } from \"@tanstack/react-table\";\nimport { GripIcon } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/entry\";\nimport { createTableCell } from \"../../../../lib/helpers/create-column\";\nimport { TableInlineCell } from \"./common\";\n\n/**\n * Create a new column with the drag handle\n */\nexport type TableDragHandleProps<TData, TValue> = Pick<CellContext<TData, TValue>, \"row\"> & {\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function TableDragHandle<TData, TValue>({\n  row,\n  className,\n  disabled,\n}: TableDragHandleProps<TData, TValue>) {\n  const rowId = (row.original as { id: string }).id;\n\n  const { attributes, listeners } = useSortable({ id: rowId });\n\n  return (\n    <TableInlineCell className=\"w-8\">\n      <Button\n        {...attributes}\n        {...listeners}\n        variant=\"ghost\"\n        size=\"icon\"\n        type=\"button\"\n        className={cn(\"h-full w-8 rounded-none border-none\", className)}\n        disabled={disabled}\n      >\n        <GripIcon className=\"fill-muted size-4\" />\n      </Button>\n    </TableInlineCell>\n  );\n}\n\n/**\n * Create a new column with the drag handle\n */\nexport const createTableDragHandleCell = createTableCell({\n  id: \"dragHandle\",\n  cell: TableDragHandle,\n  enableHiding: false,\n  enableSorting: false,\n});\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,gBAA+B,EAC7C,KACA,WACA,YACsC;CACtC,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,cAAc,YAAY,EAAE,IAAI,OAAO,CAAC;AAE5D,QACE,oBAAC;EAAgB,WAAU;YACzB,oBAAC;GACC,GAAI;GACJ,GAAI;GACJ,SAAQ;GACR,MAAK;GACL,MAAK;GACL,WAAW,GAAG,uCAAuC,UAAU;GACrD;aAEV,oBAAC,YAAS,WAAU,sBAAsB;IACnC;GACO;;;;;AAOtB,MAAa,4BAA4B,gBAAgB;CACvD,IAAI;CACJ,MAAM;CACN,cAAc;CACd,eAAe;CAChB,CAAC"}
+{"version":3,"file":"drag-handle.client.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.tsx"],"sourcesContent":["import { useSortable } from \"@dnd-kit/sortable\";\nimport type { CellContext } from \"@tanstack/react-table\";\nimport { GripIcon } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/entry\";\nimport { createTableCell } from \"../../../../lib/helpers/create-column\";\nimport { TableInlineCell } from \"./common\";\n\n/**\n * Create a new column with the drag handle\n */\nexport type TableDragHandleProps<TData, TValue> = Pick<CellContext<TData, TValue>, \"row\"> & {\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function TableDragHandle<TData, TValue>({\n  row,\n  className,\n  disabled,\n}: TableDragHandleProps<TData, TValue>) {\n  const rowId = (row.original as { id: string }).id;\n\n  const { attributes, listeners } = useSortable({ id: rowId });\n\n  return (\n    <TableInlineCell className=\"w-8\">\n      <Button\n        {...attributes}\n        {...listeners}\n        variant=\"ghost\"\n        size=\"icon\"\n        type=\"button\"\n        className={cn(\"h-full w-8 rounded-none border-none\", className)}\n        disabled={disabled}\n      >\n        <GripIcon className=\"size-4 fill-muted\" />\n      </Button>\n    </TableInlineCell>\n  );\n}\n\n/**\n * Create a new column with the drag handle\n */\nexport const createTableDragHandleCell = createTableCell({\n  id: \"dragHandle\",\n  cell: TableDragHandle,\n  enableHiding: false,\n  enableSorting: false,\n});\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,gBAA+B,EAC7C,KACA,WACA,YACsC;CACtC,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,cAAc,YAAY,EAAE,IAAI,OAAO,CAAC;AAE5D,QACE,oBAAC;EAAgB,WAAU;YACzB,oBAAC;GACC,GAAI;GACJ,GAAI;GACJ,SAAQ;GACR,MAAK;GACL,MAAK;GACL,WAAW,GAAG,uCAAuC,UAAU;GACrD;aAEV,oBAAC,YAAS,WAAU,sBAAsB;IACnC;GACO;;;;;AAOtB,MAAa,4BAA4B,gBAAgB;CACvD,IAAI;CACJ,MAAM;CACN,cAAc;CACd,eAAe;CAChB,CAAC"}

package/dist/modules/data-tables/tables/inline-table/components/cells/read-only.mjs

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 function InlineDataTableReadOnly({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		...props,
-		className: cn("bg-muted/50 flex h-full w-full items-center truncate px-3", className),
+		className: cn("flex h-full w-full items-center truncate bg-muted/50 px-3", className),
 		children
 	});
 }

package/dist/modules/data-tables/tables/inline-table/components/cells/read-only.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"read-only.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/read-only.tsx"],"sourcesContent":["import type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function InlineDataTableReadOnly({\n  className,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      {...props}\n      className={cn(\"bg-muted/50 flex h-full w-full items-center truncate px-3\", className)}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,wBAAwB,EACtC,WACA,UACA,GAAG,SACqC;AACxC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,6DAA6D,UAAU;EAEpF;GACI"}
+{"version":3,"file":"read-only.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/read-only.tsx"],"sourcesContent":["import type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function InlineDataTableReadOnly({\n  className,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      {...props}\n      className={cn(\"flex h-full w-full items-center truncate bg-muted/50 px-3\", className)}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,wBAAwB,EACtC,WACA,UACA,GAAG,SACqC;AACxC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,6DAA6D,UAAU;EAEpF;GACI"}

package/dist/modules/inline-edit/components/date-input.client.mjs

@@ -2,9 +2,9 @@
 
 import { cn } from "../../../lib/utils/cn.mjs";
 import { Button } from "../../../components/ui/button.mjs";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.client.mjs";
 import { Input } from "../../../components/ui/input.mjs";
-import { Calendar as Calendar$1 } from "../../../components/ui/calendar.mjs";
+import { Calendar as Calendar$1 } from "../../../components/ui/calendar.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { inlineEditVariants } from "../lib/variants.mjs";
 import { CalendarIcon } from "lucide-react";
@@ -69,7 +69,7 @@ function InlineDateInput({ initialValue, action, permission, variant, className,
 				variant: "ghost",
 				tabIndex: -1,
 				disabled: !isAllowed,
-				className: cn("absolute bottom-0 right-0 top-0 opacity-50", !value && "text-muted-foreground"),
+				className: cn("absolute top-0 right-0 bottom-0 opacity-50", !value && "text-muted-foreground"),
 				children: /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4" })
 			})
 		})]

package/dist/modules/inline-edit/components/date-input.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.client.mjs","names":["Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { format } from \"date-fns\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Input } from \"@/components/ui/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nconst formatDate = (value: Date) => format(value, \"dd/MM/yyyy\");\nconst parseDate = (value: string) => new Date(value.split(\"/\").reverse().join(\"-\"));\nconst isValidDate = (date: Date) => date instanceof Date && date.toString() !== \"Invalid Date\";\n\nexport function InlineDateInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  updateStrategy,\n  isRequired,\n  ...props\n}: ComponentProps<\"div\"> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps) {\n  const [inValid, setInValid] = React.useState<boolean>(false);\n\n  const { value, setValue, handleChange, handleBlur, status, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  const [stringDate, setStringDate] = React.useState<string>(\n    initialValue ? formatDate(initialValue) : \"\",\n  );\n\n  /**\n   * Update string date when value changes\n   */\n  React.useEffect(() => {\n    if (value) setStringDate(formatDate(value));\n  }, [value]);\n\n  return (\n    <Popover>\n      <div {...props} className={cn(\"relative h-full\", className)}>\n        <Input\n          data-input\n          type=\"string\"\n          value={stringDate}\n          className={cn(inlineEditVariants({ variant, status }), inValid && \"text-destructive\")}\n          disabled={!isAllowed}\n          onChange={(e) => {\n            setStringDate(e.target.value);\n            const parsedDate = parseDate(e.target.value);\n\n            if (!isValidDate(parsedDate)) {\n              setInValid(true);\n              setValue(undefined);\n            } else {\n              setInValid(false);\n              setValue(parsedDate);\n            }\n          }}\n          onBlur={(e) => {\n            const parsedDate = parseDate(e.target.value);\n            handleBlur(isValidDate(parsedDate) ? parsedDate : null);\n          }}\n        />\n\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            tabIndex={-1}\n            disabled={!isAllowed}\n            className={cn(\n              \"absolute bottom-0 right-0 top-0 opacity-50\",\n              !value && \"text-muted-foreground\",\n            )}\n          >\n            <CalendarIcon className=\"h-4 w-4\" />\n          </Button>\n        </PopoverTrigger>\n      </div>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          autoFocus\n          selected={value ?? undefined}\n          defaultMonth={value ?? undefined}\n          disabled={!isAllowed}\n          onSelect={(selectedDate) => {\n            if (!selectedDate) return;\n\n            setStringDate(formatDate(selectedDate));\n\n            handleChange(selectedDate ?? null);\n            handleBlur(selectedDate ?? null);\n\n            setInValid(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,cAAc,UAAgB,OAAO,OAAO,aAAa;AAC/D,MAAM,aAAa,UAAkB,IAAI,KAAK,MAAM,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;AACnF,MAAM,eAAe,SAAe,gBAAgB,QAAQ,KAAK,UAAU,KAAK;AAEhF,SAAgB,gBAAkD,EAChE,cACA,QACA,YACA,SACA,WACA,gBACA,YACA,GAAG,SACsF;CACzF,MAAM,CAAC,SAAS,cAAc,MAAM,SAAkB,MAAM;CAE5D,MAAM,EAAE,OAAO,UAAU,cAAc,YAAY,QAAQ,cAAc,cAAc;EACrF;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;CAEF,MAAM,CAAC,YAAY,iBAAiB,MAAM,SACxC,eAAe,WAAW,aAAa,GAAG,GAC3C;;;;AAKD,OAAM,gBAAgB;AACpB,MAAI,MAAO,eAAc,WAAW,MAAM,CAAC;IAC1C,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC,sBACC,qBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mBAAmB,UAAU;aACzD,oBAAC;GACC;GACA,MAAK;GACL,OAAO;GACP,WAAW,GAAG,mBAAmB;IAAE;IAAS;IAAQ,CAAC,EAAE,WAAW,mBAAmB;GACrF,UAAU,CAAC;GACX,WAAW,MAAM;AACf,kBAAc,EAAE,OAAO,MAAM;IAC7B,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAE5C,QAAI,CAAC,YAAY,WAAW,EAAE;AAC5B,gBAAW,KAAK;AAChB,cAAS,OAAU;WACd;AACL,gBAAW,MAAM;AACjB,cAAS,WAAW;;;GAGxB,SAAS,MAAM;IACb,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAC5C,eAAW,YAAY,WAAW,GAAG,aAAa,KAAK;;IAEzD,EAEF,oBAAC;GAAe;aACd,oBAAC;IACC,SAAQ;IACR,UAAU;IACV,UAAU,CAAC;IACX,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;cAED,oBAAC,gBAAa,WAAU,YAAY;KAC7B;IACM;GACb,EAEN,oBAAC;EAAe,WAAU;YACxB,oBAACA;GACC,MAAK;GACL;GACA,UAAU,SAAS;GACnB,cAAc,SAAS;GACvB,UAAU,CAAC;GACX,WAAW,iBAAiB;AAC1B,QAAI,CAAC,aAAc;AAEnB,kBAAc,WAAW,aAAa,CAAC;AAEvC,iBAAa,gBAAgB,KAAK;AAClC,eAAW,gBAAgB,KAAK;AAEhC,eAAW,MAAM;;IAEnB;GACa,IACT"}
+{"version":3,"file":"date-input.client.mjs","names":["Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { format } from \"date-fns\";\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nconst formatDate = (value: Date) => format(value, \"dd/MM/yyyy\");\nconst parseDate = (value: string) => new Date(value.split(\"/\").reverse().join(\"-\"));\nconst isValidDate = (date: Date) => date instanceof Date && date.toString() !== \"Invalid Date\";\n\nexport function InlineDateInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  updateStrategy,\n  isRequired,\n  ...props\n}: ComponentProps<\"div\"> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps) {\n  const [inValid, setInValid] = React.useState<boolean>(false);\n\n  const { value, setValue, handleChange, handleBlur, status, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  const [stringDate, setStringDate] = React.useState<string>(\n    initialValue ? formatDate(initialValue) : \"\",\n  );\n\n  /**\n   * Update string date when value changes\n   */\n  React.useEffect(() => {\n    if (value) setStringDate(formatDate(value));\n  }, [value]);\n\n  return (\n    <Popover>\n      <div {...props} className={cn(\"relative h-full\", className)}>\n        <Input\n          data-input\n          type=\"string\"\n          value={stringDate}\n          className={cn(inlineEditVariants({ variant, status }), inValid && \"text-destructive\")}\n          disabled={!isAllowed}\n          onChange={(e) => {\n            setStringDate(e.target.value);\n            const parsedDate = parseDate(e.target.value);\n\n            if (!isValidDate(parsedDate)) {\n              setInValid(true);\n              setValue(undefined);\n            } else {\n              setInValid(false);\n              setValue(parsedDate);\n            }\n          }}\n          onBlur={(e) => {\n            const parsedDate = parseDate(e.target.value);\n            handleBlur(isValidDate(parsedDate) ? parsedDate : null);\n          }}\n        />\n\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            tabIndex={-1}\n            disabled={!isAllowed}\n            className={cn(\n              \"absolute top-0 right-0 bottom-0 opacity-50\",\n              !value && \"text-muted-foreground\",\n            )}\n          >\n            <CalendarIcon className=\"h-4 w-4\" />\n          </Button>\n        </PopoverTrigger>\n      </div>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          autoFocus\n          selected={value ?? undefined}\n          defaultMonth={value ?? undefined}\n          disabled={!isAllowed}\n          onSelect={(selectedDate) => {\n            if (!selectedDate) return;\n\n            setStringDate(formatDate(selectedDate));\n\n            handleChange(selectedDate ?? null);\n            handleBlur(selectedDate ?? null);\n\n            setInValid(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,cAAc,UAAgB,OAAO,OAAO,aAAa;AAC/D,MAAM,aAAa,UAAkB,IAAI,KAAK,MAAM,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;AACnF,MAAM,eAAe,SAAe,gBAAgB,QAAQ,KAAK,UAAU,KAAK;AAEhF,SAAgB,gBAAkD,EAChE,cACA,QACA,YACA,SACA,WACA,gBACA,YACA,GAAG,SACsF;CACzF,MAAM,CAAC,SAAS,cAAc,MAAM,SAAkB,MAAM;CAE5D,MAAM,EAAE,OAAO,UAAU,cAAc,YAAY,QAAQ,cAAc,cAAc;EACrF;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;CAEF,MAAM,CAAC,YAAY,iBAAiB,MAAM,SACxC,eAAe,WAAW,aAAa,GAAG,GAC3C;;;;AAKD,OAAM,gBAAgB;AACpB,MAAI,MAAO,eAAc,WAAW,MAAM,CAAC;IAC1C,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC,sBACC,qBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mBAAmB,UAAU;aACzD,oBAAC;GACC;GACA,MAAK;GACL,OAAO;GACP,WAAW,GAAG,mBAAmB;IAAE;IAAS;IAAQ,CAAC,EAAE,WAAW,mBAAmB;GACrF,UAAU,CAAC;GACX,WAAW,MAAM;AACf,kBAAc,EAAE,OAAO,MAAM;IAC7B,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAE5C,QAAI,CAAC,YAAY,WAAW,EAAE;AAC5B,gBAAW,KAAK;AAChB,cAAS,OAAU;WACd;AACL,gBAAW,MAAM;AACjB,cAAS,WAAW;;;GAGxB,SAAS,MAAM;IACb,MAAM,aAAa,UAAU,EAAE,OAAO,MAAM;AAC5C,eAAW,YAAY,WAAW,GAAG,aAAa,KAAK;;IAEzD,EAEF,oBAAC;GAAe;aACd,oBAAC;IACC,SAAQ;IACR,UAAU;IACV,UAAU,CAAC;IACX,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;cAED,oBAAC,gBAAa,WAAU,YAAY;KAC7B;IACM;GACb,EAEN,oBAAC;EAAe,WAAU;YACxB,oBAACA;GACC,MAAK;GACL;GACA,UAAU,SAAS;GACnB,cAAc,SAAS;GACvB,UAAU,CAAC;GACX,WAAW,iBAAiB;AAC1B,QAAI,CAAC,aAAc;AAEnB,kBAAc,WAAW,aAAa,CAAC;AAEvC,iBAAa,gBAAgB,KAAK;AAClC,eAAW,gBAAgB,KAAK;AAEhC,eAAW,MAAM;;IAEnB;GACa,IACT"}

package/dist/modules/inline-edit/components/date-picker.client.mjs

@@ -3,8 +3,8 @@
 import { cn } from "../../../lib/utils/cn.mjs";
 import { Button } from "../../../components/ui/button.mjs";
 import { formatDate } from "../../../lib/utils/format.mjs";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.mjs";
-import { Calendar as Calendar$1 } from "../../../components/ui/calendar.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.client.mjs";
+import { Calendar as Calendar$1 } from "../../../components/ui/calendar.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { inlineEditVariants } from "../lib/variants.mjs";
 import { CalendarIcon } from "lucide-react";

package/dist/modules/inline-edit/components/date-picker.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.client.mjs","names":["Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { formatDate } from \"@/lib/utils/format\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineEditDatePickerProps<Required extends boolean> = ComponentProps<typeof Button> &\n  useInlineEditOptions<Date, Required> &\n  InlineEditVariantsProps;\n\nexport function InlineDatePicker<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  disabled,\n  updateStrategy,\n  isRequired,\n  ...props\n}: InlineEditDatePickerProps<Required>) {\n  const [open, setOpen] = React.useState(false);\n\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(open) => {\n        setOpen(open);\n        if (!open && value) handleBlur(value);\n      }}\n    >\n      <PopoverTrigger asChild>\n        <Button\n          {...props}\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"w-full\", inlineEditVariants({ variant, status }), className)}\n          disabled={disabled || !isAllowed}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value ? formatDate(value) : <span>Kies een datum</span>}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          autoFocus\n          selected={value ? new Date(value) : undefined}\n          onSelect={(date) => handleChange(date ?? null)}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,SAAgB,iBAAmD,EACjE,cACA,QACA,YACA,SACA,WACA,UACA,gBACA,YACA,GAAG,SACmC;CACtC,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAE7C,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,qBAAC;EACO;EACN,eAAe,SAAS;AACtB,WAAQ,KAAK;AACb,OAAI,CAAC,QAAQ,MAAO,YAAW,MAAM;;aAGvC,oBAAC;GAAe;aACd,qBAAC;IACC,GAAI;IACJ,MAAK;IACL,SAAQ;IACR,WAAW,GAAG,UAAU,mBAAmB;KAAE;KAAS;KAAQ,CAAC,EAAE,UAAU;IAC3E,UAAU,YAAY,CAAC;eAEvB,oBAAC,gBAAa,WAAU,iBAAiB,EACxC,QAAQ,WAAW,MAAM,GAAG,oBAAC,oBAAK,mBAAqB;KACjD;IACM,EAEjB,oBAAC;GAAe,WAAU;aACxB,oBAACA;IACC,MAAK;IACL;IACA,UAAU,QAAQ,IAAI,KAAK,MAAM,GAAG;IACpC,WAAW,SAAS,aAAa,QAAQ,KAAK;KAC9C;IACa;GACT"}
+{"version":3,"file":"date-picker.client.mjs","names":["Calendar"],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { CalendarIcon } from \"lucide-react\";\nimport React, { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar.client\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { formatDate } from \"@/lib/utils/format\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineEditDatePickerProps<Required extends boolean> = ComponentProps<typeof Button> &\n  useInlineEditOptions<Date, Required> &\n  InlineEditVariantsProps;\n\nexport function InlineDatePicker<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  disabled,\n  updateStrategy,\n  isRequired,\n  ...props\n}: InlineEditDatePickerProps<Required>) {\n  const [open, setOpen] = React.useState(false);\n\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(open) => {\n        setOpen(open);\n        if (!open && value) handleBlur(value);\n      }}\n    >\n      <PopoverTrigger asChild>\n        <Button\n          {...props}\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"w-full\", inlineEditVariants({ variant, status }), className)}\n          disabled={disabled || !isAllowed}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value ? formatDate(value) : <span>Kies een datum</span>}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          autoFocus\n          selected={value ? new Date(value) : undefined}\n          onSelect={(date) => handleChange(date ?? null)}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,SAAgB,iBAAmD,EACjE,cACA,QACA,YACA,SACA,WACA,UACA,gBACA,YACA,GAAG,SACmC;CACtC,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAE7C,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,qBAAC;EACO;EACN,eAAe,SAAS;AACtB,WAAQ,KAAK;AACb,OAAI,CAAC,QAAQ,MAAO,YAAW,MAAM;;aAGvC,oBAAC;GAAe;aACd,qBAAC;IACC,GAAI;IACJ,MAAK;IACL,SAAQ;IACR,WAAW,GAAG,UAAU,mBAAmB;KAAE;KAAS;KAAQ,CAAC,EAAE,UAAU;IAC3E,UAAU,YAAY,CAAC;eAEvB,oBAAC,gBAAa,WAAU,iBAAiB,EACxC,QAAQ,WAAW,MAAM,GAAG,oBAAC,oBAAK,mBAAqB;KACjD;IACM,EAEjB,oBAAC;GAAe,WAAU;aACxB,oBAACA;IACC,MAAK;IACL;IACA,UAAU,QAAQ,IAAI,KAAK,MAAM,GAAG;IACpC,WAAW,SAAS,aAAa,QAAQ,KAAK;KAC9C;IACa;GACT"}

package/dist/modules/inline-edit/components/date-time.client.d.mts

@@ -1,4 +1,4 @@
-import { DateTimeInput } from "../../../components/ui/input-date-time.mjs";
+import { DateTimeInput } from "../../../components/ui/input-date-time.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

package/dist/modules/inline-edit/components/date-time.client.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "../../../lib/utils/cn.mjs";
-import { DateTimeInput } from "../../../components/ui/input-date-time.mjs";
+import { DateTimeInput } from "../../../components/ui/input-date-time.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { inlineEditVariants } from "../lib/variants.mjs";
 import { jsx } from "react/jsx-runtime";

package/dist/modules/inline-edit/components/date-time.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-time.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/date-time.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { format } from \"date-fns\";\nimport type { ComponentProps } from \"react\";\nimport { DateTimeInput } from \"@/components/ui/input-date-time\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nexport function InlineDateTimeInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: ComponentProps<typeof DateTimeInput> &\n  useInlineEditOptions<Date, Required> &\n  InlineEditVariantsProps) {\n  const { value, handleChange, handleBlur, status, isAllowed } = useInlineEdit<\n    string,\n    Date,\n    Required\n  >({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) =>\n        (value instanceof Date\n          ? format(value, \"yyyy-MM-dd'T'HH:mm\")\n          : typeof value === \"string\"\n            ? value\n            : undefined) as string,\n      encode: (value) => (value ? new Date(value) : null) as Date,\n    },\n  });\n\n  return (\n    <DateTimeInput\n      value={value ?? undefined}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n      disabled={disabled || !isAllowed}\n      onValueChange={(date) => handleChange(date ?? null)}\n      onValueBlur={(date) => handleBlur(date ?? null)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,oBAAsD,EACpE,cACA,QACA,YACA,SACA,WACA,gBACA,YACA,UACA,GAAG,SAGsB;CACzB,MAAM,EAAE,OAAO,cAAc,YAAY,QAAQ,cAAc,cAI7D;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UACN,iBAAiB,OACd,OAAO,OAAO,qBAAqB,GACnC,OAAO,UAAU,WACf,QACA;GACR,SAAS,UAAW,QAAQ,IAAI,KAAK,MAAM,GAAG;GAC/C;EACF,CAAC;AAEF,QACE,oBAAC;EACC,OAAO,SAAS;EAChB,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;EACjE,UAAU,YAAY,CAAC;EACvB,gBAAgB,SAAS,aAAa,QAAQ,KAAK;EACnD,cAAc,SAAS,WAAW,QAAQ,KAAK;EAC/C,GAAI;GACJ"}
+{"version":3,"file":"date-time.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/date-time.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { format } from \"date-fns\";\nimport type { ComponentProps } from \"react\";\nimport { DateTimeInput } from \"@/components/ui/input-date-time.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nexport function InlineDateTimeInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  variant,\n  className,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: ComponentProps<typeof DateTimeInput> &\n  useInlineEditOptions<Date, Required> &\n  InlineEditVariantsProps) {\n  const { value, handleChange, handleBlur, status, isAllowed } = useInlineEdit<\n    string,\n    Date,\n    Required\n  >({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) =>\n        (value instanceof Date\n          ? format(value, \"yyyy-MM-dd'T'HH:mm\")\n          : typeof value === \"string\"\n            ? value\n            : undefined) as string,\n      encode: (value) => (value ? new Date(value) : null) as Date,\n    },\n  });\n\n  return (\n    <DateTimeInput\n      value={value ?? undefined}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n      disabled={disabled || !isAllowed}\n      onValueChange={(date) => handleChange(date ?? null)}\n      onValueBlur={(date) => handleBlur(date ?? null)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,oBAAsD,EACpE,cACA,QACA,YACA,SACA,WACA,gBACA,YACA,UACA,GAAG,SAGsB;CACzB,MAAM,EAAE,OAAO,cAAc,YAAY,QAAQ,cAAc,cAI7D;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UACN,iBAAiB,OACd,OAAO,OAAO,qBAAqB,GACnC,OAAO,UAAU,WACf,QACA;GACR,SAAS,UAAW,QAAQ,IAAI,KAAK,MAAM,GAAG;GAC/C;EACF,CAAC;AAEF,QACE,oBAAC;EACC,OAAO,SAAS;EAChB,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;EACjE,UAAU,YAAY,CAAC;EACvB,gBAAgB,SAAS,aAAa,QAAQ,KAAK;EACnD,cAAc,SAAS,WAAW,QAAQ,KAAK;EAC/C,GAAI;GACJ"}

package/dist/modules/inline-edit/components/input-toggle.client.mjs

@@ -37,12 +37,12 @@ function InlineStringInputToggle({ initialValue, action, disabled, permission, u
 			disabled: isDisabled,
 			onChange: (e) => handleChange(e.target.value ? e.target.value : null),
 			onBlur: (e) => handleBlur(e.target.value ? e.target.value : null),
-			className: cn("border-border/70 hover:border-border w-full", className)
+			className: cn("w-full border-border/70 hover:border-border", className)
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
 			onClick: handleToggle,
 			tabIndex: -1,
-			className: cn("absolute bottom-0 right-0 top-0 opacity-50", !value && "text-muted-foreground"),
+			className: cn("absolute top-0 right-0 bottom-0 opacity-50", !value && "text-muted-foreground"),
 			children: enabled ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(XIcon, {})
 		})]
 	});

package/dist/modules/inline-edit/components/input-toggle.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { type ComponentProps, useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/entry\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\ntype InlineStringInputToggleProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<string, Required>;\n\nexport function InlineStringInputToggle<Required extends boolean>({\n  initialValue,\n  action,\n  disabled,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineStringInputToggleProps<Required>) {\n  const [enabled, setEnabled] = useState(!!initialValue);\n\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  function handleToggle() {\n    setEnabled(!enabled);\n    if (!enabled) return;\n\n    handleBlur(null);\n  }\n\n  const isDisabled = !enabled || disabled || !isAllowed;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        type=\"text\"\n        value={value ?? undefined}\n        disabled={isDisabled}\n        onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n        onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n        className={cn(\"border-border/70 hover:border-border w-full\", className)}\n      />\n\n      <Button\n        variant=\"ghost\"\n        onClick={handleToggle}\n        tabIndex={-1}\n        className={cn(\n          \"absolute bottom-0 right-0 top-0 opacity-50\",\n          !value && \"text-muted-foreground\",\n        )}\n      >\n        {enabled ? <CheckIcon /> : <XIcon />}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAgB,wBAAkD,EAChE,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACsC;CACzC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;CAEF,SAAS,eAAe;AACtB,aAAW,CAAC,QAAQ;AACpB,MAAI,CAAC,QAAS;AAEd,aAAW,KAAK;;CAGlB,MAAM,aAAa,CAAC,WAAW,YAAY,CAAC;AAE5C,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,GAAI;GACJ,MAAK;GACL,OAAO,SAAS;GAChB,UAAU;GACV,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACjE,WAAW,GAAG,+CAA+C,UAAU;IACvE,EAEF,oBAAC;GACC,SAAQ;GACR,SAAS;GACT,UAAU;GACV,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;aAEA,UAAU,oBAAC,cAAY,GAAG,oBAAC,UAAQ;IAC7B;GACL"}
+{"version":3,"file":"input-toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { type ComponentProps, useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/entry\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\ntype InlineStringInputToggleProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<string, Required>;\n\nexport function InlineStringInputToggle<Required extends boolean>({\n  initialValue,\n  action,\n  disabled,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineStringInputToggleProps<Required>) {\n  const [enabled, setEnabled] = useState(!!initialValue);\n\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  function handleToggle() {\n    setEnabled(!enabled);\n    if (!enabled) return;\n\n    handleBlur(null);\n  }\n\n  const isDisabled = !enabled || disabled || !isAllowed;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        type=\"text\"\n        value={value ?? undefined}\n        disabled={isDisabled}\n        onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n        onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n        className={cn(\"w-full border-border/70 hover:border-border\", className)}\n      />\n\n      <Button\n        variant=\"ghost\"\n        onClick={handleToggle}\n        tabIndex={-1}\n        className={cn(\n          \"absolute top-0 right-0 bottom-0 opacity-50\",\n          !value && \"text-muted-foreground\",\n        )}\n      >\n        {enabled ? <CheckIcon /> : <XIcon />}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAgB,wBAAkD,EAChE,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACsC;CACzC,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,CAAC,aAAa;CAEtD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;CAEF,SAAS,eAAe;AACtB,aAAW,CAAC,QAAQ;AACpB,MAAI,CAAC,QAAS;AAEd,aAAW,KAAK;;CAGlB,MAAM,aAAa,CAAC,WAAW,YAAY,CAAC;AAE5C,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,GAAI;GACJ,MAAK;GACL,OAAO,SAAS;GAChB,UAAU;GACV,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;GACjE,WAAW,GAAG,+CAA+C,UAAU;IACvE,EAEF,oBAAC;GACC,SAAQ;GACR,SAAS;GACT,UAAU;GACV,WAAW,GACT,8CACA,CAAC,SAAS,wBACX;aAEA,UAAU,oBAAC,cAAY,GAAG,oBAAC,UAAQ;IAC7B;GACL"}

package/dist/modules/inline-edit/components/input.client.mjs

@@ -29,7 +29,7 @@ function InlineStringInput({ initialValue, action, variant, className, permissio
 		disabled: disabled || !isAllowed,
 		onChange: (e) => handleChange(e.target.value ? e.target.value : null),
 		onBlur: (e) => handleBlur(e.target.value ? e.target.value : null),
-		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
 			variant,
 			status
 		}), className)
@@ -58,7 +58,7 @@ function InlineNumberInput({ initialValue, action, variant, className, permissio
 		disabled: disabled || !isAllowed,
 		onChange: (e) => handleChange(parseValueAsNumber(e.target.valueAsNumber)),
 		onBlur: (e) => handleBlur(parseValueAsNumber(e.target.valueAsNumber)),
-		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
 			variant,
 			status
 		}), className)
@@ -86,7 +86,7 @@ function InlineDecimalInput({ initialValue, action, variant, className, permissi
 		disabled: disabled || !isAllowed,
 		onChange: (e) => handleChange(e.target.value ? e.target.value : null),
 		onBlur: (e) => handleBlur(e.target.value ? e.target.value : null),
-		className: cn("border-border/70 hover:border-border w-full", inlineEditVariants({
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
 			variant,
 			status
 		}), className)

package/dist/modules/inline-edit/components/input.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineEditInputProps<TValue, Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<TValue, Required> &\n  InlineEditVariantsProps;\n\n/**\n * The inline edit string input component.\n */\nexport function InlineStringInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<string, Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"text\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n      onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit number input component.\n */\nconst parseValueAsNumber = (valueAsNumber: number): number | null =>\n  !Number.isNaN(Number(valueAsNumber)) ? valueAsNumber : null;\n\nexport function InlineNumberInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<number, Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(parseValueAsNumber(e.target.valueAsNumber))}\n      onBlur={(e) => handleBlur(parseValueAsNumber(e.target.valueAsNumber))}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit decimal input component.\n */\nexport function InlineDecimalInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<string>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n      onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n      className={cn(\n        \"border-border/70 hover:border-border w-full\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,kBAAoD,EAClE,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACjE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD;;;;;AAON,MAAM,sBAAsB,kBAC1B,CAAC,OAAO,MAAM,OAAO,cAAc,CAAC,GAAG,gBAAgB;AAEzD,SAAgB,kBAAoD,EAClE,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,mBAAmB,EAAE,OAAO,cAAc,CAAC;EACzE,SAAS,MAAM,WAAW,mBAAmB,EAAE,OAAO,cAAc,CAAC;EACrE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD;;;;;AAON,SAAgB,mBAAmB,EACjC,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SAC4B;CAC/B,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACjE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD"}
+{"version":3,"file":"input.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { Input } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineEditInputProps<TValue, Required extends boolean = false> = Omit<\n  ComponentProps<typeof Input>,\n  \"type\"\n> &\n  useInlineEditOptions<TValue, Required> &\n  InlineEditVariantsProps;\n\n/**\n * The inline edit string input component.\n */\nexport function InlineStringInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<string, Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"text\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n      onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n      className={cn(\n        \"w-full border-border/70 hover:border-border\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit number input component.\n */\nconst parseValueAsNumber = (valueAsNumber: number): number | null =>\n  !Number.isNaN(Number(valueAsNumber)) ? valueAsNumber : null;\n\nexport function InlineNumberInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<number, Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(parseValueAsNumber(e.target.valueAsNumber))}\n      onBlur={(e) => handleBlur(parseValueAsNumber(e.target.valueAsNumber))}\n      className={cn(\n        \"w-full border-border/70 hover:border-border\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n\n/**\n * The inline edit decimal input component.\n */\nexport function InlineDecimalInput({\n  initialValue,\n  action,\n  variant,\n  className,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditInputProps<string>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Input\n      {...props}\n      type=\"number\"\n      value={value ?? undefined}\n      disabled={disabled || !isAllowed}\n      onChange={(e) => handleChange(e.target.value ? e.target.value : null)}\n      onBlur={(e) => handleBlur(e.target.value ? e.target.value : null)}\n      className={cn(\n        \"w-full border-border/70 hover:border-border\",\n        inlineEditVariants({ variant, status }),\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,kBAAoD,EAClE,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACjE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD;;;;;AAON,MAAM,sBAAsB,kBAC1B,CAAC,OAAO,MAAM,OAAO,cAAc,CAAC,GAAG,gBAAgB;AAEzD,SAAgB,kBAAoD,EAClE,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,mBAAmB,EAAE,OAAO,cAAc,CAAC;EACzE,SAAS,MAAM,WAAW,mBAAmB,EAAE,OAAO,cAAc,CAAC;EACrE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD;;;;;AAON,SAAgB,mBAAmB,EACjC,cACA,QACA,SACA,WACA,YACA,gBACA,YACA,UACA,GAAG,SAC4B;CAC/B,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,OAAO,SAAS;EAChB,UAAU,YAAY,CAAC;EACvB,WAAW,MAAM,aAAa,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACrE,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,EAAE,OAAO,QAAQ,KAAK;EACjE,WAAW,GACT,+CACA,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EACvC,UACD;GACD"}

package/dist/modules/inline-edit/components/select.client.d.mts

@@ -1,7 +1,8 @@
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from "@radix-ui/react-select";
+import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/select.client.d.ts
 declare function InlineSelect<Required extends boolean = false>({
@@ -12,19 +13,15 @@ declare function InlineSelect<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: SelectProps & useInlineEditOptions<string, Required>): react_jsx_runtime0.JSX.Element;
-type InlineSelectTriggerProps = SelectTriggerProps;
+}: ComponentProps<typeof Select> & useInlineEditOptions<string, Required>): react_jsx_runtime0.JSX.Element;
 declare function InlineSelectTrigger({
   variant,
   className,
   ...props
-}: InlineSelectTriggerProps & InlineEditVariantsProps): react_jsx_runtime0.JSX.Element;
-type InlineSelectContentProps = SelectContentProps;
-declare function InlineSelectContent(props: InlineSelectContentProps): react_jsx_runtime0.JSX.Element;
-type InlineSelectValueProps = SelectValueProps;
-declare function InlineSelectValue(props: InlineSelectValueProps): react_jsx_runtime0.JSX.Element;
-type InlineSelectItenProps = SelectItemProps;
-declare function InlineSelectItem(props: InlineSelectItenProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof SelectTrigger> & InlineEditVariantsProps): react_jsx_runtime0.JSX.Element;
+declare function InlineSelectContent(props: ComponentProps<typeof SelectContent>): react_jsx_runtime0.JSX.Element;
+declare function InlineSelectValue(props: ComponentProps<typeof SelectValue>): react_jsx_runtime0.JSX.Element;
+declare function InlineSelectItem(props: ComponentProps<typeof SelectItem>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { InlineSelect, InlineSelectContent, InlineSelectContentProps, InlineSelectItem, InlineSelectItenProps, InlineSelectTrigger, InlineSelectTriggerProps, InlineSelectValue, InlineSelectValueProps };
+export { InlineSelect, InlineSelectContent, InlineSelectItem, InlineSelectTrigger, InlineSelectValue };
 //# sourceMappingURL=select.client.d.mts.map

package/dist/modules/inline-edit/components/select.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"select.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"mappings":";;;;;;iBAqBgB,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAc,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA0B3C,wBAAA,GAA2B,kBAAA;AAAA,iBAEvB,mBAAA,CAAA;EACd,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAA2B,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAQzC,wBAAA,GAA2B,kBAAA;AAAA,iBAEvB,mBAAA,CAAoB,KAAA,EAAO,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAIvD,sBAAA,GAAyB,gBAAA;AAAA,iBAErB,iBAAA,CAAkB,KAAA,EAAO,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAInD,qBAAA,GAAwB,eAAA;AAAA,iBAEpB,gBAAA,CAAiB,KAAA,EAAO,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"select.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"mappings":";;;;;;;iBAegB,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,MAAA,IAAU,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA0BzD,mBAAA,CAAA;EACd,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,aAAA,IAAiB,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQjD,mBAAA,CAAoB,KAAA,EAAO,cAAA,QAAsB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI/D,iBAAA,CAAkB,KAAA,EAAO,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI3D,gBAAA,CAAiB,KAAA,EAAO,cAAA,QAAsB,UAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/inline-edit/components/select.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  SelectContentProps,\n  SelectItemProps,\n  SelectProps,\n  SelectTriggerProps,\n  SelectValueProps,\n} from \"@radix-ui/react-select\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\nimport { useIndicator } from \"@/lib/entry.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nexport function InlineSelect<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: SelectProps & useInlineEditOptions<string, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Select\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultValue={value ?? undefined}\n      onValueChange={(value) => {\n        handleChange(value ? value : null);\n        handleBlur(value ? value : null);\n      }}\n    />\n  );\n}\n\nexport type InlineSelectTriggerProps = SelectTriggerProps;\n\nexport function InlineSelectTrigger({\n  variant,\n  className,\n  ...props\n}: InlineSelectTriggerProps & InlineEditVariantsProps) {\n  const { status } = useIndicator();\n\n  return (\n    <SelectTrigger {...props} className={cn(inlineEditVariants({ variant, status }), className)} />\n  );\n}\n\nexport type InlineSelectContentProps = SelectContentProps;\n\nexport function InlineSelectContent(props: InlineSelectContentProps) {\n  return <SelectContent {...props} />;\n}\n\nexport type InlineSelectValueProps = SelectValueProps;\n\nexport function InlineSelectValue(props: InlineSelectValueProps) {\n  return <SelectValue {...props} />;\n}\n\nexport type InlineSelectItenProps = SelectItemProps;\n\nexport function InlineSelectItem(props: InlineSelectItenProps) {\n  return <SelectItem {...props} />;\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACoD;CACvD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,cAAc,SAAS;EACvB,gBAAgB,UAAU;AACxB,gBAAa,QAAQ,QAAQ,KAAK;AAClC,cAAW,QAAQ,QAAQ,KAAK;;GAElC;;AAMN,SAAgB,oBAAoB,EAClC,SACA,WACA,GAAG,SACkD;CACrD,MAAM,EAAE,WAAW,cAAc;AAEjC,QACE,oBAAC;EAAc,GAAI;EAAO,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GAAI;;AAMnG,SAAgB,oBAAoB,OAAiC;AACnE,QAAO,oBAAC,iBAAc,GAAI,QAAS;;AAKrC,SAAgB,kBAAkB,OAA+B;AAC/D,QAAO,oBAAC,eAAY,GAAI,QAAS;;AAKnC,SAAgB,iBAAiB,OAA8B;AAC7D,QAAO,oBAAC,cAAW,GAAI,QAAS"}
+{"version":3,"file":"select.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/select.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\nimport { useIndicator } from \"@/lib/entry.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nexport function InlineSelect<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: ComponentProps<typeof Select> & useInlineEditOptions<string, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Select\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultValue={value ?? undefined}\n      onValueChange={(value) => {\n        handleChange(value ? value : null);\n        handleBlur(value ? value : null);\n      }}\n    />\n  );\n}\n\nexport function InlineSelectTrigger({\n  variant,\n  className,\n  ...props\n}: ComponentProps<typeof SelectTrigger> & InlineEditVariantsProps) {\n  const { status } = useIndicator();\n\n  return (\n    <SelectTrigger {...props} className={cn(inlineEditVariants({ variant, status }), className)} />\n  );\n}\n\nexport function InlineSelectContent(props: ComponentProps<typeof SelectContent>) {\n  return <SelectContent {...props} />;\n}\n\nexport function InlineSelectValue(props: ComponentProps<typeof SelectValue>) {\n  return <SelectValue {...props} />;\n}\n\nexport function InlineSelectItem(props: ComponentProps<typeof SelectItem>) {\n  return <SelectItem {...props} />;\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACsE;CACzE,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,cAAc,SAAS;EACvB,gBAAgB,UAAU;AACxB,gBAAa,QAAQ,QAAQ,KAAK;AAClC,cAAW,QAAQ,QAAQ,KAAK;;GAElC;;AAIN,SAAgB,oBAAoB,EAClC,SACA,WACA,GAAG,SAC8D;CACjE,MAAM,EAAE,WAAW,cAAc;AAEjC,QACE,oBAAC;EAAc,GAAI;EAAO,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GAAI;;AAInG,SAAgB,oBAAoB,OAA6C;AAC/E,QAAO,oBAAC,iBAAc,GAAI,QAAS;;AAGrC,SAAgB,kBAAkB,OAA2C;AAC3E,QAAO,oBAAC,eAAY,GAAI,QAAS;;AAGnC,SAAgB,iBAAiB,OAA0C;AACzE,QAAO,oBAAC,cAAW,GAAI,QAAS"}

package/dist/modules/inline-edit/components/switch.client.d.mts

@@ -1,6 +1,7 @@
+import { Switch } from "../../../components/ui/switch.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SwitchProps } from "@radix-ui/react-switch";
+import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/switch.client.d.ts
 declare function InlineSwitch<Required extends boolean = false>({
@@ -11,7 +12,7 @@ declare function InlineSwitch<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: SwitchProps & useInlineEditOptions<boolean, Required>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Switch> & useInlineEditOptions<boolean, Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineSwitch };
 //# sourceMappingURL=switch.client.d.mts.map

package/dist/modules/inline-edit/components/switch.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"mappings":";;;;;iBAMgB,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAc,oBAAA,UAA8B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"switch.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"mappings":";;;;;;iBAMgB,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,MAAA,IAAU,oBAAA,UAA8B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/inline-edit/components/switch.client.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { Switch } from "../../../components/ui/switch.mjs";
+import { Switch } from "../../../components/ui/switch.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 

package/dist/modules/inline-edit/components/switch.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { SwitchProps } from \"@radix-ui/react-switch\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport function InlineSwitch<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: SwitchProps & useInlineEditOptions<boolean, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Switch\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultChecked={value ?? undefined}\n      onCheckedChange={(checked) => {\n        handleChange(checked ?? null);\n        handleBlur(checked ?? null);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACqD;CACxD,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,gBAAgB,SAAS;EACzB,kBAAkB,YAAY;AAC5B,gBAAa,WAAW,KAAK;AAC7B,cAAW,WAAW,KAAK;;GAE7B"}
+{"version":3,"file":"switch.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/switch.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { Switch } from \"@/components/ui/switch.client\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport function InlineSwitch<Required extends boolean = false>({\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: ComponentProps<typeof Switch> & useInlineEditOptions<boolean, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <Switch\n      {...props}\n      disabled={disabled || !isAllowed}\n      defaultChecked={value ?? undefined}\n      onCheckedChange={(checked) => {\n        handleChange(checked ?? null);\n        handleBlur(checked ?? null);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACuE;CAC1E,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,YAAY,CAAC;EACvB,gBAAgB,SAAS;EACzB,kBAAkB,YAAY;AAC5B,gBAAa,WAAW,KAAK;AAC7B,cAAW,WAAW,KAAK;;GAE7B"}

package/dist/modules/inline-edit/components/toggle.client.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "../../../lib/utils/cn.mjs";
-import { Toggle } from "../../../components/ui/toggle.mjs";
+import { Toggle } from "../../../components/ui/toggle.client.mjs";
 import { useInlineEdit } from "../hooks/use-inline.client.mjs";
 import { jsx } from "react/jsx-runtime";
 

package/dist/modules/inline-edit/components/toggle.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { Toggle } from \"@/components/ui/toggle\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineEditToggleProps<Required extends boolean = false> =\n  React.HTMLAttributes<HTMLDivElement> & useInlineEditOptions<boolean, Required>;\n\nexport function InlineToggle<Required extends boolean = false>({\n  initialValue,\n  action,\n  children,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineEditToggleProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <div {...props} className={cn(\"flex flex-wrap items-center justify-start gap-1\", className)}>\n      <Toggle\n        disabled={!isAllowed}\n        variant=\"outline\"\n        pressed={value ?? undefined}\n        defaultChecked={initialValue ?? undefined}\n        onPressedChange={(value) => {\n          handleChange(value);\n          handleBlur(value);\n        }}\n      >\n        {children}\n      </Toggle>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,aAA+C,EAC7D,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SAC+B;CAClC,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mDAAmD,UAAU;YACzF,oBAAC;GACC,UAAU,CAAC;GACX,SAAQ;GACR,SAAS,SAAS;GAClB,gBAAgB,gBAAgB;GAChC,kBAAkB,UAAU;AAC1B,iBAAa,MAAM;AACnB,eAAW,MAAM;;GAGlB;IACM;GACL"}
+{"version":3,"file":"toggle.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/toggle.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { Toggle } from \"@/components/ui/toggle.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineEditToggleProps<Required extends boolean = false> =\n  React.HTMLAttributes<HTMLDivElement> & useInlineEditOptions<boolean, Required>;\n\nexport function InlineToggle<Required extends boolean = false>({\n  initialValue,\n  action,\n  children,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineEditToggleProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n    parser: {\n      decode: (value) => value,\n      encode: (value) => value,\n    },\n  });\n\n  return (\n    <div {...props} className={cn(\"flex flex-wrap items-center justify-start gap-1\", className)}>\n      <Toggle\n        disabled={!isAllowed}\n        variant=\"outline\"\n        pressed={value ?? undefined}\n        defaultChecked={initialValue ?? undefined}\n        onPressedChange={(value) => {\n          handleChange(value);\n          handleBlur(value);\n        }}\n      >\n        {children}\n      </Toggle>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,aAA+C,EAC7D,cACA,QACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SAC+B;CAClC,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;AAEF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mDAAmD,UAAU;YACzF,oBAAC;GACC,UAAU,CAAC;GACX,SAAQ;GACR,SAAS,SAAS;GAClB,gBAAgB,gBAAgB;GAChC,kBAAkB,UAAU;AAC1B,iBAAa,MAAM;AACnB,eAAW,MAAM;;GAGlB;IACM;GACL"}