@tulip-systems/core 0.6.0 → 0.7.0

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/data-table/components/table.mjs

@@ -1,8 +1,8 @@
 "use client";
 
+import { FloatingCommandMenu } from "../../../../commands/menus/floating-menu.client.mjs";
 import { Table } from "../../../components/table.mjs";
 import { useTable } from "../../../hooks/use-table.client.mjs";
-import { TableCommandMenu } from "../../../../commands/menus/data-table-menu.client.mjs";
 import { TableBottombar, TableFooter } from "../../../components/footer.mjs";
 import { DataTableBody } from "./body.mjs";
 import { DataTableHeader } from "./header.mjs";
@@ -27,7 +27,13 @@ function DataTable(props) {
 				})
 			}),
 			/* @__PURE__ */ jsx(TableBottombar, { table }),
-			meta.commands && /* @__PURE__ */ jsx(TableCommandMenu, { table })
+			meta.commands && /* @__PURE__ */ jsx(FloatingCommandMenu, {
+				data: meta.selectedData,
+				commands: meta.commands,
+				meta,
+				state: meta.selectedData?.length ? "open" : "closed",
+				onSuccess: () => table.resetRowSelection()
+			})
 		]
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { TableCommandMenu } from \"@/modules/commands/menus/data-table-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { DataTableBody } from \"./body\";\nimport { DataTableHeader } from \"./header\";\n\nexport function DataTable<TData extends { id: string }>(props: ComponentProps<typeof Table>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"rounded-md border\">\n        <Table {...props}>\n          <DataTableHeader table={table} />\n          <DataTableBody table={table} />\n          <TableFooter table={table} />\n        </Table>\n      </div>\n\n      <TableBottombar table={table} />\n      {meta.commands && <TableCommandMenu table={table} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,UAAwC,OAAqC;CAC3F,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC;IAAI,WAAU;cACb,qBAAC;KAAM,GAAI;;MACT,oBAAC,mBAAuB,QAAS;MACjC,oBAAC,iBAAqB,QAAS;MAC/B,oBAAC,eAAmB,QAAS;;MACvB;KACJ;GAEN,oBAAC,kBAAsB,QAAS;GAC/B,KAAK,YAAY,oBAAC,oBAAwB,QAAS;;GAChD"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { FloatingCommandMenu } from \"@/modules/commands/menus/floating-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { DataTableBody } from \"./body\";\nimport { DataTableHeader } from \"./header\";\n\nexport function DataTable<TData extends { id: string }>(props: ComponentProps<typeof Table>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"rounded-md border\">\n        <Table {...props}>\n          <DataTableHeader table={table} />\n          <DataTableBody table={table} />\n          <TableFooter table={table} />\n        </Table>\n      </div>\n\n      <TableBottombar table={table} />\n\n      {meta.commands && (\n        <FloatingCommandMenu\n          data={meta.selectedData}\n          commands={meta.commands}\n          meta={meta}\n          state={meta.selectedData?.length ? \"open\" : \"closed\"}\n          onSuccess={() => table.resetRowSelection()}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,UAAwC,OAAqC;CAC3F,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC;IAAI,WAAU;cACb,qBAAC;KAAM,GAAI;;MACT,oBAAC,mBAAuB,QAAS;MACjC,oBAAC,iBAAqB,QAAS;MAC/B,oBAAC,eAAmB,QAAS;;MACvB;KACJ;GAEN,oBAAC,kBAAsB,QAAS;GAE/B,KAAK,YACJ,oBAAC;IACC,MAAM,KAAK;IACX,UAAU,KAAK;IACT;IACN,OAAO,KAAK,cAAc,SAAS,SAAS;IAC5C,iBAAiB,MAAM,mBAAmB;KAC1C;;GAEA"}

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/data-tables/tables/inline-table/components/table.mjs

@@ -1,8 +1,8 @@
 "use client";
 
+import { FloatingCommandMenu } from "../../../../commands/menus/floating-menu.client.mjs";
 import { Table } from "../../../components/table.mjs";
 import { useTable } from "../../../hooks/use-table.client.mjs";
-import { TableCommandMenu } from "../../../../commands/menus/data-table-menu.client.mjs";
 import { TableBottombar, TableFooter } from "../../../components/footer.mjs";
 import { InlineTableProvider } from "../hooks/context.client.mjs";
 import { InlineTableBody } from "./body.mjs";
