@tulip-systems/core 0.5.16 → 0.6.1

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

@@ -1 +1 @@
-{"version":3,"file":"read-only.d.mts","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/read-only.tsx"],"sourcesContent":[],"mappings":";;;;iBAGgB,uBAAA;;;;GAIb,KAAA,CAAM,eAAe,mBAAgB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"read-only.d.mts","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/read-only.tsx"],"mappings":";;;;iBAGgB,uBAAA,CAAA;EACd,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,6 +1,5 @@
 import { cn } from "../../../../../../lib/utils/cn.mjs";
 import { jsx } from "react/jsx-runtime";
-import React from "react";
 
 //#region src/modules/data-tables/tables/inline-table/components/cells/read-only.tsx
 function InlineDataTableReadOnly({ className, children, ...props }) {

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 { cn } from \"@/lib/utils/cn\";\nimport React from \"react\";\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(\"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"header.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/header.tsx"],"sourcesContent":["import { Table } from \"@tanstack/react-table\";\nimport { TableHeader, TableHeaderCell, TableHeaderRow } from \"../../../components/header\";\n\nexport function InlineTableHeader<TData extends { id: string }>({\n  table,\n}: {\n  table: Table<TData>;\n}) {\n  return (\n    <TableHeader>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableHeaderRow key={headerGroup.id}>\n          {headerGroup.headers.map((header) => (\n            <TableHeaderCell key={header.id} header={header} />\n          ))}\n        </TableHeaderRow>\n      ))}\n    </TableHeader>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAgD,EAC9D,SAGC;AACD,QACE,oBAAC,yBACE,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,oBAAC,4BACE,YAAY,QAAQ,KAAK,WACxB,oBAAC,mBAAwC,UAAnB,OAAO,GAAsB,CACnD,IAHiB,YAAY,GAIhB,CACjB,GACU"}
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/header.tsx"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\";\nimport { TableHeader, TableHeaderCell, TableHeaderRow } from \"../../../components/header\";\n\nexport function InlineTableHeader<TData extends { id: string }>({\n  table,\n}: {\n  table: Table<TData>;\n}) {\n  return (\n    <TableHeader>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableHeaderRow key={headerGroup.id}>\n          {headerGroup.headers.map((header) => (\n            <TableHeaderCell key={header.id} header={header} />\n          ))}\n        </TableHeaderRow>\n      ))}\n    </TableHeader>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAgD,EAC9D,SAGC;AACD,QACE,oBAAC,yBACE,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,oBAAC,4BACE,YAAY,QAAQ,KAAK,WACxB,oBAAC,mBAAwC,UAAnB,OAAO,GAAsB,CACnD,IAHiB,YAAY,GAIhB,CACjB,GACU"}

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

