@tulip-systems/core 0.6.1 → 0.7.0

package/dist/modules/commands/components/form-dialog-command.client.d.mts

@@ -1,7 +1,7 @@
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../../../components/ui/dialog.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React, { ComponentProps } from "react";
 import { DefaultError, MutationOptions } from "@tanstack/react-query";
-import { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
 import { FieldValues, Form } from "react-hook-form";
 import { Keys } from "react-hotkeys-hook";
 
@@ -12,7 +12,7 @@ import { Keys } from "react-hotkeys-hook";
 declare function CommandFormDialog({
   children,
   ...props
-}: DialogProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Dialog>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogTrigger
  */
@@ -36,26 +36,26 @@ declare function CommandFormDialogTrigger({
 declare function CommandFormDialogHeader({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogHeader>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogTitle
  */
 declare function CommandFormDialogTitle({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogTitle>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogDescription
  */
 declare function CommandFormDialogDescription({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogDescription>): react_jsx_runtime0.JSX.Element;
 declare const CommandFormDialogContentProvider: typeof Form;
 /**
  * CommandFormDialogContent
  */
-type CommandFormDialogContentProps<TValues extends FieldValues, TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown> = DialogContentProps & {
+type CommandFormDialogContentProps<TValues extends FieldValues, TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown> = ComponentProps<typeof DialogContent> & {
   variables: (values: TValues) => TVariables;
   mutation?: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
   children: React.ReactNode;
@@ -80,21 +80,23 @@ declare function CommandFormDialogFields({
 declare function CommandFormDialogFooter({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogFooter>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogCancel
  */
 declare function CommandFormDialogCancel({
   children,
+  onClick,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: Omit<ComponentProps<"button">, "type">): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogSubmit
  */
 declare function CommandFormDialogSubmit({
   children,
+  disabled,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: Omit<ComponentProps<"button">, "type">): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CommandFormDialog, CommandFormDialogCancel, CommandFormDialogContent, CommandFormDialogContentProps, CommandFormDialogContentProvider, CommandFormDialogDescription, CommandFormDialogFields, CommandFormDialogFooter, CommandFormDialogHeader, CommandFormDialogSubmit, CommandFormDialogTitle, CommandFormDialogTrigger };
 //# sourceMappingURL=form-dialog-command.client.d.mts.map

package/dist/modules/commands/components/form-dialog-command.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"form-dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/form-dialog-command.client.tsx"],"mappings":";;;;;;;;;;;iBAsCgB,iBAAA,CAAA;EAAoB,QAAA;EAAA,GAAa;AAAA,GAAS,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAehE,6BAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA,GAAS,IAAA;AAAA;AAAA,iBAGK,wBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,GAA6B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAgEhB,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;AAnFhG;;;AAAA,iBA0Fe,sBAAA,CAAA;EAAyB,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOhF,4BAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIvB,gCAAA,SAAgC,IAAA;;;;KAKjC,6BAAA,iBACM,WAAA,4BAEP,YAAA,uDAGP,kBAAA;EACF,SAAA,GAAY,MAAA,EAAQ,OAAA,KAAY,UAAA;EAChC,QAAA,GAAW,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;EACtD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,iBASF,wBAAA,iBACE,WAAA,4BAEP,YAAA,oDAAA,CAAA;EAIT,SAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,CAA8B,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAmCrE,uBAAA,CAAA;EAA0B,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAWhF,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOjF,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAsBjF,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"form-dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/form-dialog-command.client.tsx"],"mappings":";;;;;;;;;;;iBAqCgB,iBAAA,CAAA;EAAoB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,MAAA,IAAO,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAelF,6BAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA,GAAS,IAAA;AAAA;AAAA,iBAGK,wBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,GAA6B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAgEhB,uBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,YAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAtFrC;iBA6Fe,sBAAA,CAAA;EAAyB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOjF,4BAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAI9B,gCAAA,SAAgC,IAAA;;;;KAKjC,6BAAA,iBACM,WAAA,4BAEP,YAAA,uDAGP,cAAA,QAAsB,aAAA;EACxB,SAAA,GAAY,MAAA,EAAQ,OAAA,KAAY,UAAA;EAChC,QAAA,GAAW,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;EACtD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,iBASF,wBAAA,iBACE,WAAA,4BAEP,YAAA,oDAAA,CAAA;EAIT,SAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,CAA8B,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAmCrE,uBAAA,CAAA;EAA0B,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAWhF,uBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,YAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOtB,uBAAA,CAAA;EACd,QAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,cAAA,sBAAiC,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAuBzB,uBAAA,CAAA;EACd,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,cAAA,sBAAiC,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/commands/components/form-dialog-command.client.mjs

@@ -3,8 +3,8 @@
 import { Icons } from "../../../components/common/icons.mjs";
 import { cn } from "../../../lib/utils/cn.mjs";
 import { Button, buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.mjs";
+import { ContextMenuItem } from "../../../components/ui/context-menu.client.mjs";
+import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.client.mjs";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../../../components/ui/dialog.client.mjs";
 import { useCommand } from "../hooks/context.client.mjs";
 import { useCommandMutation } from "../hooks/use-command-mutation.client.mjs";
@@ -154,16 +154,17 @@ function CommandFormDialogFooter({ children, ...props }) {
 /**
 * CommandFormDialogCancel
 */
-function CommandFormDialogCancel({ children, ...props }) {
+function CommandFormDialogCancel({ children, onClick, ...props }) {
 	const { setOpen } = React.useContext(CommandFormDialogContext);
 	const form = useFormContext();
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
 		variant: "ghost",
 		type: "button",
-		onClick: () => {
+		onClick: (e) => {
 			form.reset();
 			setOpen(false);
+			onClick?.(e);
 		},
 		children
 	});
@@ -171,12 +172,13 @@ function CommandFormDialogCancel({ children, ...props }) {
 /**
 * CommandFormDialogSubmit
 */
-function CommandFormDialogSubmit({ children, ...props }) {
+function CommandFormDialogSubmit({ children, disabled, ...props }) {
 	const { status } = useCommand();
+	const isDisabled = disabled || status === "pending";
 	return /* @__PURE__ */ jsxs(Button, {
 		...props,
-		disabled: status === "pending",
 		type: "submit",
+		disabled: isDisabled,
 		children: [status === "pending" && /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }), children]
 	});
 }

package/dist/modules/commands/components/form-dialog-command.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/form-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DialogContentProps, DialogProps } from \"@radix-ui/react-dialog\";\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React, { type ComponentProps } from \"react\";\nimport { type FieldValues, Form, useFormContext } from \"react-hook-form\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button, buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommandMutation } from \"../entry.client\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandFormDialogContext\n */\ntype CommandFormDialogContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandFormDialogContext = React.createContext({} as CommandFormDialogContextValue);\n\n/**\n * CommandFormDialog\n */\nexport function CommandFormDialog({ children, ...props }: DialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Dialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandFormDialogContext.Provider value={{ open, setOpen }}>\n        {children}\n      </CommandFormDialogContext.Provider>\n    </Dialog>\n  );\n}\n\n/**\n * CommandFormDialogTrigger\n */\ntype CommandFormDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n  hotkey?: Keys;\n};\n\nexport function CommandFormDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandFormDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => setOpen(true), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandFormDialogHeader\n */\nexport function CommandFormDialogHeader({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogHeader {...props}>{children}</DialogHeader>;\n}\n\n/**\n * CommandFormDialogTitle\n */\nexport function CommandFormDialogTitle({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogTitle {...props}>{children}</DialogTitle>;\n}\n\n/**\n * CommandFormDialogDescription\n */\nexport function CommandFormDialogDescription({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <DialogDescription {...props}>{children}</DialogDescription>;\n}\n\nexport const CommandFormDialogContentProvider = Form;\n\n/**\n * CommandFormDialogContent\n */\nexport type CommandFormDialogContentProps<\n  TValues extends FieldValues,\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = DialogContentProps & {\n  variables: (values: TValues) => TVariables;\n  mutation?: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n};\n// export type CommandFormDialogContentProps<TSchema extends FieldValues> = DialogContentProps & {\n//   action: CommandAction<TSchema>;\n//   mutation?: MutationOptions<TSchema>;\n//   message?: string;\n//   children: React.ReactNode;\n// };\n\nexport function CommandFormDialogContent<\n  TValues extends FieldValues,\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  ...props\n}: CommandFormDialogContentProps<TValues, TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n  const form = useFormContext<TValues>();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      form.reset();\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  if (Object.keys(form?.formState?.errors || {})?.length > 0) {\n    console.error(form.formState.errors);\n  }\n\n  return (\n    <DialogContent {...props}>\n      <form\n        onSubmit={form.handleSubmit((data) => {\n          const params = variables(data);\n          mutateAsync(params);\n        })}\n      >\n        {children}\n      </form>\n    </DialogContent>\n  );\n}\n\n/**\n * FormDialogFields\n */\nexport function CommandFormDialogFields({ children, className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div {...props} className={cn(\"space-y-5 py-10\", className)}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * CommandFormDialogFooter\n */\nexport function CommandFormDialogFooter({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogFooter {...props}>{children}</DialogFooter>;\n}\n\n/**\n * CommandFormDialogCancel\n */\nexport function CommandFormDialogCancel({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n  const form = useFormContext();\n\n  return (\n    <Button\n      {...props}\n      variant=\"ghost\"\n      type=\"button\"\n      onClick={() => {\n        form.reset();\n        setOpen(false);\n      }}\n    >\n      {children}\n    </Button>\n  );\n}\n\n/**\n * CommandFormDialogSubmit\n */\nexport function CommandFormDialogSubmit({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  const { status } = useCommand();\n\n  return (\n    <Button {...props} disabled={status === \"pending\"} type=\"submit\">\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </Button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"form-dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/form-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React, { type ComponentProps } from \"react\";\nimport { type FieldValues, Form, useFormContext } from \"react-hook-form\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button, buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommandMutation } from \"../entry.client\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandFormDialogContext\n */\ntype CommandFormDialogContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandFormDialogContext = React.createContext({} as CommandFormDialogContextValue);\n\n/**\n * CommandFormDialog\n */\nexport function CommandFormDialog({ children, ...props }: ComponentProps<typeof Dialog>) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Dialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandFormDialogContext.Provider value={{ open, setOpen }}>\n        {children}\n      </CommandFormDialogContext.Provider>\n    </Dialog>\n  );\n}\n\n/**\n * CommandFormDialogTrigger\n */\ntype CommandFormDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n  hotkey?: Keys;\n};\n\nexport function CommandFormDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandFormDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => setOpen(true), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandFormDialogHeader\n */\nexport function CommandFormDialogHeader({\n  children,\n  ...props\n}: ComponentProps<typeof DialogHeader>) {\n  return <DialogHeader {...props}>{children}</DialogHeader>;\n}\n\n/**\n * CommandFormDialogTitle\n */\nexport function CommandFormDialogTitle({ children, ...props }: ComponentProps<typeof DialogTitle>) {\n  return <DialogTitle {...props}>{children}</DialogTitle>;\n}\n\n/**\n * CommandFormDialogDescription\n */\nexport function CommandFormDialogDescription({\n  children,\n  ...props\n}: ComponentProps<typeof DialogDescription>) {\n  return <DialogDescription {...props}>{children}</DialogDescription>;\n}\n\nexport const CommandFormDialogContentProvider = Form;\n\n/**\n * CommandFormDialogContent\n */\nexport type CommandFormDialogContentProps<\n  TValues extends FieldValues,\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = ComponentProps<typeof DialogContent> & {\n  variables: (values: TValues) => TVariables;\n  mutation?: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n};\n// export type CommandFormDialogContentProps<TSchema extends FieldValues> = DialogContentProps & {\n//   action: CommandAction<TSchema>;\n//   mutation?: MutationOptions<TSchema>;\n//   message?: string;\n//   children: React.ReactNode;\n// };\n\nexport function CommandFormDialogContent<\n  TValues extends FieldValues,\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  ...props\n}: CommandFormDialogContentProps<TValues, TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n  const form = useFormContext<TValues>();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      form.reset();\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  if (Object.keys(form?.formState?.errors || {})?.length > 0) {\n    console.error(form.formState.errors);\n  }\n\n  return (\n    <DialogContent {...props}>\n      <form\n        onSubmit={form.handleSubmit((data) => {\n          const params = variables(data);\n          mutateAsync(params);\n        })}\n      >\n        {children}\n      </form>\n    </DialogContent>\n  );\n}\n\n/**\n * FormDialogFields\n */\nexport function CommandFormDialogFields({ children, className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div {...props} className={cn(\"space-y-5 py-10\", className)}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * CommandFormDialogFooter\n */\nexport function CommandFormDialogFooter({\n  children,\n  ...props\n}: ComponentProps<typeof DialogFooter>) {\n  return <DialogFooter {...props}>{children}</DialogFooter>;\n}\n\n/**\n * CommandFormDialogCancel\n */\nexport function CommandFormDialogCancel({\n  children,\n  onClick,\n  ...props\n}: Omit<ComponentProps<\"button\">, \"type\">) {\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n  const form = useFormContext();\n\n  return (\n    <Button\n      {...props}\n      variant=\"ghost\"\n      type=\"button\"\n      onClick={(e) => {\n        form.reset();\n        setOpen(false);\n        onClick?.(e);\n      }}\n    >\n      {children}\n    </Button>\n  );\n}\n\n/**\n * CommandFormDialogSubmit\n */\nexport function CommandFormDialogSubmit({\n  children,\n  disabled,\n  ...props\n}: Omit<ComponentProps<\"button\">, \"type\">) {\n  const { status } = useCommand();\n\n  const isDisabled = disabled || status === \"pending\";\n\n  return (\n    <Button {...props} type=\"submit\" disabled={isDisabled}>\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </Button>\n  );\n}\n"],"mappings":"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"}

package/dist/modules/commands/menus/context-menu.client.d.mts

@@ -1,7 +1,7 @@
-import { ContextMenu, ContextMenuTrigger } from "../../../components/ui/context-menu.mjs";
+import { ContextMenu, ContextMenuContent, ContextMenuTrigger } from "../../../components/ui/context-menu.client.mjs";
 import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ContextMenuContentProps } from "@radix-ui/react-context-menu";
+import { ComponentProps } from "react";
 
 //#region src/modules/commands/menus/context-menu.client.d.ts
 /**
@@ -21,7 +21,7 @@ declare function ContextCommandMenuContent<TData, TMeta>({
   meta,
   className,
   ...props
-}: SingleCommandMenuProps<TData, TMeta> & ContextMenuContentProps): react_jsx_runtime0.JSX.Element;
+}: SingleCommandMenuProps<TData, TMeta> & ComponentProps<typeof ContextMenuContent>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger };
 //# sourceMappingURL=context-menu.client.d.mts.map

package/dist/modules/commands/menus/context-menu.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.client.d.mts","names":[],"sources":["../../../../src/modules/commands/menus/context-menu.client.tsx"],"mappings":";;;;;;;;;cAqBa,kBAAA,SAAkB,WAAA;;;;cAKlB,yBAAA,SAAyB,kBAAA;AAAtC;;;AAAA,iBAKgB,yBAAA,cAAA,CAAA;EACd,IAAA;EACA,QAAA;EACA,IAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,sBAAA,CAAuB,KAAA,EAAO,KAAA,IAAS,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"context-menu.client.d.mts","names":[],"sources":["../../../../src/modules/commands/menus/context-menu.client.tsx"],"mappings":";;;;;;;;;cAoBa,kBAAA,SAAkB,WAAA;;;;cAKlB,yBAAA,SAAyB,kBAAA;AAAtC;;;AAAA,iBAKgB,yBAAA,cAAA,CAAA;EACd,IAAA;EACA,QAAA;EACA,IAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,sBAAA,CAAuB,KAAA,EAAO,KAAA,IAAS,cAAA,QAAsB,kBAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/commands/menus/context-menu.client.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "../../../lib/utils/cn.mjs";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../../../components/ui/context-menu.mjs";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../../../components/ui/context-menu.client.mjs";
 import { CommandContextProvider } from "../hooks/context.client.mjs";
 import { RenderCommand } from "../components/render-command.mjs";
 import { useSingleCommandMenu } from "../hooks/use-command-menu.client.mjs";

package/dist/modules/commands/menus/context-menu.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.client.mjs","names":[],"sources":["../../../../src/modules/commands/menus/context-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ContextMenuContentProps } from \"@radix-ui/react-context-menu\";\nimport { useState } from \"react\";\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuTrigger,\n} from \"@/components/ui/context-menu\";\nimport { cn } from \"@/lib/entry\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport {\n  type SingleCommandMenuProps,\n  useSingleCommandMenu,\n} from \"../hooks/use-command-menu.client\";\n\n/**\n * ContextCommandMenu\n */\nexport const ContextCommandMenu = ContextMenu;\n\n/**\n * ContextCommandMenuTrigger\n */\nexport const ContextCommandMenuTrigger = ContextMenuTrigger;\n\n/**\n * ContextCommandMenuContent\n */\nexport function ContextCommandMenuContent<TData, TMeta>({\n  data,\n  commands,\n  meta,\n  className,\n  ...props\n}: SingleCommandMenuProps<TData, TMeta> & ContextMenuContentProps) {\n  const [hasCommands, setHasCommands] = useState(true);\n\n  const [validCommands, renderCommand] = useSingleCommandMenu({ data, commands, meta });\n\n  if (!hasCommands) {\n    return (\n      <CommandContextProvider value={{ menu: \"context\" }}>\n        <ContextMenuContent {...props} className={cn(\"min-w-40\", className)}>\n          <ContextMenuItem className=\"font-medium\" disabled>\n            Geen acties beschikbaar\n          </ContextMenuItem>\n        </ContextMenuContent>\n      </CommandContextProvider>\n    );\n  }\n\n  return (\n    <CommandContextProvider value={{ menu: \"context\" }}>\n      <ContextMenuContent\n        {...props}\n        className={cn(\"min-w-40\", className)}\n        ref={(ref) => {\n          if (ref?.childNodes.length === 0) setHasCommands(false);\n        }}\n      >\n        {validCommands.map((command) => (\n          <RenderCommand key={command.name} command={command} render={renderCommand} />\n        ))}\n      </ContextMenuContent>\n    </CommandContextProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAa,qBAAqB;;;;AAKlC,MAAa,4BAA4B;;;;AAKzC,SAAgB,0BAAwC,EACtD,MACA,UACA,MACA,WACA,GAAG,SAC8D;CACjE,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,MAAM,CAAC,eAAe,iBAAiB,qBAAqB;EAAE;EAAM;EAAU;EAAM,CAAC;AAErF,KAAI,CAAC,YACH,QACE,oBAAC;EAAuB,OAAO,EAAE,MAAM,WAAW;YAChD,oBAAC;GAAmB,GAAI;GAAO,WAAW,GAAG,YAAY,UAAU;aACjE,oBAAC;IAAgB,WAAU;IAAc;cAAS;KAEhC;IACC;GACE;AAI7B,QACE,oBAAC;EAAuB,OAAO,EAAE,MAAM,WAAW;YAChD,oBAAC;GACC,GAAI;GACJ,WAAW,GAAG,YAAY,UAAU;GACpC,MAAM,QAAQ;AACZ,QAAI,KAAK,WAAW,WAAW,EAAG,gBAAe,MAAM;;aAGxD,cAAc,KAAK,YAClB,oBAAC;IAA0C;IAAS,QAAQ;MAAxC,QAAQ,KAAiD,CAC7E;IACiB;GACE"}
+{"version":3,"file":"context-menu.client.mjs","names":[],"sources":["../../../../src/modules/commands/menus/context-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentProps, useState } from \"react\";\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuTrigger,\n} from \"@/components/ui/context-menu.client\";\nimport { cn } from \"@/lib/entry\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport {\n  type SingleCommandMenuProps,\n  useSingleCommandMenu,\n} from \"../hooks/use-command-menu.client\";\n\n/**\n * ContextCommandMenu\n */\nexport const ContextCommandMenu = ContextMenu;\n\n/**\n * ContextCommandMenuTrigger\n */\nexport const ContextCommandMenuTrigger = ContextMenuTrigger;\n\n/**\n * ContextCommandMenuContent\n */\nexport function ContextCommandMenuContent<TData, TMeta>({\n  data,\n  commands,\n  meta,\n  className,\n  ...props\n}: SingleCommandMenuProps<TData, TMeta> & ComponentProps<typeof ContextMenuContent>) {\n  const [hasCommands, setHasCommands] = useState(true);\n\n  const [validCommands, renderCommand] = useSingleCommandMenu({ data, commands, meta });\n\n  if (!hasCommands) {\n    return (\n      <CommandContextProvider value={{ menu: \"context\" }}>\n        <ContextMenuContent {...props} className={cn(\"min-w-40\", className)}>\n          <ContextMenuItem className=\"font-medium\" disabled>\n            Geen acties beschikbaar\n          </ContextMenuItem>\n        </ContextMenuContent>\n      </CommandContextProvider>\n    );\n  }\n\n  return (\n    <CommandContextProvider value={{ menu: \"context\" }}>\n      <ContextMenuContent\n        {...props}\n        className={cn(\"min-w-40\", className)}\n        ref={(ref) => {\n          if (ref?.childNodes.length === 0) setHasCommands(false);\n        }}\n      >\n        {validCommands.map((command) => (\n          <RenderCommand key={command.name} command={command} render={renderCommand} />\n        ))}\n      </ContextMenuContent>\n    </CommandContextProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAa,qBAAqB;;;;AAKlC,MAAa,4BAA4B;;;;AAKzC,SAAgB,0BAAwC,EACtD,MACA,UACA,MACA,WACA,GAAG,SACgF;CACnF,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,MAAM,CAAC,eAAe,iBAAiB,qBAAqB;EAAE;EAAM;EAAU;EAAM,CAAC;AAErF,KAAI,CAAC,YACH,QACE,oBAAC;EAAuB,OAAO,EAAE,MAAM,WAAW;YAChD,oBAAC;GAAmB,GAAI;GAAO,WAAW,GAAG,YAAY,UAAU;aACjE,oBAAC;IAAgB,WAAU;IAAc;cAAS;KAEhC;IACC;GACE;AAI7B,QACE,oBAAC;EAAuB,OAAO,EAAE,MAAM,WAAW;YAChD,oBAAC;GACC,GAAI;GACJ,WAAW,GAAG,YAAY,UAAU;GACpC,MAAM,QAAQ;AACZ,QAAI,KAAK,WAAW,WAAW,EAAG,gBAAe,MAAM;;aAGxD,cAAc,KAAK,YAClB,oBAAC;IAA0C;IAAS,QAAQ;MAAxC,QAAQ,KAAiD,CAC7E;IACiB;GACE"}

package/dist/modules/commands/menus/dropdown-menu.client.mjs

@@ -2,7 +2,7 @@
 
 import { cn } from "../../../lib/utils/cn.mjs";
 import { Button } from "../../../components/ui/button.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.client.mjs";
 import { Skeleton } from "../../../components/ui/skeleton.mjs";
 import { CommandContextProvider } from "../hooks/context.client.mjs";
 import { RenderCommand } from "../components/render-command.mjs";
@@ -28,7 +28,7 @@ function DropdownCommandMenu({ data, commands, meta, className, ...props }) {
 			children: /* @__PURE__ */ jsxs(Button, {
 				...props,
 				variant: "ghost",
-				className: cn("data-[state=open]:bg-secondary size-8 p-0", className),
+				className: cn("size-8 p-0 data-[state=open]:bg-secondary", className),
 				children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 					className: "sr-only",
 					children: "Open menu"

package/dist/modules/commands/menus/dropdown-menu.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.client.mjs","names":[],"sources":["../../../../src/modules/commands/menus/dropdown-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { MoreHorizontal } from \"lucide-react\";\nimport React, { type ComponentProps } from \"react\";\nimport { Skeleton } from \"@/components/entry\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport {\n  type SingleCommandMenuProps,\n  useSingleCommandMenu,\n} from \"../hooks/use-command-menu.client\";\n\nexport function DropdownCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n  className,\n  ...props\n}: SingleCommandMenuProps<TData, TMeta> & React.HTMLAttributes<HTMLElement>) {\n  const [open, setOpen] = React.useState(false);\n  const [validCommands, renderCommand] = useSingleCommandMenu({ data, commands, meta });\n\n  if (!validCommands.length) return null;\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          {...props}\n          variant=\"ghost\"\n          className={cn(\"data-[state=open]:bg-secondary size-8 p-0\", className)}\n        >\n          <MoreHorizontal className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Open menu</span>\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent align=\"end\" className=\"min-w-[10rem]\">\n        <CommandContextProvider value={{ menu: \"dropdown\", onSuccess: () => setOpen(false) }}>\n          {validCommands.map((command) => (\n            <RenderCommand key={command.name} command={command} render={renderCommand} />\n          ))}\n        </CommandContextProvider>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport function DropdownCommandMenuLoading({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div {...props} className={cn(\"flex w-fit items-center\", className)}>\n      <Skeleton className=\"h-8 w-8\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,SAAgB,oBAAkC,EAChD,MACA,UACA,MACA,WACA,GAAG,SACwE;CAC3E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,eAAe,iBAAiB,qBAAqB;EAAE;EAAM;EAAU;EAAM,CAAC;AAErF,KAAI,CAAC,cAAc,OAAQ,QAAO;AAElC,QACE,qBAAC;EAAmB;EAAM,cAAc;aACtC,oBAAC;GAAoB;aACnB,qBAAC;IACC,GAAI;IACJ,SAAQ;IACR,WAAW,GAAG,6CAA6C,UAAU;eAErE,oBAAC,kBAAe,WAAU,YAAY,EACtC,oBAAC;KAAK,WAAU;eAAU;MAAgB;KACnC;IACW,EAEtB,oBAAC;GAAoB,OAAM;GAAM,WAAU;aACzC,oBAAC;IAAuB,OAAO;KAAE,MAAM;KAAY,iBAAiB,QAAQ,MAAM;KAAE;cACjF,cAAc,KAAK,YAClB,oBAAC;KAA0C;KAAS,QAAQ;OAAxC,QAAQ,KAAiD,CAC7E;KACqB;IACL;GACT;;AAInB,SAAgB,2BAA2B,EAAE,WAAW,GAAG,SAAgC;AACzF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,2BAA2B,UAAU;YACjE,oBAAC,YAAS,WAAU,YAAY;GAC5B"}
+{"version":3,"file":"dropdown-menu.client.mjs","names":[],"sources":["../../../../src/modules/commands/menus/dropdown-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { MoreHorizontal } from \"lucide-react\";\nimport React, { type ComponentProps } from \"react\";\nimport { Skeleton } from \"@/components/entry\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport {\n  type SingleCommandMenuProps,\n  useSingleCommandMenu,\n} from \"../hooks/use-command-menu.client\";\n\nexport function DropdownCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n  className,\n  ...props\n}: SingleCommandMenuProps<TData, TMeta> & React.HTMLAttributes<HTMLElement>) {\n  const [open, setOpen] = React.useState(false);\n  const [validCommands, renderCommand] = useSingleCommandMenu({ data, commands, meta });\n\n  if (!validCommands.length) return null;\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          {...props}\n          variant=\"ghost\"\n          className={cn(\"size-8 p-0 data-[state=open]:bg-secondary\", className)}\n        >\n          <MoreHorizontal className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Open menu</span>\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent align=\"end\" className=\"min-w-[10rem]\">\n        <CommandContextProvider value={{ menu: \"dropdown\", onSuccess: () => setOpen(false) }}>\n          {validCommands.map((command) => (\n            <RenderCommand key={command.name} command={command} render={renderCommand} />\n          ))}\n        </CommandContextProvider>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport function DropdownCommandMenuLoading({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div {...props} className={cn(\"flex w-fit items-center\", className)}>\n      <Skeleton className=\"h-8 w-8\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,SAAgB,oBAAkC,EAChD,MACA,UACA,MACA,WACA,GAAG,SACwE;CAC3E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,eAAe,iBAAiB,qBAAqB;EAAE;EAAM;EAAU;EAAM,CAAC;AAErF,KAAI,CAAC,cAAc,OAAQ,QAAO;AAElC,QACE,qBAAC;EAAmB;EAAM,cAAc;aACtC,oBAAC;GAAoB;aACnB,qBAAC;IACC,GAAI;IACJ,SAAQ;IACR,WAAW,GAAG,6CAA6C,UAAU;eAErE,oBAAC,kBAAe,WAAU,YAAY,EACtC,oBAAC;KAAK,WAAU;eAAU;MAAgB;KACnC;IACW,EAEtB,oBAAC;GAAoB,OAAM;GAAM,WAAU;aACzC,oBAAC;IAAuB,OAAO;KAAE,MAAM;KAAY,iBAAiB,QAAQ,MAAM;KAAE;cACjF,cAAc,KAAK,YAClB,oBAAC;KAA0C;KAAS,QAAQ;OAAxC,QAAQ,KAAiD,CAC7E;KACqB;IACL;GACT;;AAInB,SAAgB,2BAA2B,EAAE,WAAW,GAAG,SAAgC;AACzF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,2BAA2B,UAAU;YACjE,oBAAC,YAAS,WAAU,YAAY;GAC5B"}

package/dist/modules/commands/menus/floating-menu.client.mjs

@@ -18,7 +18,7 @@ function FloatingCommandMenu({ data, commands, meta, state, onSuccess, className
 	return /* @__PURE__ */ jsx("div", {
 		...props,
 		"data-state": state,
-		className: cn("bg-muted/80 fixed bottom-12 left-0 right-0 z-50 mx-auto flex w-fit items-center rounded-xl border px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden", className),
+		className: cn("fixed right-0 bottom-12 left-0 z-50 mx-auto flex w-fit items-center rounded-xl border bg-muted/80 px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden", className),
 		children: /* @__PURE__ */ jsxs(CommandContextProvider, {
 			value: {
 				menu: "table",
@@ -34,7 +34,7 @@ function FloatingCommandMenu({ data, commands, meta, state, onSuccess, className
 					render: renderCommand
 				}, command.name))
 			}), !hasCommands.current && /* @__PURE__ */ jsx("span", {
-				className: "text-sm font-medium",
+				className: "font-medium text-sm",
 				children: "Geen acties beschikbaar"
 			})]
 		})

package/dist/modules/commands/menus/floating-menu.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"floating-menu.client.mjs","names":[],"sources":["../../../../src/modules/commands/menus/floating-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport { type BulkCommandMenuProps, useBulkCommandMenu } from \"../hooks/use-command-menu.client\";\n\ntype FloatingCommandMenuProps<TData, TMeta> = BulkCommandMenuProps<TData, TMeta> &\n  React.HTMLAttributes<HTMLElement> & {\n    state: \"open\" | \"closed\";\n  };\n\nexport function FloatingCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n  state,\n  onSuccess,\n  className,\n  ...props\n}: FloatingCommandMenuProps<TData, TMeta>) {\n  const hasCommands = useRef(true);\n\n  const [validCommands, renderCommand] = useBulkCommandMenu({ data, commands, meta });\n\n  return (\n    <div\n      {...props}\n      data-state={state}\n      className={cn(\n        \"bg-muted/80 fixed bottom-12 left-0 right-0 z-50 mx-auto flex w-fit items-center rounded-xl border px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden\",\n        className,\n      )}\n    >\n      <CommandContextProvider value={{ menu: \"table\", onSuccess }}>\n        <div\n          className=\"flex gap-2\"\n          ref={(ref) => {\n            if (ref?.childNodes.length === 0) hasCommands.current = false;\n          }}\n        >\n          {validCommands.map((command) => (\n            <RenderCommand key={command.name} command={command} render={renderCommand} />\n          ))}\n        </div>\n\n        {!hasCommands.current && (\n          <span className=\"text-sm font-medium\">Geen acties beschikbaar</span>\n        )}\n      </CommandContextProvider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,oBAAkC,EAChD,MACA,UACA,MACA,OACA,WACA,WACA,GAAG,SACsC;CACzC,MAAM,cAAc,OAAO,KAAK;CAEhC,MAAM,CAAC,eAAe,iBAAiB,mBAAmB;EAAE;EAAM;EAAU;EAAM,CAAC;AAEnF,QACE,oBAAC;EACC,GAAI;EACJ,cAAY;EACZ,WAAW,GACT,6LACA,UACD;YAED,qBAAC;GAAuB,OAAO;IAAE,MAAM;IAAS;IAAW;cACzD,oBAAC;IACC,WAAU;IACV,MAAM,QAAQ;AACZ,SAAI,KAAK,WAAW,WAAW,EAAG,aAAY,UAAU;;cAGzD,cAAc,KAAK,YAClB,oBAAC;KAA0C;KAAS,QAAQ;OAAxC,QAAQ,KAAiD,CAC7E;KACE,EAEL,CAAC,YAAY,WACZ,oBAAC;IAAK,WAAU;cAAsB;KAA8B;IAE/C;GACrB"}
+{"version":3,"file":"floating-menu.client.mjs","names":[],"sources":["../../../../src/modules/commands/menus/floating-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport { type BulkCommandMenuProps, useBulkCommandMenu } from \"../hooks/use-command-menu.client\";\n\ntype FloatingCommandMenuProps<TData, TMeta> = BulkCommandMenuProps<TData, TMeta> &\n  React.HTMLAttributes<HTMLElement> & {\n    state: \"open\" | \"closed\";\n  };\n\nexport function FloatingCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n  state,\n  onSuccess,\n  className,\n  ...props\n}: FloatingCommandMenuProps<TData, TMeta>) {\n  const hasCommands = useRef(true);\n\n  const [validCommands, renderCommand] = useBulkCommandMenu({ data, commands, meta });\n\n  return (\n    <div\n      {...props}\n      data-state={state}\n      className={cn(\n        \"fixed right-0 bottom-12 left-0 z-50 mx-auto flex w-fit items-center rounded-xl border bg-muted/80 px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden\",\n        className,\n      )}\n    >\n      <CommandContextProvider value={{ menu: \"table\", onSuccess }}>\n        <div\n          className=\"flex gap-2\"\n          ref={(ref) => {\n            if (ref?.childNodes.length === 0) hasCommands.current = false;\n          }}\n        >\n          {validCommands.map((command) => (\n            <RenderCommand key={command.name} command={command} render={renderCommand} />\n          ))}\n        </div>\n\n        {!hasCommands.current && (\n          <span className=\"font-medium text-sm\">Geen acties beschikbaar</span>\n        )}\n      </CommandContextProvider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,oBAAkC,EAChD,MACA,UACA,MACA,OACA,WACA,WACA,GAAG,SACsC;CACzC,MAAM,cAAc,OAAO,KAAK;CAEhC,MAAM,CAAC,eAAe,iBAAiB,mBAAmB;EAAE;EAAM;EAAU;EAAM,CAAC;AAEnF,QACE,oBAAC;EACC,GAAI;EACJ,cAAY;EACZ,WAAW,GACT,6LACA,UACD;YAED,qBAAC;GAAuB,OAAO;IAAE,MAAM;IAAS;IAAW;cACzD,oBAAC;IACC,WAAU;IACV,MAAM,QAAQ;AACZ,SAAI,KAAK,WAAW,WAAW,EAAG,aAAY,UAAU;;cAGzD,cAAc,KAAK,YAClB,oBAAC;KAA0C;KAAS,QAAQ;OAAxC,QAAQ,KAAiD,CAC7E;KACE,EAEL,CAAC,YAAY,WACZ,oBAAC;IAAK,WAAU;cAAsB;KAA8B;IAE/C;GACrB"}

package/dist/modules/commands/utils/archive-command.client.mjs

@@ -16,7 +16,7 @@ function ArchiveCommand({ variables, mutation }) {
 		mutation,
 		className: "text-destructive",
 		label: "Archiveren",
-		children: [/* @__PURE__ */ jsx(Icons.archive, { className: "text-destructive w-4" }), /* @__PURE__ */ jsx(CommandLabel, {})]
+		children: [/* @__PURE__ */ jsx(Icons.archive, { className: "w-4 text-destructive" }), /* @__PURE__ */ jsx(CommandLabel, {})]
 	});
 }
 /**

package/dist/modules/commands/utils/archive-command.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"archive-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/utils/archive-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport { Icons } from \"@/components/common/icons\";\nimport { CommandClick } from \"../components/click-command.client\";\nimport { CommandLabel } from \"../components/command-trigger.client\";\n\nexport type ArchiveCommandProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = { ids: string[] },\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n};\n\n/**\n * Archive command\n * @description command to archive a resource\n */\nexport function ArchiveCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = { ids: string[] },\n  TOnMutateResult = unknown,\n>({ variables, mutation }: ArchiveCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  return (\n    <CommandClick\n      variables={variables}\n      mutation={mutation}\n      className=\"text-destructive\"\n      label=\"Archiveren\"\n    >\n      <Icons.archive className=\"text-destructive w-4\" />\n      <CommandLabel />\n    </CommandClick>\n  );\n}\n\n/**\n * Unarchive command\n * @description command to unarchive a resource\n */\nexport function RestoreCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = { ids: string[] },\n  TOnMutateResult = unknown,\n>({ variables, mutation }: ArchiveCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  return (\n    <CommandClick\n      className=\"flex gap-2\"\n      variables={variables}\n      mutation={mutation}\n      label=\"Terugzetten\"\n    >\n      <Icons.restore className=\"w-4\" />\n      <CommandLabel />\n    </CommandClick>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAgB,eAKd,EAAE,WAAW,YAA6E;AAC1F,QACE,qBAAC;EACY;EACD;EACV,WAAU;EACV,OAAM;aAEN,oBAAC,MAAM,WAAQ,WAAU,yBAAyB,EAClD,oBAAC,iBAAe;GACH;;;;;;AAQnB,SAAgB,eAKd,EAAE,WAAW,YAA6E;AAC1F,QACE,qBAAC;EACC,WAAU;EACC;EACD;EACV,OAAM;aAEN,oBAAC,MAAM,WAAQ,WAAU,QAAQ,EACjC,oBAAC,iBAAe;GACH"}
+{"version":3,"file":"archive-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/utils/archive-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport { Icons } from \"@/components/common/icons\";\nimport { CommandClick } from \"../components/click-command.client\";\nimport { CommandLabel } from \"../components/command-trigger.client\";\n\nexport type ArchiveCommandProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = { ids: string[] },\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n};\n\n/**\n * Archive command\n * @description command to archive a resource\n */\nexport function ArchiveCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = { ids: string[] },\n  TOnMutateResult = unknown,\n>({ variables, mutation }: ArchiveCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  return (\n    <CommandClick\n      variables={variables}\n      mutation={mutation}\n      className=\"text-destructive\"\n      label=\"Archiveren\"\n    >\n      <Icons.archive className=\"w-4 text-destructive\" />\n      <CommandLabel />\n    </CommandClick>\n  );\n}\n\n/**\n * Unarchive command\n * @description command to unarchive a resource\n */\nexport function RestoreCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = { ids: string[] },\n  TOnMutateResult = unknown,\n>({ variables, mutation }: ArchiveCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  return (\n    <CommandClick\n      className=\"flex gap-2\"\n      variables={variables}\n      mutation={mutation}\n      label=\"Terugzetten\"\n    >\n      <Icons.restore className=\"w-4\" />\n      <CommandLabel />\n    </CommandClick>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAgB,eAKd,EAAE,WAAW,YAA6E;AAC1F,QACE,qBAAC;EACY;EACD;EACV,WAAU;EACV,OAAM;aAEN,oBAAC,MAAM,WAAQ,WAAU,yBAAyB,EAClD,oBAAC,iBAAe;GACH;;;;;;AAQnB,SAAgB,eAKd,EAAE,WAAW,YAA6E;AAC1F,QACE,qBAAC;EACC,WAAU;EACC;EACD;EACV,OAAM;aAEN,oBAAC,MAAM,WAAQ,WAAU,QAAQ,EACjC,oBAAC,iBAAe;GACH"}

package/dist/modules/commands/utils/delete-command.client.mjs

@@ -14,7 +14,7 @@ function DeleteCommand({ variables, mutation }) {
 	return /* @__PURE__ */ jsxs(CommandAlertDialog, { children: [/* @__PURE__ */ jsxs(CommandAlertDialogTrigger, {
 		className: "text-destructive",
 		label: "Verwijderen",
-		children: [/* @__PURE__ */ jsx(Icons.trash, { className: "text-destructive w-4" }), /* @__PURE__ */ jsx(CommandLabel, {})]
+		children: [/* @__PURE__ */ jsx(Icons.trash, { className: "w-4 text-destructive" }), /* @__PURE__ */ jsx(CommandLabel, {})]
 	}), /* @__PURE__ */ jsxs(CommandAlertDialogContent, { children: [/* @__PURE__ */ jsxs(CommandAlertDialogHeader, { children: [/* @__PURE__ */ jsx(CommandAlertDialogTitle, { children: "Weet je zeker dat je dit wilt verwijderen?" }), /* @__PURE__ */ jsx(CommandAlertDialogDescription, { children: "Dit kan niet ongedaan gemaakt worden en alle gegevens zullen verloren gaan." })] }), /* @__PURE__ */ jsxs(CommandAlertDialogFooter, { children: [/* @__PURE__ */ jsx(CommandAlertDialogCancel, { children: "Annuleren" }), /* @__PURE__ */ jsx(CommandAlertDialogAction, {
 		mutation,
 		variables,

package/dist/modules/commands/utils/delete-command.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"delete-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/utils/delete-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport { Icons } from \"@/components/common/icons\";\nimport {\n  CommandAlertDialog,\n  CommandAlertDialogAction,\n  CommandAlertDialogCancel,\n  CommandAlertDialogContent,\n  CommandAlertDialogDescription,\n  CommandAlertDialogFooter,\n  CommandAlertDialogHeader,\n  CommandAlertDialogTitle,\n  CommandAlertDialogTrigger,\n} from \"../components/alert-dialog-command.client\";\nimport { CommandLabel } from \"../components/command-trigger.client\";\n\nexport type DeleteCommandProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = unknown,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n};\n/**\n * Delete command\n * @description command to delete a resource\n */\nexport function DeleteCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = unknown,\n  TOnMutateResult = unknown,\n>({ variables, mutation }: DeleteCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  return (\n    <CommandAlertDialog>\n      <CommandAlertDialogTrigger className=\"text-destructive\" label=\"Verwijderen\">\n        <Icons.trash className=\"text-destructive w-4\" />\n        <CommandLabel />\n      </CommandAlertDialogTrigger>\n\n      <CommandAlertDialogContent>\n        <CommandAlertDialogHeader>\n          <CommandAlertDialogTitle>\n            Weet je zeker dat je dit wilt verwijderen?\n          </CommandAlertDialogTitle>\n\n          <CommandAlertDialogDescription>\n            Dit kan niet ongedaan gemaakt worden en alle gegevens zullen verloren gaan.\n          </CommandAlertDialogDescription>\n        </CommandAlertDialogHeader>\n\n        <CommandAlertDialogFooter>\n          <CommandAlertDialogCancel>Annuleren</CommandAlertDialogCancel>\n          <CommandAlertDialogAction mutation={mutation} variables={variables}>\n            Verwijderen\n          </CommandAlertDialogAction>\n        </CommandAlertDialogFooter>\n      </CommandAlertDialogContent>\n    </CommandAlertDialog>\n  );\n}\n\n/**\n * Single Delete command\n */\nexport function SingleDeleteCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = { id: string },\n  TOnMutateResult = unknown,\n>({ variables, mutation }: DeleteCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  return <DeleteCommand variables={variables} mutation={mutation} />;\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,SAAgB,cAKd,EAAE,WAAW,YAA4E;AACzF,QACE,qBAAC,iCACC,qBAAC;EAA0B,WAAU;EAAmB,OAAM;aAC5D,oBAAC,MAAM,SAAM,WAAU,yBAAyB,EAChD,oBAAC,iBAAe;GACU,EAE5B,qBAAC,wCACC,qBAAC,uCACC,oBAAC,qCAAwB,+CAEC,EAE1B,oBAAC,2CAA8B,gFAEC,IACP,EAE3B,qBAAC,uCACC,oBAAC,sCAAyB,cAAoC,EAC9D,oBAAC;EAAmC;EAAqB;YAAW;GAEzC,IACF,IACD,IACT;;;;;AAOzB,SAAgB,oBAKd,EAAE,WAAW,YAA4E;AACzF,QAAO,oBAAC;EAAyB;EAAqB;GAAY"}
+{"version":3,"file":"delete-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/utils/delete-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport { Icons } from \"@/components/common/icons\";\nimport {\n  CommandAlertDialog,\n  CommandAlertDialogAction,\n  CommandAlertDialogCancel,\n  CommandAlertDialogContent,\n  CommandAlertDialogDescription,\n  CommandAlertDialogFooter,\n  CommandAlertDialogHeader,\n  CommandAlertDialogTitle,\n  CommandAlertDialogTrigger,\n} from \"../components/alert-dialog-command.client\";\nimport { CommandLabel } from \"../components/command-trigger.client\";\n\nexport type DeleteCommandProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = unknown,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n};\n/**\n * Delete command\n * @description command to delete a resource\n */\nexport function DeleteCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = unknown,\n  TOnMutateResult = unknown,\n>({ variables, mutation }: DeleteCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  return (\n    <CommandAlertDialog>\n      <CommandAlertDialogTrigger className=\"text-destructive\" label=\"Verwijderen\">\n        <Icons.trash className=\"w-4 text-destructive\" />\n        <CommandLabel />\n      </CommandAlertDialogTrigger>\n\n      <CommandAlertDialogContent>\n        <CommandAlertDialogHeader>\n          <CommandAlertDialogTitle>\n            Weet je zeker dat je dit wilt verwijderen?\n          </CommandAlertDialogTitle>\n\n          <CommandAlertDialogDescription>\n            Dit kan niet ongedaan gemaakt worden en alle gegevens zullen verloren gaan.\n          </CommandAlertDialogDescription>\n        </CommandAlertDialogHeader>\n\n        <CommandAlertDialogFooter>\n          <CommandAlertDialogCancel>Annuleren</CommandAlertDialogCancel>\n          <CommandAlertDialogAction mutation={mutation} variables={variables}>\n            Verwijderen\n          </CommandAlertDialogAction>\n        </CommandAlertDialogFooter>\n      </CommandAlertDialogContent>\n    </CommandAlertDialog>\n  );\n}\n\n/**\n * Single Delete command\n */\nexport function SingleDeleteCommand<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = { id: string },\n  TOnMutateResult = unknown,\n>({ variables, mutation }: DeleteCommandProps<TData, TError, TVariables, TOnMutateResult>) {\n  return <DeleteCommand variables={variables} mutation={mutation} />;\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,SAAgB,cAKd,EAAE,WAAW,YAA4E;AACzF,QACE,qBAAC,iCACC,qBAAC;EAA0B,WAAU;EAAmB,OAAM;aAC5D,oBAAC,MAAM,SAAM,WAAU,yBAAyB,EAChD,oBAAC,iBAAe;GACU,EAE5B,qBAAC,wCACC,qBAAC,uCACC,oBAAC,qCAAwB,+CAEC,EAE1B,oBAAC,2CAA8B,gFAEC,IACP,EAE3B,qBAAC,uCACC,oBAAC,sCAAyB,cAAoC,EAC9D,oBAAC;EAAmC;EAAqB;YAAW;GAEzC,IACF,IACD,IACT;;;;;AAOzB,SAAgB,oBAKd,EAAE,WAAW,YAA4E;AACzF,QAAO,oBAAC;EAAyB;EAAqB;GAAY"}

package/dist/modules/data-tables/components/cell/select.client.mjs

@@ -1,4 +1,4 @@
-import { Checkbox } from "../../../../components/ui/checkbox.mjs";
+import { Checkbox } from "../../../../components/ui/checkbox.client.mjs";
 import { TableCell } from "../table.mjs";
 import { createTableCell } from "../../lib/helpers/create-column.mjs";
 import { jsx } from "react/jsx-runtime";

package/dist/modules/data-tables/components/cell/select.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.client.mjs","names":[],"sources":["../../../../../src/modules/data-tables/components/cell/select.client.tsx"],"sourcesContent":["import { Checkbox } from \"@/components/ui/checkbox\";\nimport { TableCell } from \"@/modules/data-tables/components/table\";\nimport { createTableCell } from \"../../lib/helpers/create-column\";\n\n/**\n * Create a new column with the select checkbox\n */\nexport const createTableSelectCell = createTableCell({\n  id: \"select\",\n  header: ({ table }) => (\n    <div className=\"flex w-full items-center justify-center\">\n      <Checkbox\n        checked={table.getIsAllPageRowsSelected()}\n        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}\n        aria-label=\"Select all\"\n      />\n    </div>\n  ),\n  cell: ({ row }) => (\n    <TableCell className=\"w-8\">\n      <div className=\"flex w-full items-center justify-center\">\n        <Checkbox\n          checked={row.getIsSelected()}\n          onCheckedChange={(value) => row.toggleSelected(!!value)}\n          aria-label=\"Select row\"\n        />\n      </div>\n    </TableCell>\n  ),\n  enableHiding: false,\n  enableSorting: false,\n});\n"],"mappings":";;;;;;;;;AAOA,MAAa,wBAAwB,gBAAgB;CACnD,IAAI;CACJ,SAAS,EAAE,YACT,oBAAC;EAAI,WAAU;YACb,oBAAC;GACC,SAAS,MAAM,0BAA0B;GACzC,kBAAkB,UAAU,MAAM,0BAA0B,CAAC,CAAC,MAAM;GACpE,cAAW;IACX;GACE;CAER,OAAO,EAAE,UACP,oBAAC;EAAU,WAAU;YACnB,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,SAAS,IAAI,eAAe;IAC5B,kBAAkB,UAAU,IAAI,eAAe,CAAC,CAAC,MAAM;IACvD,cAAW;KACX;IACE;GACI;CAEd,cAAc;CACd,eAAe;CAChB,CAAC"}
+{"version":3,"file":"select.client.mjs","names":[],"sources":["../../../../../src/modules/data-tables/components/cell/select.client.tsx"],"sourcesContent":["import { Checkbox } from \"@/components/ui/checkbox.client\";\nimport { TableCell } from \"@/modules/data-tables/components/table\";\nimport { createTableCell } from \"../../lib/helpers/create-column\";\n\n/**\n * Create a new column with the select checkbox\n */\nexport const createTableSelectCell = createTableCell({\n  id: \"select\",\n  header: ({ table }) => (\n    <div className=\"flex w-full items-center justify-center\">\n      <Checkbox\n        checked={table.getIsAllPageRowsSelected()}\n        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}\n        aria-label=\"Select all\"\n      />\n    </div>\n  ),\n  cell: ({ row }) => (\n    <TableCell className=\"w-8\">\n      <div className=\"flex w-full items-center justify-center\">\n        <Checkbox\n          checked={row.getIsSelected()}\n          onCheckedChange={(value) => row.toggleSelected(!!value)}\n          aria-label=\"Select row\"\n        />\n      </div>\n    </TableCell>\n  ),\n  enableHiding: false,\n  enableSorting: false,\n});\n"],"mappings":";;;;;;;;;AAOA,MAAa,wBAAwB,gBAAgB;CACnD,IAAI;CACJ,SAAS,EAAE,YACT,oBAAC;EAAI,WAAU;YACb,oBAAC;GACC,SAAS,MAAM,0BAA0B;GACzC,kBAAkB,UAAU,MAAM,0BAA0B,CAAC,CAAC,MAAM;GACpE,cAAW;IACX;GACE;CAER,OAAO,EAAE,UACP,oBAAC;EAAU,WAAU;YACnB,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,SAAS,IAAI,eAAe;IAC5B,kBAAkB,UAAU,IAAI,eAAe,CAAC,CAAC,MAAM;IACvD,cAAW;KACX;IACE;GACI;CAEd,cAAc;CACd,eAAe;CAChB,CAAC"}

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

@@ -1,6 +1,6 @@
 import { cn } from "../../../lib/utils/cn.mjs";
 import { Button } from "../../../components/ui/button.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.client.mjs";
 import { ChevronsUpDown, RotateCcwIcon, SortAsc, SortDesc } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -18,7 +18,7 @@ function TableColumnHeader({ column, title, className }) {
 				size: "sm",
 				type: "button",
 				variant: "ghost",
-				className: "data-[state=open]:bg-accent -ml-3 h-8",
+				className: "-ml-3 h-8 data-[state=open]:bg-accent",
 				children: [/* @__PURE__ */ jsx("span", { children: title }), column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(SortDesc, { className: "ml-2 h-4 w-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(SortAsc, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4" })]
 			})
 		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
@@ -26,16 +26,16 @@ function TableColumnHeader({ column, title, className }) {
 			children: [
 				/* @__PURE__ */ jsxs(DropdownMenuItem, {
 					onClick: () => column.toggleSorting(false),
-					children: [/* @__PURE__ */ jsx(SortAsc, { className: "text-muted-foreground/70 mr-2 h-3.5 w-3.5" }), "Asc"]
+					children: [/* @__PURE__ */ jsx(SortAsc, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }), "Asc"]
 				}),
 				/* @__PURE__ */ jsxs(DropdownMenuItem, {
 					onClick: () => column.toggleSorting(true),
-					children: [/* @__PURE__ */ jsx(SortDesc, { className: "text-muted-foreground/70 mr-2 h-3.5 w-3.5" }), "Desc"]
+					children: [/* @__PURE__ */ jsx(SortDesc, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }), "Desc"]
 				}),
 				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
 				/* @__PURE__ */ jsxs(DropdownMenuItem, {
 					onClick: () => column.clearSorting(),
-					children: [/* @__PURE__ */ jsx(RotateCcwIcon, { className: "text-muted-foreground/70 mr-2 h-3.5 w-3.5" }), "Clear"]
+					children: [/* @__PURE__ */ jsx(RotateCcwIcon, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }), "Clear"]
 				})
 			]
 		})] })

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

@@ -1 +1 @@
-{"version":3,"file":"column-header.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/column-header.tsx"],"sourcesContent":["import type { Column } from \"@tanstack/react-table\";\nimport { ChevronsUpDown, RotateCcwIcon, SortAsc, SortDesc } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\n\ninterface TableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>;\n  title: string;\n}\n\nexport function TableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: TableColumnHeaderProps<TData, TValue>) {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>;\n  }\n\n  return (\n    <div className={cn(\"flex items-center space-x-2\", className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button\n            size=\"sm\"\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"data-[state=open]:bg-accent -ml-3 h-8\"\n          >\n            <span>{title}</span>\n            {column.getIsSorted() === \"desc\" ? (\n              <SortDesc className=\"ml-2 h-4 w-4\" />\n            ) : column.getIsSorted() === \"asc\" ? (\n              <SortAsc className=\"ml-2 h-4 w-4\" />\n            ) : (\n              <ChevronsUpDown className=\"ml-2 h-4 w-4\" />\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n            <SortAsc className=\"text-muted-foreground/70 mr-2 h-3.5 w-3.5\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n            <SortDesc className=\"text-muted-foreground/70 mr-2 h-3.5 w-3.5\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem onClick={() => column.clearSorting()}>\n            <RotateCcwIcon className=\"text-muted-foreground/70 mr-2 h-3.5 w-3.5\" />\n            Clear\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,kBAAiC,EAC/C,QACA,OACA,aACwC;AACxC,KAAI,CAAC,OAAO,YAAY,CACtB,QAAO,oBAAC;EAAI,WAAW,GAAG,UAAU;YAAG;GAAY;AAGrD,QACE,oBAAC;EAAI,WAAW,GAAG,+BAA+B,UAAU;YAC1D,qBAAC,2BACC,oBAAC;GAAoB;aACnB,qBAAC;IACC,MAAK;IACL,MAAK;IACL,SAAQ;IACR,WAAU;eAEV,oBAAC,oBAAM,QAAa,EACnB,OAAO,aAAa,KAAK,SACxB,oBAAC,YAAS,WAAU,iBAAiB,GACnC,OAAO,aAAa,KAAK,QAC3B,oBAAC,WAAQ,WAAU,iBAAiB,GAEpC,oBAAC,kBAAe,WAAU,iBAAiB;KAEtC;IACW,EACtB,qBAAC;GAAoB,OAAM;;IACzB,qBAAC;KAAiB,eAAe,OAAO,cAAc,MAAM;gBAC1D,oBAAC,WAAQ,WAAU,8CAA8C;MAEhD;IACnB,qBAAC;KAAiB,eAAe,OAAO,cAAc,KAAK;gBACzD,oBAAC,YAAS,WAAU,8CAA8C;MAEjD;IACnB,oBAAC,0BAAwB;IACzB,qBAAC;KAAiB,eAAe,OAAO,cAAc;gBACpD,oBAAC,iBAAc,WAAU,8CAA8C;MAEtD;;IACC,IACT;GACX"}
+{"version":3,"file":"column-header.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/column-header.tsx"],"sourcesContent":["import type { Column } from \"@tanstack/react-table\";\nimport { ChevronsUpDown, RotateCcwIcon, SortAsc, SortDesc } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\n\ninterface TableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>;\n  title: string;\n}\n\nexport function TableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: TableColumnHeaderProps<TData, TValue>) {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>;\n  }\n\n  return (\n    <div className={cn(\"flex items-center space-x-2\", className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button\n            size=\"sm\"\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"-ml-3 h-8 data-[state=open]:bg-accent\"\n          >\n            <span>{title}</span>\n            {column.getIsSorted() === \"desc\" ? (\n              <SortDesc className=\"ml-2 h-4 w-4\" />\n            ) : column.getIsSorted() === \"asc\" ? (\n              <SortAsc className=\"ml-2 h-4 w-4\" />\n            ) : (\n              <ChevronsUpDown className=\"ml-2 h-4 w-4\" />\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n            <SortAsc className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n            <SortDesc className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem onClick={() => column.clearSorting()}>\n            <RotateCcwIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Clear\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,kBAAiC,EAC/C,QACA,OACA,aACwC;AACxC,KAAI,CAAC,OAAO,YAAY,CACtB,QAAO,oBAAC;EAAI,WAAW,GAAG,UAAU;YAAG;GAAY;AAGrD,QACE,oBAAC;EAAI,WAAW,GAAG,+BAA+B,UAAU;YAC1D,qBAAC,2BACC,oBAAC;GAAoB;aACnB,qBAAC;IACC,MAAK;IACL,MAAK;IACL,SAAQ;IACR,WAAU;eAEV,oBAAC,oBAAM,QAAa,EACnB,OAAO,aAAa,KAAK,SACxB,oBAAC,YAAS,WAAU,iBAAiB,GACnC,OAAO,aAAa,KAAK,QAC3B,oBAAC,WAAQ,WAAU,iBAAiB,GAEpC,oBAAC,kBAAe,WAAU,iBAAiB;KAEtC;IACW,EACtB,qBAAC;GAAoB,OAAM;;IACzB,qBAAC;KAAiB,eAAe,OAAO,cAAc,MAAM;gBAC1D,oBAAC,WAAQ,WAAU,8CAA8C;MAEhD;IACnB,qBAAC;KAAiB,eAAe,OAAO,cAAc,KAAK;gBACzD,oBAAC,YAAS,WAAU,8CAA8C;MAEjD;IACnB,oBAAC,0BAAwB;IACzB,qBAAC;KAAiB,eAAe,OAAO,cAAc;gBACpD,oBAAC,iBAAc,WAAU,8CAA8C;MAEtD;;IACC,IACT;GACX"}

package/dist/modules/data-tables/components/filters/combobox.client.mjs

@@ -3,9 +3,9 @@
 import { cn } from "../../../../lib/utils/cn.mjs";
 import { Badge } from "../../../../components/ui/badge.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 { Separator } from "../../../../components/ui/separator.mjs";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "../../../../components/ui/command.mjs";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "../../../../components/ui/command.client.mjs";
 import { Check, PlusCircle } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { startTransition, useOptimistic } from "react";
@@ -23,7 +23,7 @@ function TableFilterCombobox({ title, filter, options }) {
 			size: "sm",
 			className: "h-8 border-dashed",
 			children: [
-				/* @__PURE__ */ jsx(PlusCircle, { className: "mr-2 h-4 w-4" }),
+				/* @__PURE__ */ jsx(PlusCircle, { className: "h-4 w-4" }),
 				title,
 				selectedValues?.size > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
 					/* @__PURE__ */ jsx(Separator, {
@@ -69,8 +69,8 @@ function TableFilterCombobox({ title, filter, options }) {
 					children: [
 						/* @__PURE__ */ jsx("div", {
 							"data-active": selectedValues.has(option.value),
-							className: cn("border-primary data-[active=true]:bg-primary data-[active=true]:text-primary-foreground data-[active=true]:[&>svg]:text-primary-foreground mr-2 flex h-4 w-4 items-center justify-center rounded-sm border opacity-50 data-[active=true]:opacity-100 [&>svg]:invisible data-[active=true]:[&>svg]:visible"),
-							children: /* @__PURE__ */ jsx(Check, { className: "text-foreground h-4 w-4" })
+							className: cn("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary opacity-50 data-[active=true]:bg-primary data-[active=true]:text-primary-foreground data-[active=true]:opacity-100 [&>svg]:invisible data-[active=true]:[&>svg]:visible data-[active=true]:[&>svg]:text-primary-foreground"),
+							children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-foreground" })
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex flex-1 items-center gap-2",
@@ -80,7 +80,7 @@ function TableFilterCombobox({ title, filter, options }) {
 							})]
 						}),
 						option.total !== void 0 && /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground/50 size-4 justify-self-end font-mono text-xs",
+							className: "size-4 justify-self-end font-mono text-muted-foreground/50 text-xs",
 							children: option.total
 						})
 					]

package/dist/modules/data-tables/components/filters/combobox.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.client.mjs","names":[],"sources":["../../../../../src/modules/data-tables/components/filters/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Check, type LucideIcon, PlusCircle } from \"lucide-react\";\nimport { type ParserBuilder, useQueryState } from \"nuqs\";\nimport { startTransition, useOptimistic } from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"@/components/ui/command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport type TableFilterComboboxOption = {\n  label: string;\n  value: string;\n  className?: string;\n  icon?: LucideIcon;\n  total?: number;\n};\n\nexport type TableFilterComboboxProps<TValue extends string = string> = {\n  title?: string;\n  filter: { name: string; parser: ParserBuilder<TValue[] | null> };\n  options: TableFilterComboboxOption[];\n};\n\nexport function TableFilterCombobox<TValue extends string>({\n  title,\n  filter,\n  options,\n}: TableFilterComboboxProps<TValue>) {\n  const [query, setQuery] = useQueryState(filter.name, filter.parser);\n\n  const [selectedValues, setSelectedValues] = useOptimistic(\n    new Set<string>(Array.isArray(query) ? query : []),\n  );\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"h-8 border-dashed\">\n          <PlusCircle className=\"mr-2 h-4 w-4\" />\n          {title}\n          {selectedValues?.size > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"mx-2 h-4\" />\n              <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal lg:hidden\">\n                {selectedValues.size}\n              </Badge>\n              <div className=\"hidden space-x-1 lg:flex\">\n                {selectedValues.size > 2 ? (\n                  <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal\">\n                    {selectedValues.size} selected\n                  </Badge>\n                ) : (\n                  options\n                    .filter((option) => selectedValues.has(option.value))\n                    .map((option) => (\n                      <Badge\n                        variant=\"secondary\"\n                        key={option.value}\n                        className=\"rounded-sm px-1 font-normal\"\n                      >\n                        {option.label}\n                      </Badge>\n                    ))\n                )}\n              </div>\n            </>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[20rem] p-0\" align=\"start\">\n        <Command>\n          <CommandInput placeholder={title} />\n          <CommandList>\n            <CommandEmpty>No results found.</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => {\n                const Icon = option.icon;\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    onSelect={() =>\n                      startTransition(() => {\n                        const newSelectedValues = new Set(selectedValues);\n\n                        const isSelected = newSelectedValues.has(option.value);\n\n                        if (isSelected) newSelectedValues.delete(option.value);\n                        else newSelectedValues.add(option.value);\n                        setSelectedValues(newSelectedValues);\n\n                        const filterValues = Array.from(newSelectedValues) as TValue[];\n                        setQuery(filterValues.length ? filterValues : null);\n                      })\n                    }\n                  >\n                    <div\n                      data-active={selectedValues.has(option.value)}\n                      className={cn(\n                        \"border-primary data-[active=true]:bg-primary data-[active=true]:text-primary-foreground data-[active=true]:[&>svg]:text-primary-foreground mr-2 flex h-4 w-4 items-center justify-center rounded-sm border opacity-50 data-[active=true]:opacity-100 [&>svg]:invisible data-[active=true]:[&>svg]:visible\",\n                      )}\n                    >\n                      <Check className=\"text-foreground h-4 w-4\" />\n                    </div>\n\n                    <div className=\"flex flex-1 items-center gap-2\">\n                      {Icon && <Icon className={cn(\"size-4\", option.className)} />}\n                      <span className={cn(option.className)}>{option.label}</span>\n                    </div>\n\n                    {option.total !== undefined && (\n                      <span className=\"text-muted-foreground/50 size-4 justify-self-end font-mono text-xs\">\n                        {option.total}\n                      </span>\n                    )}\n                  </CommandItem>\n                );\n              })}\n            </CommandGroup>\n\n            {selectedValues.size > 0 && (\n              <>\n                <CommandSeparator />\n                <CommandGroup>\n                  <CommandItem\n                    onSelect={() => setQuery(null)}\n                    className=\"justify-center text-center\"\n                  >\n                    Clear filters\n                  </CommandItem>\n                </CommandGroup>\n              </>\n            )}\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAkCA,SAAgB,oBAA2C,EACzD,OACA,QACA,WACmC;CACnC,MAAM,CAAC,OAAO,YAAY,cAAc,OAAO,MAAM,OAAO,OAAO;CAEnE,MAAM,CAAC,gBAAgB,qBAAqB,cAC1C,IAAI,IAAY,MAAM,QAAQ,MAAM,GAAG,QAAQ,EAAE,CAAC,CACnD;AAED,QACE,qBAAC,sBACC,oBAAC;EAAe;YACd,qBAAC;GAAO,MAAK;GAAS,SAAQ;GAAU,MAAK;GAAK,WAAU;;IAC1D,oBAAC,cAAW,WAAU,iBAAiB;IACtC;IACA,gBAAgB,OAAO,KACtB;KACE,oBAAC;MAAU,aAAY;MAAW,WAAU;OAAa;KACzD,oBAAC;MAAM,SAAQ;MAAY,WAAU;gBAClC,eAAe;OACV;KACR,oBAAC;MAAI,WAAU;gBACZ,eAAe,OAAO,IACrB,qBAAC;OAAM,SAAQ;OAAY,WAAU;kBAClC,eAAe,MAAK;QACf,GAER,QACG,QAAQ,WAAW,eAAe,IAAI,OAAO,MAAM,CAAC,CACpD,KAAK,WACJ,oBAAC;OACC,SAAQ;OAER,WAAU;iBAET,OAAO;SAHH,OAAO,MAIN,CACR;OAEF;QACL;;IAEE;GACM,EACjB,oBAAC;EAAe,WAAU;EAAgB,OAAM;YAC9C,qBAAC,sBACC,oBAAC,gBAAa,aAAa,QAAS,EACpC,qBAAC;GACC,oBAAC,0BAAa,sBAAgC;GAC9C,oBAAC,0BACE,QAAQ,KAAK,WAAW;IACvB,MAAM,OAAO,OAAO;AAEpB,WACE,qBAAC;KAEC,gBACE,sBAAsB;MACpB,MAAM,oBAAoB,IAAI,IAAI,eAAe;AAIjD,UAFmB,kBAAkB,IAAI,OAAO,MAAM,CAEtC,mBAAkB,OAAO,OAAO,MAAM;UACjD,mBAAkB,IAAI,OAAO,MAAM;AACxC,wBAAkB,kBAAkB;MAEpC,MAAM,eAAe,MAAM,KAAK,kBAAkB;AAClD,eAAS,aAAa,SAAS,eAAe,KAAK;OACnD;;MAGJ,oBAAC;OACC,eAAa,eAAe,IAAI,OAAO,MAAM;OAC7C,WAAW,GACT,4SACD;iBAED,oBAAC,SAAM,WAAU,4BAA4B;QACzC;MAEN,qBAAC;OAAI,WAAU;kBACZ,QAAQ,oBAAC,QAAK,WAAW,GAAG,UAAU,OAAO,UAAU,GAAI,EAC5D,oBAAC;QAAK,WAAW,GAAG,OAAO,UAAU;kBAAG,OAAO;SAAa;QACxD;MAEL,OAAO,UAAU,UAChB,oBAAC;OAAK,WAAU;iBACb,OAAO;QACH;;OAjCJ,OAAO,MAmCA;KAEhB,GACW;GAEd,eAAe,OAAO,KACrB,4CACE,oBAAC,qBAAmB,EACpB,oBAAC,0BACC,oBAAC;IACC,gBAAgB,SAAS,KAAK;IAC9B,WAAU;cACX;KAEa,GACD,IACd;MAEO,IACN;GACK,IACT"}
+{"version":3,"file":"combobox.client.mjs","names":[],"sources":["../../../../../src/modules/data-tables/components/filters/combobox.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Check, type LucideIcon, PlusCircle } from \"lucide-react\";\nimport { type ParserBuilder, useQueryState } from \"nuqs\";\nimport { startTransition, useOptimistic } from \"react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"@/components/ui/command.client\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover.client\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport type TableFilterComboboxOption = {\n  label: string;\n  value: string;\n  className?: string;\n  icon?: LucideIcon;\n  total?: number;\n};\n\nexport type TableFilterComboboxProps<TValue extends string = string> = {\n  title?: string;\n  filter: { name: string; parser: ParserBuilder<TValue[] | null> };\n  options: TableFilterComboboxOption[];\n};\n\nexport function TableFilterCombobox<TValue extends string>({\n  title,\n  filter,\n  options,\n}: TableFilterComboboxProps<TValue>) {\n  const [query, setQuery] = useQueryState(filter.name, filter.parser);\n\n  const [selectedValues, setSelectedValues] = useOptimistic(\n    new Set<string>(Array.isArray(query) ? query : []),\n  );\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"h-8 border-dashed\">\n          <PlusCircle className=\"h-4 w-4\" />\n          {title}\n          {selectedValues?.size > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"mx-2 h-4\" />\n              <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal lg:hidden\">\n                {selectedValues.size}\n              </Badge>\n              <div className=\"hidden space-x-1 lg:flex\">\n                {selectedValues.size > 2 ? (\n                  <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal\">\n                    {selectedValues.size} selected\n                  </Badge>\n                ) : (\n                  options\n                    .filter((option) => selectedValues.has(option.value))\n                    .map((option) => (\n                      <Badge\n                        variant=\"secondary\"\n                        key={option.value}\n                        className=\"rounded-sm px-1 font-normal\"\n                      >\n                        {option.label}\n                      </Badge>\n                    ))\n                )}\n              </div>\n            </>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[20rem] p-0\" align=\"start\">\n        <Command>\n          <CommandInput placeholder={title} />\n          <CommandList>\n            <CommandEmpty>No results found.</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => {\n                const Icon = option.icon;\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    onSelect={() =>\n                      startTransition(() => {\n                        const newSelectedValues = new Set(selectedValues);\n\n                        const isSelected = newSelectedValues.has(option.value);\n\n                        if (isSelected) newSelectedValues.delete(option.value);\n                        else newSelectedValues.add(option.value);\n                        setSelectedValues(newSelectedValues);\n\n                        const filterValues = Array.from(newSelectedValues) as TValue[];\n                        setQuery(filterValues.length ? filterValues : null);\n                      })\n                    }\n                  >\n                    <div\n                      data-active={selectedValues.has(option.value)}\n                      className={cn(\n                        \"mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary opacity-50 data-[active=true]:bg-primary data-[active=true]:text-primary-foreground data-[active=true]:opacity-100 [&>svg]:invisible data-[active=true]:[&>svg]:visible data-[active=true]:[&>svg]:text-primary-foreground\",\n                      )}\n                    >\n                      <Check className=\"h-4 w-4 text-foreground\" />\n                    </div>\n\n                    <div className=\"flex flex-1 items-center gap-2\">\n                      {Icon && <Icon className={cn(\"size-4\", option.className)} />}\n                      <span className={cn(option.className)}>{option.label}</span>\n                    </div>\n\n                    {option.total !== undefined && (\n                      <span className=\"size-4 justify-self-end font-mono text-muted-foreground/50 text-xs\">\n                        {option.total}\n                      </span>\n                    )}\n                  </CommandItem>\n                );\n              })}\n            </CommandGroup>\n\n            {selectedValues.size > 0 && (\n              <>\n                <CommandSeparator />\n                <CommandGroup>\n                  <CommandItem\n                    onSelect={() => setQuery(null)}\n                    className=\"justify-center text-center\"\n                  >\n                    Clear filters\n                  </CommandItem>\n                </CommandGroup>\n              </>\n            )}\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAkCA,SAAgB,oBAA2C,EACzD,OACA,QACA,WACmC;CACnC,MAAM,CAAC,OAAO,YAAY,cAAc,OAAO,MAAM,OAAO,OAAO;CAEnE,MAAM,CAAC,gBAAgB,qBAAqB,cAC1C,IAAI,IAAY,MAAM,QAAQ,MAAM,GAAG,QAAQ,EAAE,CAAC,CACnD;AAED,QACE,qBAAC,sBACC,oBAAC;EAAe;YACd,qBAAC;GAAO,MAAK;GAAS,SAAQ;GAAU,MAAK;GAAK,WAAU;;IAC1D,oBAAC,cAAW,WAAU,YAAY;IACjC;IACA,gBAAgB,OAAO,KACtB;KACE,oBAAC;MAAU,aAAY;MAAW,WAAU;OAAa;KACzD,oBAAC;MAAM,SAAQ;MAAY,WAAU;gBAClC,eAAe;OACV;KACR,oBAAC;MAAI,WAAU;gBACZ,eAAe,OAAO,IACrB,qBAAC;OAAM,SAAQ;OAAY,WAAU;kBAClC,eAAe,MAAK;QACf,GAER,QACG,QAAQ,WAAW,eAAe,IAAI,OAAO,MAAM,CAAC,CACpD,KAAK,WACJ,oBAAC;OACC,SAAQ;OAER,WAAU;iBAET,OAAO;SAHH,OAAO,MAIN,CACR;OAEF;QACL;;IAEE;GACM,EACjB,oBAAC;EAAe,WAAU;EAAgB,OAAM;YAC9C,qBAAC,sBACC,oBAAC,gBAAa,aAAa,QAAS,EACpC,qBAAC;GACC,oBAAC,0BAAa,sBAAgC;GAC9C,oBAAC,0BACE,QAAQ,KAAK,WAAW;IACvB,MAAM,OAAO,OAAO;AAEpB,WACE,qBAAC;KAEC,gBACE,sBAAsB;MACpB,MAAM,oBAAoB,IAAI,IAAI,eAAe;AAIjD,UAFmB,kBAAkB,IAAI,OAAO,MAAM,CAEtC,mBAAkB,OAAO,OAAO,MAAM;UACjD,mBAAkB,IAAI,OAAO,MAAM;AACxC,wBAAkB,kBAAkB;MAEpC,MAAM,eAAe,MAAM,KAAK,kBAAkB;AAClD,eAAS,aAAa,SAAS,eAAe,KAAK;OACnD;;MAGJ,oBAAC;OACC,eAAa,eAAe,IAAI,OAAO,MAAM;OAC7C,WAAW,GACT,4SACD;iBAED,oBAAC,SAAM,WAAU,4BAA4B;QACzC;MAEN,qBAAC;OAAI,WAAU;kBACZ,QAAQ,oBAAC,QAAK,WAAW,GAAG,UAAU,OAAO,UAAU,GAAI,EAC5D,oBAAC;QAAK,WAAW,GAAG,OAAO,UAAU;kBAAG,OAAO;SAAa;QACxD;MAEL,OAAO,UAAU,UAChB,oBAAC;OAAK,WAAU;iBACb,OAAO;QACH;;OAjCJ,OAAO,MAmCA;KAEhB,GACW;GAEd,eAAe,OAAO,KACrB,4CACE,oBAAC,qBAAmB,EACpB,oBAAC,0BACC,oBAAC;IACC,gBAAgB,SAAS,KAAK;IAC9B,WAAU;cACX;KAEa,GACD,IACd;MAEO,IACN;GACK,IACT"}

package/dist/modules/data-tables/components/filters/slider.client.mjs

@@ -2,7 +2,7 @@
 
 import { Badge } from "../../../../components/ui/badge.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 { Separator } from "../../../../components/ui/separator.mjs";
 import { Slider } from "../../../../components/ui/slider.mjs";
@@ -101,7 +101,7 @@ function TableFilterSlider({ title, filter, options = {
 						min,
 						max
 					}), /* @__PURE__ */ jsxs("div", {
-						className: "text-muted-foreground flex justify-between text-xs",
+						className: "flex justify-between text-muted-foreground text-xs",
 						children: [/* @__PURE__ */ jsx("span", { children: min }), /* @__PURE__ */ jsx("span", { children: max })]
 					})]
 				})]

package/dist/modules/data-tables/components/filters/slider.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.client.mjs","names":[],"sources":["../../../../../src/modules/data-tables/components/filters/slider.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { PlusCircle } from \"lucide-react\";\nimport { type ParserBuilder, useQueryState } from \"nuqs\";\nimport { startTransition, useState } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Slider } from \"@/components/ui/slider\";\n\nexport type TableFilterSliderProps = {\n  title?: string;\n  filter: { name: string; parser: ParserBuilder<[number, number] | null> };\n  options?: { min: number; max: number };\n};\n\nexport function TableFilterSlider({\n  title,\n  filter,\n  options = { min: 0, max: 100 },\n}: TableFilterSliderProps) {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useQueryState(filter.name, filter.parser);\n\n  const [selectedValues, setSelectedValues] = useState(query);\n\n  const handleSliderChange = useDebouncedCallback(\n    (values: [number, number] | null) => setQuery(values, { startTransition }),\n    300,\n  );\n\n  const { min, max } = options;\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"h-8 border-dashed\">\n          <PlusCircle className=\"mr-2 h-4 w-4\" />\n          {title}\n          {selectedValues && selectedValues?.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"mx-2 h-4\" />\n              <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal lg:hidden\">\n                {selectedValues?.length}\n              </Badge>\n\n              <div className=\"hidden space-x-1 lg:flex\">\n                <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal\">\n                  {query?.[0]} tot {query?.[1]}\n                </Badge>\n              </div>\n            </>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[20rem] p-0\" align=\"start\">\n        <div className=\"space-y-8 p-4\">\n          <div className=\"flex items-center gap-2\">\n            <Input\n              type=\"number\"\n              value={selectedValues?.[0] ?? undefined}\n              placeholder=\"Min\"\n              onChange={(e) => {\n                startTransition(() => {\n                  const newValues = e.target.value\n                    ? ([Number(e.target.value), selectedValues?.[1] ?? max] as [number, number])\n                    : null;\n\n                  setSelectedValues(newValues);\n                });\n              }}\n              onBlur={() => handleSliderChange(selectedValues)}\n            />\n            <Input\n              type=\"number\"\n              value={selectedValues?.[1] ?? undefined}\n              placeholder=\"Max\"\n              max={max}\n              onChange={(e) => {\n                startTransition(() => {\n                  const newValues = e.target.value\n                    ? ([selectedValues?.[0] ?? min, Number(e.target.value)] as [number, number])\n                    : null;\n\n                  setSelectedValues(newValues);\n                });\n              }}\n              onBlur={() => handleSliderChange(selectedValues)}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Slider\n              value={selectedValues ?? [min, max]}\n              onValueChange={(values: [number, number]) =>\n                startTransition(() => {\n                  setSelectedValues(values);\n                  handleSliderChange(values);\n                })\n              }\n              step={1}\n              min={min}\n              max={max}\n            />\n\n            <div className=\"text-muted-foreground flex justify-between text-xs\">\n              <span>{min}</span>\n              <span>{max}</span>\n            </div>\n          </div>\n        </div>\n\n        {selectedValues && selectedValues.length > 0 && (\n          <div className=\"w-full space-y-2 p-1.5\">\n            <Separator />\n\n            <Button\n              size=\"sm\"\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={() => {\n                setOpen(false);\n                setSelectedValues(null);\n                handleSliderChange(null);\n              }}\n              className=\"w-full text-center\"\n            >\n              Clear filters\n            </Button>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAgB,kBAAkB,EAChC,OACA,QACA,UAAU;CAAE,KAAK;CAAG,KAAK;CAAK,IACL;CACzB,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,OAAO,YAAY,cAAc,OAAO,MAAM,OAAO,OAAO;CAEnE,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAE3D,MAAM,qBAAqB,sBACxB,WAAoC,SAAS,QAAQ,EAAE,iBAAiB,CAAC,EAC1E,IACD;CAED,MAAM,EAAE,KAAK,QAAQ;AAErB,QACE,qBAAC;EAAc;EAAM,cAAc;aACjC,oBAAC;GAAe;aACd,qBAAC;IAAO,MAAK;IAAS,SAAQ;IAAU,MAAK;IAAK,WAAU;;KAC1D,oBAAC,cAAW,WAAU,iBAAiB;KACtC;KACA,kBAAkB,gBAAgB,SAAS,KAC1C;MACE,oBAAC;OAAU,aAAY;OAAW,WAAU;QAAa;MACzD,oBAAC;OAAM,SAAQ;OAAY,WAAU;iBAClC,gBAAgB;QACX;MAER,oBAAC;OAAI,WAAU;iBACb,qBAAC;QAAM,SAAQ;QAAY,WAAU;;SAClC,QAAQ;SAAG;SAAM,QAAQ;;SACpB;QACJ;SACL;;KAEE;IACM,EACjB,qBAAC;GAAe,WAAU;GAAgB,OAAM;cAC9C,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,MAAK;MACL,OAAO,iBAAiB,MAAM;MAC9B,aAAY;MACZ,WAAW,MAAM;AACf,6BAAsB;AAKpB,0BAJkB,EAAE,OAAO,QACtB,CAAC,OAAO,EAAE,OAAO,MAAM,EAAE,iBAAiB,MAAM,IAAI,GACrD,KAEwB;SAC5B;;MAEJ,cAAc,mBAAmB,eAAe;OAChD,EACF,oBAAC;MACC,MAAK;MACL,OAAO,iBAAiB,MAAM;MAC9B,aAAY;MACP;MACL,WAAW,MAAM;AACf,6BAAsB;AAKpB,0BAJkB,EAAE,OAAO,QACtB,CAAC,iBAAiB,MAAM,KAAK,OAAO,EAAE,OAAO,MAAM,CAAC,GACrD,KAEwB;SAC5B;;MAEJ,cAAc,mBAAmB,eAAe;OAChD;MACE,EAEN,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,OAAO,kBAAkB,CAAC,KAAK,IAAI;MACnC,gBAAgB,WACd,sBAAsB;AACpB,yBAAkB,OAAO;AACzB,0BAAmB,OAAO;QAC1B;MAEJ,MAAM;MACD;MACA;OACL,EAEF,qBAAC;MAAI,WAAU;iBACb,oBAAC,oBAAM,MAAW,EAClB,oBAAC,oBAAM,MAAW;OACd;MACF;KACF,EAEL,kBAAkB,eAAe,SAAS,KACzC,qBAAC;IAAI,WAAU;eACb,oBAAC,cAAY,EAEb,oBAAC;KACC,MAAK;KACL,MAAK;KACL,SAAQ;KACR,eAAe;AACb,cAAQ,MAAM;AACd,wBAAkB,KAAK;AACvB,yBAAmB,KAAK;;KAE1B,WAAU;eACX;MAEQ;KACL;IAEO;GACT"}
+{"version":3,"file":"slider.client.mjs","names":[],"sources":["../../../../../src/modules/data-tables/components/filters/slider.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { PlusCircle } from \"lucide-react\";\nimport { type ParserBuilder, useQueryState } from \"nuqs\";\nimport { startTransition, useState } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover.client\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Slider } from \"@/components/ui/slider\";\n\nexport type TableFilterSliderProps = {\n  title?: string;\n  filter: { name: string; parser: ParserBuilder<[number, number] | null> };\n  options?: { min: number; max: number };\n};\n\nexport function TableFilterSlider({\n  title,\n  filter,\n  options = { min: 0, max: 100 },\n}: TableFilterSliderProps) {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useQueryState(filter.name, filter.parser);\n\n  const [selectedValues, setSelectedValues] = useState(query);\n\n  const handleSliderChange = useDebouncedCallback(\n    (values: [number, number] | null) => setQuery(values, { startTransition }),\n    300,\n  );\n\n  const { min, max } = options;\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"h-8 border-dashed\">\n          <PlusCircle className=\"mr-2 h-4 w-4\" />\n          {title}\n          {selectedValues && selectedValues?.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"mx-2 h-4\" />\n              <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal lg:hidden\">\n                {selectedValues?.length}\n              </Badge>\n\n              <div className=\"hidden space-x-1 lg:flex\">\n                <Badge variant=\"secondary\" className=\"rounded-sm px-1 font-normal\">\n                  {query?.[0]} tot {query?.[1]}\n                </Badge>\n              </div>\n            </>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[20rem] p-0\" align=\"start\">\n        <div className=\"space-y-8 p-4\">\n          <div className=\"flex items-center gap-2\">\n            <Input\n              type=\"number\"\n              value={selectedValues?.[0] ?? undefined}\n              placeholder=\"Min\"\n              onChange={(e) => {\n                startTransition(() => {\n                  const newValues = e.target.value\n                    ? ([Number(e.target.value), selectedValues?.[1] ?? max] as [number, number])\n                    : null;\n\n                  setSelectedValues(newValues);\n                });\n              }}\n              onBlur={() => handleSliderChange(selectedValues)}\n            />\n            <Input\n              type=\"number\"\n              value={selectedValues?.[1] ?? undefined}\n              placeholder=\"Max\"\n              max={max}\n              onChange={(e) => {\n                startTransition(() => {\n                  const newValues = e.target.value\n                    ? ([selectedValues?.[0] ?? min, Number(e.target.value)] as [number, number])\n                    : null;\n\n                  setSelectedValues(newValues);\n                });\n              }}\n              onBlur={() => handleSliderChange(selectedValues)}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Slider\n              value={selectedValues ?? [min, max]}\n              onValueChange={(values: [number, number]) =>\n                startTransition(() => {\n                  setSelectedValues(values);\n                  handleSliderChange(values);\n                })\n              }\n              step={1}\n              min={min}\n              max={max}\n            />\n\n            <div className=\"flex justify-between text-muted-foreground text-xs\">\n              <span>{min}</span>\n              <span>{max}</span>\n            </div>\n          </div>\n        </div>\n\n        {selectedValues && selectedValues.length > 0 && (\n          <div className=\"w-full space-y-2 p-1.5\">\n            <Separator />\n\n            <Button\n              size=\"sm\"\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={() => {\n                setOpen(false);\n                setSelectedValues(null);\n                handleSliderChange(null);\n              }}\n              className=\"w-full text-center\"\n            >\n              Clear filters\n            </Button>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAgB,kBAAkB,EAChC,OACA,QACA,UAAU;CAAE,KAAK;CAAG,KAAK;CAAK,IACL;CACzB,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,OAAO,YAAY,cAAc,OAAO,MAAM,OAAO,OAAO;CAEnE,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAE3D,MAAM,qBAAqB,sBACxB,WAAoC,SAAS,QAAQ,EAAE,iBAAiB,CAAC,EAC1E,IACD;CAED,MAAM,EAAE,KAAK,QAAQ;AAErB,QACE,qBAAC;EAAc;EAAM,cAAc;aACjC,oBAAC;GAAe;aACd,qBAAC;IAAO,MAAK;IAAS,SAAQ;IAAU,MAAK;IAAK,WAAU;;KAC1D,oBAAC,cAAW,WAAU,iBAAiB;KACtC;KACA,kBAAkB,gBAAgB,SAAS,KAC1C;MACE,oBAAC;OAAU,aAAY;OAAW,WAAU;QAAa;MACzD,oBAAC;OAAM,SAAQ;OAAY,WAAU;iBAClC,gBAAgB;QACX;MAER,oBAAC;OAAI,WAAU;iBACb,qBAAC;QAAM,SAAQ;QAAY,WAAU;;SAClC,QAAQ;SAAG;SAAM,QAAQ;;SACpB;QACJ;SACL;;KAEE;IACM,EACjB,qBAAC;GAAe,WAAU;GAAgB,OAAM;cAC9C,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,MAAK;MACL,OAAO,iBAAiB,MAAM;MAC9B,aAAY;MACZ,WAAW,MAAM;AACf,6BAAsB;AAKpB,0BAJkB,EAAE,OAAO,QACtB,CAAC,OAAO,EAAE,OAAO,MAAM,EAAE,iBAAiB,MAAM,IAAI,GACrD,KAEwB;SAC5B;;MAEJ,cAAc,mBAAmB,eAAe;OAChD,EACF,oBAAC;MACC,MAAK;MACL,OAAO,iBAAiB,MAAM;MAC9B,aAAY;MACP;MACL,WAAW,MAAM;AACf,6BAAsB;AAKpB,0BAJkB,EAAE,OAAO,QACtB,CAAC,iBAAiB,MAAM,KAAK,OAAO,EAAE,OAAO,MAAM,CAAC,GACrD,KAEwB;SAC5B;;MAEJ,cAAc,mBAAmB,eAAe;OAChD;MACE,EAEN,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,OAAO,kBAAkB,CAAC,KAAK,IAAI;MACnC,gBAAgB,WACd,sBAAsB;AACpB,yBAAkB,OAAO;AACzB,0BAAmB,OAAO;QAC1B;MAEJ,MAAM;MACD;MACA;OACL,EAEF,qBAAC;MAAI,WAAU;iBACb,oBAAC,oBAAM,MAAW,EAClB,oBAAC,oBAAM,MAAW;OACd;MACF;KACF,EAEL,kBAAkB,eAAe,SAAS,KACzC,qBAAC;IAAI,WAAU;eACb,oBAAC,cAAY,EAEb,oBAAC;KACC,MAAK;KACL,MAAK;KACL,SAAQ;KACR,eAAe;AACb,cAAQ,MAAM;AACd,wBAAkB,KAAK;AACvB,yBAAmB,KAAK;;KAE1B,WAAU;eACX;MAEQ;KACL;IAEO;GACT"}