@@ -35,7 +35,13 @@ function InlineTable({ disabledColumns, moveRowAction, ...props }) {
 					})
 				}),
 				/* @__PURE__ */ jsx(TableBottombar, { table }),
-				meta.commands && /* @__PURE__ */ jsx(TableCommandMenu, { table })
+				meta.commands && /* @__PURE__ */ jsx(FloatingCommandMenu, {
+					data: meta.selectedData,
+					commands: meta.commands,
+					meta,
+					state: meta.selectedData?.length ? "open" : "closed",
+					onSuccess: () => table.resetRowSelection()
+				})
 			]
 		})
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { HotkeysProvider } from \"react-hotkeys-hook\";\nimport { TableCommandMenu } from \"@/modules/commands/menus/data-table-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { InlineTableProvider } from \"../hooks/context.client\";\nimport { InlineTableBody } from \"./body\";\nimport { InlineTableHeader } from \"./header\";\n\nexport function InlineTable<TData extends { id: string }>({\n  disabledColumns,\n  moveRowAction,\n  ...props\n}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <InlineTableProvider disabledColumns={disabledColumns} moveRowAction={moveRowAction}>\n      <div className=\"space-y-4\">\n        <div className=\"rounded-md border\">\n          <Table {...props}>\n            <InlineTableHeader table={table} />\n\n            <HotkeysProvider initiallyActiveScopes={[\"inline-data-table\"]}>\n              <InlineTableBody table={table} />\n            </HotkeysProvider>\n\n            <TableFooter table={table} />\n          </Table>\n        </div>\n\n        <TableBottombar table={table} />\n        {meta.commands && <TableCommandMenu table={table} />}\n      </div>\n    </InlineTableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,YAA0C,EACxD,iBACA,eACA,GAAG,SACyE;CAC5E,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,oBAAC;EAAqC;EAAgC;YACpE,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAM,GAAI;;OACT,oBAAC,qBAAyB,QAAS;OAEnC,oBAAC;QAAgB,uBAAuB,CAAC,oBAAoB;kBAC3D,oBAAC,mBAAuB,QAAS;SACjB;OAElB,oBAAC,eAAmB,QAAS;;OACvB;MACJ;IAEN,oBAAC,kBAAsB,QAAS;IAC/B,KAAK,YAAY,oBAAC,oBAAwB,QAAS;;IAChD;GACc"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { HotkeysProvider } from \"react-hotkeys-hook\";\nimport { FloatingCommandMenu } from \"@/modules/commands/menus/floating-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { InlineTableProvider } from \"../hooks/context.client\";\nimport { InlineTableBody } from \"./body\";\nimport { InlineTableHeader } from \"./header\";\n\nexport function InlineTable<TData extends { id: string }>({\n  disabledColumns,\n  moveRowAction,\n  ...props\n}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <InlineTableProvider disabledColumns={disabledColumns} moveRowAction={moveRowAction}>\n      <div className=\"space-y-4\">\n        <div className=\"rounded-md border\">\n          <Table {...props}>\n            <InlineTableHeader table={table} />\n\n            <HotkeysProvider initiallyActiveScopes={[\"inline-data-table\"]}>\n              <InlineTableBody table={table} />\n            </HotkeysProvider>\n\n            <TableFooter table={table} />\n          </Table>\n        </div>\n\n        <TableBottombar table={table} />\n\n        {meta.commands && (\n          <FloatingCommandMenu\n            data={meta.selectedData}\n            commands={meta.commands}\n            meta={meta}\n            state={meta.selectedData?.length ? \"open\" : \"closed\"}\n            onSuccess={() => table.resetRowSelection()}\n          />\n        )}\n      </div>\n    </InlineTableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,YAA0C,EACxD,iBACA,eACA,GAAG,SACyE;CAC5E,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,oBAAC;EAAqC;EAAgC;YACpE,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAM,GAAI;;OACT,oBAAC,qBAAyB,QAAS;OAEnC,oBAAC;QAAgB,uBAAuB,CAAC,oBAAoB;kBAC3D,oBAAC,mBAAuB,QAAS;SACjB;OAElB,oBAAC,eAAmB,QAAS;;OACvB;MACJ;IAEN,oBAAC,kBAAsB,QAAS;IAE/B,KAAK,YACJ,oBAAC;KACC,MAAM,KAAK;KACX,UAAU,KAAK;KACT;KACN,OAAO,KAAK,cAAc,SAAS,SAAS;KAC5C,iBAAiB,MAAM,mBAAmB;MAC1C;;IAEA;GACc"}