@@ -4,7 +4,6 @@ import { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigge
 import { TableRow } from "../../../components/table.mjs";
 import { InlineEditProvider } from "../../../../inline-edit/hooks/context.client.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 

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

@@ -1 +1 @@
-{"version":3,"file":"row.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/row.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ContextCommandMenu,\n  ContextCommandMenuContent,\n  ContextCommandMenuTrigger,\n} from \"@/modules/commands/entry.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport { InlineEditProvider } from \"@/modules/inline-edit/entry.client\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { type Row, type Table } from \"@tanstack/react-table\";\nimport * as React from \"react\";\nimport { TableMeta } from \"../../../lib/types\";\n\nexport type InlineTableRowProps<TData extends { id: string }> =\n  React.HTMLAttributes<HTMLTableRowElement> & {\n    row: Row<TData>;\n    table: Table<TData>;\n  };\n\nexport function InlineTableRow<TData extends { id: string }>({\n  row,\n  table,\n  children,\n  ...props\n}: InlineTableRowProps<TData>) {\n  const meta = table.options.meta as TableMeta<TData>;\n\n  const rowId = (row.original as { id: string }).id;\n\n  const { setNodeRef, transform, transition } = useSortable({ id: rowId });\n\n  return (\n    <ContextCommandMenu>\n      <ContextCommandMenuTrigger asChild>\n        <TableRow\n          {...props}\n          ref={setNodeRef}\n          data-state={row.getIsSelected() && \"selected\"}\n          style={{\n            transform: CSS.Transform.toString(transform),\n            transition,\n          }}\n        >\n          <InlineEditProvider id={row.original.id}>{children}</InlineEditProvider>\n        </TableRow>\n      </ContextCommandMenuTrigger>\n\n      <ContextCommandMenuContent\n        data={row.original}\n        commands={meta.commands || []}\n        meta={meta as never}\n        className=\"w-[300px]\"\n      />\n    </ContextCommandMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAqBA,SAAgB,eAA6C,EAC3D,KACA,OACA,UACA,GAAG,SAC0B;CAC7B,MAAM,OAAO,MAAM,QAAQ;CAE3B,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,WAAW,eAAe,YAAY,EAAE,IAAI,OAAO,CAAC;AAExE,QACE,qBAAC,iCACC,oBAAC;EAA0B;YACzB,oBAAC;GACC,GAAI;GACJ,KAAK;GACL,cAAY,IAAI,eAAe,IAAI;GACnC,OAAO;IACL,WAAW,IAAI,UAAU,SAAS,UAAU;IAC5C;IACD;aAED,oBAAC;IAAmB,IAAI,IAAI,SAAS;IAAK;KAA8B;IAC/D;GACe,EAE5B,oBAAC;EACC,MAAM,IAAI;EACV,UAAU,KAAK,YAAY,EAAE;EACvB;EACN,WAAU;GACV,IACiB"}
+{"version":3,"file":"row.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/row.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport {\n  ContextCommandMenu,\n  ContextCommandMenuContent,\n  ContextCommandMenuTrigger,\n} from \"@/modules/commands/entry.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport { InlineEditProvider } from \"@/modules/inline-edit/entry.client\";\nimport type { TableMeta } from \"../../../lib/types\";\n\nexport type InlineTableRowProps<TData extends { id: string }> =\n  React.HTMLAttributes<HTMLTableRowElement> & {\n    row: Row<TData>;\n    table: Table<TData>;\n  };\n\nexport function InlineTableRow<TData extends { id: string }>({\n  row,\n  table,\n  children,\n  ...props\n}: InlineTableRowProps<TData>) {\n  const meta = table.options.meta as TableMeta<TData>;\n\n  const rowId = (row.original as { id: string }).id;\n\n  const { setNodeRef, transform, transition } = useSortable({ id: rowId });\n\n  return (\n    <ContextCommandMenu>\n      <ContextCommandMenuTrigger asChild>\n        <TableRow\n          {...props}\n          ref={setNodeRef}\n          data-state={row.getIsSelected() && \"selected\"}\n          style={{\n            transform: CSS.Transform.toString(transform),\n            transition,\n          }}\n        >\n          <InlineEditProvider id={row.original.id}>{children}</InlineEditProvider>\n        </TableRow>\n      </ContextCommandMenuTrigger>\n\n      <ContextCommandMenuContent\n        data={row.original}\n        commands={meta.commands || []}\n        meta={meta as never}\n        className=\"w-[300px]\"\n      />\n    </ContextCommandMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,eAA6C,EAC3D,KACA,OACA,UACA,GAAG,SAC0B;CAC7B,MAAM,OAAO,MAAM,QAAQ;CAE3B,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,WAAW,eAAe,YAAY,EAAE,IAAI,OAAO,CAAC;AAExE,QACE,qBAAC,iCACC,oBAAC;EAA0B;YACzB,oBAAC;GACC,GAAI;GACJ,KAAK;GACL,cAAY,IAAI,eAAe,IAAI;GACnC,OAAO;IACL,WAAW,IAAI,UAAU,SAAS,UAAU;IAC5C;IACD;aAED,oBAAC;IAAmB,IAAI,IAAI,SAAS;IAAK;KAA8B;IAC/D;GACe,EAE5B,oBAAC;EACC,MAAM,IAAI;EACV,UAAU,KAAK,YAAY,EAAE;EACvB;EACN,WAAU;GACV,IACiB"}

package/dist/modules/data-tables/tables/inline-table/components/table.d.mts

@@ -1,6 +1,6 @@
 import { Table } from "../../../components/table.mjs";
 import { InlineTableProvider } from "../hooks/context.client.mjs";
-import * as react_jsx_runtime108 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/data-tables/tables/inline-table/components/table.d.ts
@@ -10,7 +10,7 @@ declare function InlineTable<TData extends {
   disabledColumns,
   moveRowAction,
   ...props
-}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>): react_jsx_runtime108.JSX.Element;
+}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineTable };
 //# sourceMappingURL=table.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAagB;;;;;;GAIb,sBAAsB,SAAS,sBAAsB,uBAAoB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"table.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"mappings":";;;;;;iBAagB,WAAA;EAA4B,EAAA;AAAA,EAAA,CAAA;EAC1C,eAAA;EACA,aAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,KAAA,IAAS,cAAA,QAAsB,mBAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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 { 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 { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { ComponentProps } from \"react\";\nimport { HotkeysProvider } from \"react-hotkeys-hook\";\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/data-tables/tables/inline-table/hooks/context.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 import { VisibilityState } from "@tanstack/react-table";
 
@@ -41,7 +41,7 @@ declare function InlineTableProvider<TData extends {
     fromIndex: number;
     toIndex: number;
   }) => Promise<unknown>;
-}>): react_jsx_runtime109.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineTableContextValue, InlineTableProvider, useInlineTableContext };
 //# sourceMappingURL=context.client.d.mts.map

package/dist/modules/data-tables/tables/inline-table/hooks/context.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAMiD,KAK5C,aAAA,GAAa;EAaN,WAAA,EAAA,KAAA;EAaI,OAAA,EAAA,SAAA;AAUhB,CAAA,GAAgB;EACd,WAAA,EAAA,IAAA;EACA,OAAA,EAAA,CAAA,MAAA,EAAA;IACA,SAAA,EAAA,MAAA;IAEkB,OAAA,EAAA,MAAA;EACiD,CAAA,EAAA,GAAA,IAAA;CAFlE;;;;KA3BS,uBAAA,GAA0B;oBAClB;;;;;iBAYJ,qBAAA,CAAA,GAAqB;;;;iBAUrB;;;;;;GAIb;oBACiB;;;;QACiD;KACnE,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"mappings":";;;;;;;;KAWK,aAAA;EAEC,WAAA;EACA,OAAA;AAAA;EAGA,WAAA;EACA,OAAA,GAAU,MAAA;IAAU,SAAA;IAAmB,OAAA;EAAA;AAAA;;;;KAMjC,uBAAA,GAA0B,aAAA;EACpC,eAAA,GAAkB,eAAA;AAAA;;;;iBAYJ,qBAAA,CAAA,GAAqB,uBAAA;;;AAArC;iBAUgB,mBAAA;EAAoC,EAAA;AAAA,EAAA,CAAA;EAClD,QAAA;EACA,eAAA;EACA;AAAA,GACC,iBAAA;EACD,eAAA,GAAkB,eAAA;EAClB,aAAA,IAAiB,KAAA;IAAS,SAAA;IAAmB,OAAA;EAAA,MAAsB,OAAA;AAAA,KACnE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/data-tables/tables/inline-table/hooks/context.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { arrayMove } from \"@/lib/entry\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { useTableConfigContext } from \"@/modules/data-tables/entry.client\";\nimport { VisibilityState } from \"@tanstack/react-table\";\nimport React, { PropsWithChildren } from \"react\";\n\n/**\n * Move row method as meta\n */\ntype MoveRowMethod =\n  | {\n      isDraggable: false;\n      moveRow: undefined;\n    }\n  | {\n      isDraggable: true;\n      moveRow: (params: { fromIndex: number; toIndex: number }) => void;\n    };\n\n/**\n * Inline form table context value\n */\nexport type InlineTableContextValue = MoveRowMethod & {\n  disabledColumns?: VisibilityState;\n  // setData: React.Dispatch<React.SetStateAction<TData[]>>;\n};\n\n/**\n * Inline form table context\n */\nconst InlineTableContext = React.createContext({} as InlineTableContextValue);\n\n/**\n * Inline form table context hook\n */\nexport function useInlineTableContext() {\n  const context = React.useContext(InlineTableContext) as InlineTableContextValue;\n  if (!context) throw new Error(\"InlineTableContext not found!\");\n  return context;\n}\n\n/**\n * Inline form table context provider\n */\n\nexport function InlineTableProvider<TData extends { id: string }>({\n  children,\n  disabledColumns,\n  moveRowAction,\n}: PropsWithChildren<{\n  disabledColumns?: VisibilityState;\n  moveRowAction?: (input: { fromIndex: number; toIndex: number }) => Promise<unknown>;\n}>) {\n  const { queryData, setData } = useTableConfigContext<TData>();\n\n  const moveRowMutation = useAction({\n    mutationFn: async (params: { fromIndex: number; toIndex: number }) => {\n      if (!moveRowAction) return;\n      await moveRowAction(params);\n    },\n    onMutate: (params: { fromIndex: number; toIndex: number }) => {\n      if (!moveRowAction) return;\n      setData((prev) => arrayMove(prev, params));\n    },\n    onError: () => {\n      if (!moveRowAction) return;\n      setData(queryData);\n    },\n  });\n\n  return (\n    <InlineTableContext.Provider\n      value={{\n        disabledColumns,\n        ...(moveRowAction\n          ? { isDraggable: true, moveRow: moveRowMutation.mutate }\n          : { isDraggable: false, moveRow: undefined }),\n      }}\n    >\n      {children}\n    </InlineTableContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgCA,MAAM,qBAAqB,MAAM,cAAc,EAAE,CAA4B;;;;AAK7E,SAAgB,wBAAwB;CACtC,MAAM,UAAU,MAAM,WAAW,mBAAmB;AACpD,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,gCAAgC;AAC9D,QAAO;;;;;AAOT,SAAgB,oBAAkD,EAChE,UACA,iBACA,iBAIE;CACF,MAAM,EAAE,WAAW,YAAY,uBAA8B;CAE7D,MAAM,kBAAkB,UAAU;EAChC,YAAY,OAAO,WAAmD;AACpE,OAAI,CAAC,cAAe;AACpB,SAAM,cAAc,OAAO;;EAE7B,WAAW,WAAmD;AAC5D,OAAI,CAAC,cAAe;AACpB,YAAS,SAAS,UAAU,MAAM,OAAO,CAAC;;EAE5C,eAAe;AACb,OAAI,CAAC,cAAe;AACpB,WAAQ,UAAU;;EAErB,CAAC;AAEF,QACE,oBAAC,mBAAmB;EAClB,OAAO;GACL;GACA,GAAI,gBACA;IAAE,aAAa;IAAM,SAAS,gBAAgB;IAAQ,GACtD;IAAE,aAAa;IAAO,SAAS;IAAW;GAC/C;EAEA;GAC2B"}
+{"version":3,"file":"context.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VisibilityState } from \"@tanstack/react-table\";\nimport React, { type PropsWithChildren } from \"react\";\nimport { arrayMove } from \"@/lib/entry\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { useTableConfigContext } from \"@/modules/data-tables/entry.client\";\n\n/**\n * Move row method as meta\n */\ntype MoveRowMethod =\n  | {\n      isDraggable: false;\n      moveRow: undefined;\n    }\n  | {\n      isDraggable: true;\n      moveRow: (params: { fromIndex: number; toIndex: number }) => void;\n    };\n\n/**\n * Inline form table context value\n */\nexport type InlineTableContextValue = MoveRowMethod & {\n  disabledColumns?: VisibilityState;\n  // setData: React.Dispatch<React.SetStateAction<TData[]>>;\n};\n\n/**\n * Inline form table context\n */\nconst InlineTableContext = React.createContext({} as InlineTableContextValue);\n\n/**\n * Inline form table context hook\n */\nexport function useInlineTableContext() {\n  const context = React.useContext(InlineTableContext) as InlineTableContextValue;\n  if (!context) throw new Error(\"InlineTableContext not found!\");\n  return context;\n}\n\n/**\n * Inline form table context provider\n */\n\nexport function InlineTableProvider<TData extends { id: string }>({\n  children,\n  disabledColumns,\n  moveRowAction,\n}: PropsWithChildren<{\n  disabledColumns?: VisibilityState;\n  moveRowAction?: (input: { fromIndex: number; toIndex: number }) => Promise<unknown>;\n}>) {\n  const { queryData, setData } = useTableConfigContext<TData>();\n\n  const moveRowMutation = useAction({\n    mutationFn: async (params: { fromIndex: number; toIndex: number }) => {\n      if (!moveRowAction) return;\n      await moveRowAction(params);\n    },\n    onMutate: (params: { fromIndex: number; toIndex: number }) => {\n      if (!moveRowAction) return;\n      setData((prev) => arrayMove(prev, params));\n    },\n    onError: () => {\n      if (!moveRowAction) return;\n      setData(queryData);\n    },\n  });\n\n  return (\n    <InlineTableContext.Provider\n      value={{\n        disabledColumns,\n        ...(moveRowAction\n          ? { isDraggable: true, moveRow: moveRowMutation.mutate }\n          : { isDraggable: false, moveRow: undefined }),\n      }}\n    >\n      {children}\n    </InlineTableContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgCA,MAAM,qBAAqB,MAAM,cAAc,EAAE,CAA4B;;;;AAK7E,SAAgB,wBAAwB;CACtC,MAAM,UAAU,MAAM,WAAW,mBAAmB;AACpD,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,gCAAgC;AAC9D,QAAO;;;;;AAOT,SAAgB,oBAAkD,EAChE,UACA,iBACA,iBAIE;CACF,MAAM,EAAE,WAAW,YAAY,uBAA8B;CAE7D,MAAM,kBAAkB,UAAU;EAChC,YAAY,OAAO,WAAmD;AACpE,OAAI,CAAC,cAAe;AACpB,SAAM,cAAc,OAAO;;EAE7B,WAAW,WAAmD;AAC5D,OAAI,CAAC,cAAe;AACpB,YAAS,SAAS,UAAU,MAAM,OAAO,CAAC;;EAE5C,eAAe;AACb,OAAI,CAAC,cAAe;AACpB,WAAQ,UAAU;;EAErB,CAAC;AAEF,QACE,oBAAC,mBAAmB;EAClB,OAAO;GACL;GACA,GAAI,gBACA;IAAE,aAAa;IAAM,SAAS,gBAAgB;IAAQ,GACtD;IAAE,aAAa;IAAO,SAAS;IAAW;GAC/C;EAEA;GAC2B"}

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