package/dist/modules/inline-edit/components/combobox-dropdown.client.mjs

@@ -13,7 +13,11 @@ function InlineComboboxDropdown({ selectedItem, variant, className, onSelect, in
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	const initialSelectedItem = props.items.find((item) => item.id === initialValue);
 	return /* @__PURE__ */ jsx(ComboboxDropdown, {

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-dropdown.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ComboboxDropdown,\n  type ComboboxDropdownItem,\n  type ComboboxDropdownProps,\n} from \"@/components/ui/combobox-dropdown.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 type InlineEditComboboxDropdownProps<\n  TValue extends ComboboxDropdownItem,\n  Required extends boolean = false,\n> = useInlineEditOptions<string, Required> &\n  InlineEditVariantsProps &\n  Omit<ComboboxDropdownProps<TValue>, \"onSelect\"> & {\n    onSelect?: ComboboxDropdownProps<TValue>[\"onSelect\"];\n  };\n\nexport function InlineComboboxDropdown<\n  TValue extends ComboboxDropdownItem,\n  Required extends boolean,\n>({\n  selectedItem,\n  variant,\n  className,\n  onSelect,\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditComboboxDropdownProps<TValue, Required>) {\n  const { handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  const initialSelectedItem = props.items.find((item) => item.id === initialValue);\n\n  return (\n    <ComboboxDropdown\n      {...props}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n      disabled={disabled || !isAllowed}\n      selectedItem={selectedItem ?? initialSelectedItem}\n      onSelect={(event) => {\n        handleChange(event.id ?? null);\n        handleBlur(event.id ?? null);\n        onSelect?.(event);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,uBAGd,EACA,cACA,SACA,WACA,UACA,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACiD;CACpD,MAAM,EAAE,cAAc,YAAY,WAAW,WAAW,cAAc;EACpE;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,sBAAsB,MAAM,MAAM,MAAM,SAAS,KAAK,OAAO,aAAa;AAEhF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;EACjE,UAAU,YAAY,CAAC;EACvB,cAAc,gBAAgB;EAC9B,WAAW,UAAU;AACnB,gBAAa,MAAM,MAAM,KAAK;AAC9B,cAAW,MAAM,MAAM,KAAK;AAC5B,cAAW,MAAM;;GAEnB"}
+{"version":3,"file":"combobox-dropdown.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ComboboxDropdown,\n  type ComboboxDropdownItem,\n  type ComboboxDropdownProps,\n} from \"@/components/ui/combobox-dropdown.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 type InlineEditComboboxDropdownProps<\n  TValue extends ComboboxDropdownItem,\n  Required extends boolean = false,\n> = useInlineEditOptions<string, Required> &\n  InlineEditVariantsProps &\n  Omit<ComboboxDropdownProps<TValue>, \"onSelect\"> & {\n    onSelect?: ComboboxDropdownProps<TValue>[\"onSelect\"];\n  };\n\nexport function InlineComboboxDropdown<\n  TValue extends ComboboxDropdownItem,\n  Required extends boolean,\n>({\n  selectedItem,\n  variant,\n  className,\n  onSelect,\n  initialValue,\n  action,\n  permission,\n  updateStrategy,\n  isRequired,\n  disabled,\n  ...props\n}: InlineEditComboboxDropdownProps<TValue, Required>) {\n  const { 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  const initialSelectedItem = props.items.find((item) => item.id === initialValue);\n\n  return (\n    <ComboboxDropdown\n      {...props}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n      disabled={disabled || !isAllowed}\n      selectedItem={selectedItem ?? initialSelectedItem}\n      onSelect={(event) => {\n        handleChange(event.id ?? null);\n        handleBlur(event.id ?? null);\n        onSelect?.(event);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,uBAGd,EACA,cACA,SACA,WACA,UACA,cACA,QACA,YACA,gBACA,YACA,UACA,GAAG,SACiD;CACpD,MAAM,EAAE,cAAc,YAAY,WAAW,WAAW,cAAc;EACpE;EACA;EACA;EACA;EACA;EACA,QAAQ;GACN,SAAS,UAAU;GACnB,SAAS,UAAU;GACpB;EACF,CAAC;CAEF,MAAM,sBAAsB,MAAM,MAAM,MAAM,SAAS,KAAK,OAAO,aAAa;AAEhF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;EACjE,UAAU,YAAY,CAAC;EACvB,cAAc,gBAAgB;EAC9B,WAAW,UAAU;AACnB,gBAAa,MAAM,MAAM,KAAK;AAC9B,cAAW,MAAM,MAAM,KAAK;AAC5B,cAAW,MAAM;;GAEnB"}

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

@@ -11,7 +11,11 @@ function InlineCombobox({ initialValue, action, permission, onSelect, onBlur, di
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Combobox, {
 		...props,

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox, type ComboboxProps } from \"@/components/ui/combobox.client\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineComboboxProps<TValue, Required extends boolean = false> = useInlineEditOptions<\n  string,\n  Required\n> &\n  Omit<ComboboxProps<TValue>, \"value\">;\n\nexport function InlineCombobox<TValue, Required extends boolean>({\n  initialValue,\n  action,\n  permission,\n  onSelect,\n  onBlur,\n  disabled,\n  updateStrategy,\n  isRequired,\n  ...props\n}: InlineComboboxProps<TValue, Required>) {\n  const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  return (\n    <Combobox\n      {...props}\n      value={value}\n      disabled={disabled || !isAllowed}\n      onSelect={(value) => {\n        handleChange(value ?? null);\n        onSelect?.(value as TValue);\n      }}\n      onBlur={(e) => {\n        handleBlur(e.target.value ?? null);\n        onBlur?.(e);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,eAAiD,EAC/D,cACA,QACA,YACA,UACA,QACA,UACA,gBACA,YACA,GAAG,SACqC;CACxC,MAAM,EAAE,OAAO,cAAc,YAAY,cAAc,cAAc;EACnE;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACG;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,UAAU;AACnB,gBAAa,SAAS,KAAK;AAC3B,cAAW,MAAgB;;EAE7B,SAAS,MAAM;AACb,cAAW,EAAE,OAAO,SAAS,KAAK;AAClC,YAAS,EAAE;;GAEb"}
+{"version":3,"file":"combobox.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox, type ComboboxProps } from \"@/components/ui/combobox.client\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\n\nexport type InlineComboboxProps<TValue, Required extends boolean = false> = useInlineEditOptions<\n  string,\n  Required\n> &\n  Omit<ComboboxProps<TValue>, \"value\">;\n\nexport function InlineCombobox<TValue, Required extends boolean>({\n  initialValue,\n  action,\n  permission,\n  onSelect,\n  onBlur,\n  disabled,\n  updateStrategy,\n  isRequired,\n  ...props\n}: InlineComboboxProps<TValue, 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    <Combobox\n      {...props}\n      value={value}\n      disabled={disabled || !isAllowed}\n      onSelect={(value) => {\n        handleChange(value ?? null);\n        onSelect?.(value as TValue);\n      }}\n      onBlur={(e) => {\n        handleBlur(e.target.value ?? null);\n        onBlur?.(e);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,eAAiD,EAC/D,cACA,QACA,YACA,UACA,QACA,UACA,gBACA,YACA,GAAG,SACqC;CACxC,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;EACG;EACP,UAAU,YAAY,CAAC;EACvB,WAAW,UAAU;AACnB,gBAAa,SAAS,KAAK;AAC3B,cAAW,MAAgB;;EAE7B,SAAS,MAAM;AACb,cAAW,EAAE,OAAO,SAAS,KAAK;AAClC,YAAS,EAAE;;GAEb"}

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";
@@ -23,7 +23,11 @@ function InlineDateInput({ initialValue, action, permission, variant, className,
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	const [stringDate, setStringDate] = React.useState(initialValue ? formatDate(initialValue) : "");
 	/**
@@ -65,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  });\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;EACD,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";
@@ -19,7 +19,11 @@ function InlineDatePicker({ initialValue, action, permission, variant, className
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsxs(Popover, {
 		open,

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  });\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;EACD,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.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"date-time.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-time.client.tsx"],"mappings":";;;;;;;iBAQgB,mBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,OAAA;EACA,SAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,aAAA,IACvB,oBAAA,CAAqB,IAAA,EAAM,QAAA,IAC3B,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"date-time.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-time.client.tsx"],"mappings":";;;;;;;iBASgB,mBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,OAAA;EACA,SAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,aAAA,IACvB,oBAAA,CAAqB,IAAA,EAAM,QAAA,IAC3B,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,10 +1,11 @@
 "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";
+import { format } from "date-fns";
 
 //#region src/modules/inline-edit/components/date-time.client.tsx
 function InlineDateTimeInput({ initialValue, action, permission, variant, className, updateStrategy, isRequired, disabled, ...props }) {
@@ -13,7 +14,11 @@ function InlineDateTimeInput({ initialValue, action, permission, variant, classN
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value instanceof Date ? format(value, "yyyy-MM-dd'T'HH:mm") : typeof value === "string" ? value : void 0,
+			encode: (value) => value ? new Date(value) : null
+		}
 	});
 	return /* @__PURE__ */ jsx(DateTimeInput, {
 		value: value ?? void 0,

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 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    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\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":";;;;;;;;;AAQA,SAAgB,oBAAsD,EACpE,cACA,QACA,YACA,SACA,WACA,gBACA,YACA,UACA,GAAG,SAGsB;CACzB,MAAM,EAAE,OAAO,cAAc,YAAY,QAAQ,cAAc,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACD,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/editor.client.mjs

@@ -13,7 +13,11 @@ function InlineEditor({ initialValue, action, extensions, variant, disabled, per
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Editor, {
 		value,

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

@@ -1 +1 @@
-{"version":3,"file":"editor.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Editor, type EditorProps } from \"@/components/editor/components/editor.client\";\nimport type { EditorJSONContent } from \"@/components/editor/lib/types\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nexport type InlineEditorProps<Required extends boolean = false> = useInlineEditOptions<\n  EditorJSONContent,\n  Required\n> &\n  InlineEditVariantsProps &\n  Omit<EditorProps, \"value\" | \"onUpdate\" | \"onBlur\" | \"variant\">;\n\nexport function InlineEditor<Required extends boolean = false>({\n  initialValue,\n  action,\n  extensions,\n  variant,\n  disabled,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  children,\n}: InlineEditorProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  return (\n    <Editor\n      value={value}\n      extensions={extensions}\n      onUpdate={(value) => handleChange(value)}\n      onBlur={(value) => handleBlur(value)}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n      disabled={disabled || !isAllowed}\n      variant={variant}\n    >\n      {children}\n    </Editor>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,SACA,UACA,YACA,gBACA,YACA,WACA,YAC8B;CAC9B,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACQ;EACK;EACZ,WAAW,UAAU,aAAa,MAAM;EACxC,SAAS,UAAU,WAAW,MAAM;EACpC,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;EACjE,UAAU,YAAY,CAAC;EACd;EAER;GACM"}
+{"version":3,"file":"editor.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Editor, type EditorProps } from \"@/components/editor/components/editor.client\";\nimport type { EditorJSONContent } from \"@/components/editor/lib/types\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\nexport type InlineEditorProps<Required extends boolean = false> = useInlineEditOptions<\n  EditorJSONContent,\n  Required\n> &\n  InlineEditVariantsProps &\n  Omit<EditorProps, \"value\" | \"onUpdate\" | \"onBlur\" | \"variant\">;\n\nexport function InlineEditor<Required extends boolean = false>({\n  initialValue,\n  action,\n  extensions,\n  variant,\n  disabled,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  children,\n}: InlineEditorProps<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    <Editor\n      value={value}\n      extensions={extensions}\n      onUpdate={(value) => handleChange(value)}\n      onBlur={(value) => handleBlur(value)}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n      disabled={disabled || !isAllowed}\n      variant={variant}\n    >\n      {children}\n    </Editor>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,aAA+C,EAC7D,cACA,QACA,YACA,SACA,UACA,YACA,gBACA,YACA,WACA,YAC8B;CAC9B,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;EACQ;EACK;EACZ,WAAW,UAAU,aAAa,MAAM;EACxC,SAAS,UAAU,WAAW,MAAM;EACpC,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;EACjE,UAAU,YAAY,CAAC;EACd;EAER;GACM"}

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

@@ -16,7 +16,11 @@ function InlineRecipientInput({ initialValue, action, variant, disabled, contact
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(RecipientInput, {
 		...props,

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

@@ -1 +1 @@
-{"version":3,"file":"input-recipient.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { type Contact, RecipientInput } from \"@/components/ui/input-recipient\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineRecipientInputProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof RecipientInput>,\n  \"value\" | \"onChange\"\n> &\n  useInlineEditOptions<string[], Required> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineRecipientInputProps<Required>) {\n  const { value, handleChange, handleBlur, isAllowed, status } = useInlineEdit({\n    initialValue,\n    action,\n    permission,\n    updateStrategy,\n    isRequired,\n  });\n\n  return (\n    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        handleChange(newValue);\n        handleBlur(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAgB,qBAAuD,EACrE,cACA,QACA,SACA,UACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACmC;CACtC,MAAM,EAAE,OAAO,cAAc,YAAY,WAAW,WAAW,cAAc;EAC3E;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,gBAAa,SAAS;AACtB,cAAW,SAAS;;EAEtB,UAAU,YAAY,CAAC;EACvB,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GACjE"}
+{"version":3,"file":"input-recipient.client.mjs","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { type Contact, RecipientInput } from \"@/components/ui/input-recipient\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { type InlineEditVariantsProps, inlineEditVariants } from \"../lib/variants\";\n\ntype InlineRecipientInputProps<Required extends boolean = false> = Omit<\n  ComponentProps<typeof RecipientInput>,\n  \"value\" | \"onChange\"\n> &\n  useInlineEditOptions<string[], Required> &\n  InlineEditVariantsProps & {\n    contacts: Contact[];\n  };\n\n/**\n * The inline edit recipient input component.\n */\nexport function InlineRecipientInput<Required extends boolean = false>({\n  initialValue,\n  action,\n  variant,\n  disabled,\n  contacts,\n  permission,\n  updateStrategy,\n  isRequired,\n  className,\n  ...props\n}: InlineRecipientInputProps<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    <RecipientInput\n      {...props}\n      contacts={contacts}\n      value={value ?? []}\n      onChange={(newValue) => {\n        handleChange(newValue);\n        handleBlur(newValue);\n      }}\n      disabled={disabled || !isAllowed}\n      className={cn(inlineEditVariants({ variant, status }), className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAgB,qBAAuD,EACrE,cACA,QACA,SACA,UACA,UACA,YACA,gBACA,YACA,WACA,GAAG,SACmC;CACtC,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;EACM;EACV,OAAO,SAAS,EAAE;EAClB,WAAW,aAAa;AACtB,gBAAa,SAAS;AACtB,cAAW,SAAS;;EAEtB,UAAU,YAAY,CAAC;EACvB,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAQ,CAAC,EAAE,UAAU;GACjE"}

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

@@ -16,7 +16,11 @@ function InlineStringInputToggle({ initialValue, action, disabled, permission, u
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	function handleToggle() {
 		setEnabled(!enabled);
@@ -33,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  });\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;EACD,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.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"mappings":";;;;;;;KAQK,oBAAA,6CAAiE,IAAA,CACpE,cAAA,QAAsB,KAAA,aAGtB,oBAAA,CAAqB,MAAA,EAAQ,QAAA,IAC7B,uBAAA;;;AAPiF;iBAYnE,iBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgCzB,iBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBA6BzB,kBAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,WAA4B,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input.client.tsx"],"mappings":";;;;;;;KAQK,oBAAA,6CAAiE,IAAA,CACpE,cAAA,QAAsB,KAAA,aAGtB,oBAAA,CAAqB,MAAA,EAAQ,QAAA,IAC7B,uBAAA;;;AAPiF;iBAYnE,iBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoCzB,iBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,SAA6B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAiCzB,kBAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,oBAAA,WAA4B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -16,7 +16,11 @@ function InlineStringInput({ initialValue, action, variant, className, permissio
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
@@ -25,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)
@@ -41,7 +45,11 @@ function InlineNumberInput({ initialValue, action, variant, className, permissio
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
@@ -50,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)
@@ -65,7 +73,11 @@ function InlineDecimalInput({ initialValue, action, variant, className, permissi
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		...props,
@@ -74,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  });\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  });\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  });\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;EACD,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;EACD,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;EACD,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"}