@@ -1,7 +1,7 @@
 import { ComboboxDropdownItem, ComboboxDropdownProps } from "../../../components/ui/combobox-dropdown.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox-dropdown.client.d.ts
 type InlineEditComboboxDropdownProps<TValue extends ComboboxDropdownItem, Required extends boolean = false> = useInlineEditOptions<string, Required> & InlineEditVariantsProps & Omit<ComboboxDropdownProps<TValue>, "onSelect"> & {
@@ -19,7 +19,7 @@ declare function InlineComboboxDropdown<TValue extends ComboboxDropdownItem, Req
   isRequired,
   disabled,
   ...props
-}: InlineEditComboboxDropdownProps<TValue, Required>): react_jsx_runtime6.JSX.Element;
+}: InlineEditComboboxDropdownProps<TValue, Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineComboboxDropdown, InlineEditComboboxDropdownProps };
 //# sourceMappingURL=combobox-dropdown.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-dropdown.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWY,+CACK,0DAEb,6BAA6B,YAC/B,0BACA,KAAK,sBAAsB;aACd,sBAAsB;;AANzB,iBASI,sBAT2B,CAAA,eAU1B,oBAV0B,EAAA,iBAAA,OAAA,CAAA,CAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,YAAA;EAAA,MAAA;EAAA,UAAA;EAAA,cAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAwBxC,+BAxBwC,CAwBR,MAxBQ,EAwBA,QAxBA,CAAA,CAAA,EAwBS,kBAAA,CAAA,GAAA,CAAA,OAxBT"}
+{"version":3,"file":"combobox-dropdown.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox-dropdown.client.tsx"],"mappings":";;;;;;KAWY,+BAAA,gBACK,oBAAA,sCAEb,oBAAA,SAA6B,QAAA,IAC/B,uBAAA,GACA,IAAA,CAAK,qBAAA,CAAsB,MAAA;EACzB,QAAA,GAAW,qBAAA,CAAsB,MAAA;AAAA;AAAA,iBAGrB,sBAAA,gBACC,oBAAA,2BAAA,CAAA;EAGf,YAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;EACA,YAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,+BAAA,CAAgC,MAAA,EAAQ,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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  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 { inlineEditVariants, InlineEditVariantsProps } 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.d.mts

@@ -1,6 +1,6 @@
 import { ComboboxProps } from "../../../components/ui/combobox.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/combobox.client.d.ts
 type InlineComboboxProps<TValue, Required extends boolean = false> = useInlineEditOptions<string, Required> & Omit<ComboboxProps<TValue>, "value">;
@@ -14,7 +14,7 @@ declare function InlineCombobox<TValue, Required extends boolean>({
   updateStrategy,
   isRequired,
   ...props
-}: InlineComboboxProps<TValue, Required>): react_jsx_runtime7.JSX.Element;
+}: InlineComboboxProps<TValue, Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineCombobox, InlineComboboxProps };
 //# sourceMappingURL=combobox.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAKY,gEAAgE,6BAE1E,YAEA,KAAK,cAAc;iBAEL;;;;;;;;;;GAUb,oBAAoB,QAAQ,YAAS,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"combobox.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"mappings":";;;;;KAKY,mBAAA,6CAAgE,oBAAA,SAE1E,QAAA,IAEA,IAAA,CAAK,aAAA,CAAc,MAAA;AAAA,iBAEL,cAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,QAAA;EACA,MAAA;EACA,QAAA;EACA,cAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,mBAAA,CAAoB,MAAA,EAAQ,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -11,15 +11,19 @@ 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,
 		value,
 		disabled: disabled || !isAllowed,
-		onSelect: (value$1) => {
-			handleChange(value$1 ?? null);
-			onSelect?.(value$1);
+		onSelect: (value) => {
+			handleChange(value ?? null);
+			onSelect?.(value);
 		},
 		onBlur: (e) => {
 			handleBlur(e.target.value ?? null);

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox, ComboboxProps } from \"@/components/ui/combobox.client\";\nimport { useInlineEdit, 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,YAAU;AACnB,gBAAaA,WAAS,KAAK;AAC3B,cAAWA,QAAgB;;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.d.mts

@@ -1,6 +1,6 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-input.client.d.ts
@@ -13,7 +13,7 @@ declare function InlineDateInput<Required extends boolean = false>({
   updateStrategy,
   isRequired,
   ...props
-}: ComponentProps<"div"> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps): react_jsx_runtime8.JSX.Element;
+}: ComponentProps<"div"> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineDateInput };
 //# sourceMappingURL=date-input.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAiBgB;;;;;;;;;GASb,wBAAwB,qBAAqB,MAAM,YAAY,0BAAuB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date-input.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-input.client.tsx"],"mappings":";;;;;;iBAiBgB,eAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,OAAA;EACA,SAAA;EACA,cAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,cAAA,UAAwB,oBAAA,CAAqB,IAAA,EAAM,QAAA,IAAY,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -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) : "");
 	/**

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

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

@@ -1,7 +1,7 @@
 import { Button } from "../../../components/ui/button.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-picker.client.d.ts
@@ -16,7 +16,7 @@ declare function InlineDatePicker<Required extends boolean = false>({
   updateStrategy,
   isRequired,
   ...props
-}: InlineEditDatePickerProps<Required>): react_jsx_runtime9.JSX.Element;
+}: InlineEditDatePickerProps<Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineDatePicker };
 //# sourceMappingURL=date-picker.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAYK,sDAAsD,sBAAsB,UAC/E,qBAAqB,MAAM,YAC3B;iBAEc;;;;;;;;;;GAUb,0BAA0B,YAAS,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date-picker.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/date-picker.client.tsx"],"mappings":";;;;;;;KAYK,yBAAA,6BAAsD,cAAA,QAAsB,MAAA,IAC/E,oBAAA,CAAqB,IAAA,EAAM,QAAA,IAC3B,uBAAA;AAAA,iBAEc,gBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,yBAAA,CAA0B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -19,13 +19,17 @@ function InlineDatePicker({ initialValue, action, permission, variant, className
 		action,
 		permission,
 		updateStrategy,
-		isRequired
+		isRequired,
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
 	});
 	return /* @__PURE__ */ jsxs(Popover, {
 		open,
-		onOpenChange: (open$1) => {
-			setOpen(open$1);
-			if (!open$1 && value) handleBlur(value);
+		onOpenChange: (open) => {
+			setOpen(open);
+			if (!open && value) handleBlur(value);
 		},
 		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 			asChild: true,

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

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

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

@@ -1,7 +1,7 @@
 import { DateTimeInput } from "../../../components/ui/input-date-time.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/date-time.client.d.ts
@@ -15,7 +15,7 @@ declare function InlineDateTimeInput<Required extends boolean = false>({
   isRequired,
   disabled,
   ...props
-}: ComponentProps<typeof DateTimeInput> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps): react_jsx_runtime10.JSX.Element;
+}: ComponentProps<typeof DateTimeInput> & useInlineEditOptions<Date, Required> & InlineEditVariantsProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineDateTimeInput };
 //# sourceMappingURL=date-time.client.d.mts.map

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"],"sourcesContent":[],"mappings":";;;;;;;iBAQgB;;;;;;;;;;GAUb,sBAAsB,iBAAiB,qBAAqB,MAAM,YAAY,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}
+{"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

@@ -5,6 +5,7 @@ import { DateTimeInput } from "../../../components/ui/input-date-time.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 { DateTimeInput } from \"@/components/ui/input-date-time\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } 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> & useInlineEditOptions<Date, Required> & 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,SACqG;CACxG,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\";\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.d.mts

@@ -2,7 +2,7 @@ import { EditorJSONContent } from "../../../components/editor/lib/types.mjs";
 import { EditorProps } from "../../../components/editor/components/editor.client.mjs";
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/modules/inline-edit/components/editor.client.d.ts
 type InlineEditorProps<Required extends boolean = false> = useInlineEditOptions<EditorJSONContent, Required> & InlineEditVariantsProps & Omit<EditorProps, "value" | "onUpdate" | "onBlur" | "variant">;
@@ -17,7 +17,7 @@ declare function InlineEditor<Required extends boolean = false>({
   isRequired,
   className,
   children
-}: InlineEditorProps<Required>): react_jsx_runtime11.JSX.Element;
+}: InlineEditorProps<Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineEditor, InlineEditorProps };
 //# sourceMappingURL=editor.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQY,sDAAsD,qBAChE,mBACA,YAEA,0BACA,KAAK;iBAES;;;;;;;;;;;GAWb,kBAAkB,YAAS,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"editor.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"mappings":";;;;;;;KAQY,iBAAA,qCAAsD,oBAAA,CAChE,iBAAA,EACA,QAAA,IAEA,uBAAA,GACA,IAAA,CAAK,WAAA;AAAA,iBAES,YAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,UAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,SAAA;EACA;AAAA,GACC,iBAAA,CAAkB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -13,13 +13,17 @@ 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,
 		extensions,
-		onUpdate: (value$1) => handleChange(value$1),
-		onBlur: (value$1) => handleBlur(value$1),
+		onUpdate: (value) => handleChange(value),
+		onBlur: (value) => handleBlur(value),
 		className: cn(inlineEditVariants({
 			variant,
 			status

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

@@ -1 +1 @@
-{"version":3,"file":"editor.client.mjs","names":["value"],"sources":["../../../../src/modules/inline-edit/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Editor, EditorProps } from \"@/components/editor/components/editor.client\";\nimport { EditorJSONContent } from \"@/components/editor/lib/types\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } 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,YAAU,aAAaA,QAAM;EACxC,SAAS,YAAU,WAAWA,QAAM;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.d.mts

@@ -1,7 +1,7 @@
 import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
 import { InlineEditVariantsProps } from "../lib/variants.mjs";
 import { Contact, RecipientInput } from "../../../components/ui/input-recipient.mjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/inline-edit/components/input-recipient.client.d.ts
@@ -22,7 +22,7 @@ declare function InlineRecipientInput<Required extends boolean = false>({
   isRequired,
   className,
   ...props
-}: InlineRecipientInputProps<Required>): react_jsx_runtime12.JSX.Element;
+}: InlineRecipientInputProps<Required>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineRecipientInput };
 //# sourceMappingURL=input-recipient.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-recipient.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAQK,8DAA8D,KACjE,sBAAsB,yCAGtB,+BAA+B,YAC/B;YACY;;AARgE;;;AAEX,iBAYnD,oBAZmD,CAAA,iBAAA,OAAA,GAAA,KAAA,CAAA,CAAA;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,UAAA;EAAA,cAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuBhE,yBAvBgE,CAuBtC,QAvBsC,CAAA,CAAA,EAuB7B,mBAAA,CAAA,GAAA,CAAA,OAvB6B"}
+{"version":3,"file":"input-recipient.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/input-recipient.client.tsx"],"mappings":";;;;;;;KAQK,yBAAA,qCAA8D,IAAA,CACjE,cAAA,QAAsB,cAAA,2BAGtB,oBAAA,WAA+B,QAAA,IAC/B,uBAAA;EACE,QAAA,EAAU,OAAA;AAAA;AARqE;;;AAAA,iBAcnE,oBAAA,kCAAA,CAAA;EACd,YAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,QAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,yBAAA,CAA0B,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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,