@tulip-systems/core 0.6.1 → 0.7.0

package/dist/modules/auth/components/forget-password-page.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"forget-password-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/forget-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { forgotPasswordSchema } from \"../lib/validators\";\n\nexport function ForgetPasswordPage() {\n  const authClient = useAuthClient();\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof forgotPasswordSchema>>({\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n    defaultValues: { email: \"\" },\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Wachtwoord vergeten</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email zodat we je een mail kunnen verzenden om je wachtwoord te herstellen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ email }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.sendVerificationOtp({\n                type: \"forget-password\",\n                email,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Succesvol verzonden\", {\n                      description:\n                        \"We hebben je een email verzonden om je wachtwoord te herstellen.\",\n                    });\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <FormField\n            control={form.control}\n            name=\"email\"\n            render={({ field }) => (\n              <FormItem>\n                <FormControl>\n                  <Input placeholder=\"email@example.be\" {...field} />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,qBAAqB;CACnC,MAAM,aAAa,eAAe;CAClC,MAAM,CAAC,WAAW,mBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA8C;EACzD,UAAU,uBAAuB,qBAAqB;EACtD,eAAe,EAAE,OAAO,IAAI;EAC5B,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAAwB,EAC9E,oBAAC;IAAE,WAAU;cAAgC;KAEzC;IACA,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,YAC7B,gBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,oBAAoB;MAC5C,MAAM;MACN;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,uBAAuB,EACnC,aACE,oEACH,CAAC;;OAEJ,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,oBAAC;KACC,SAAS,KAAK;KACd,MAAK;KACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;MAAM,aAAY;MAAmB,GAAI;OAAS,GACvC,EACd,oBAAC,gBAAc,IACN;MAEb,EAEF,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}
+{"version":3,"file":"forget-password-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/forget-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { forgotPasswordSchema } from \"../lib/validators\";\n\nexport function ForgetPasswordPage() {\n  const authClient = useAuthClient();\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof forgotPasswordSchema>>({\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n    defaultValues: { email: \"\" },\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"font-semibold text-3xl tracking-tight\">Wachtwoord vergeten</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email zodat we je een mail kunnen verzenden om je wachtwoord te herstellen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ email }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.sendVerificationOtp({\n                type: \"forget-password\",\n                email,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Succesvol verzonden\", {\n                      description:\n                        \"We hebben je een email verzonden om je wachtwoord te herstellen.\",\n                    });\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <FormField\n            control={form.control}\n            name=\"email\"\n            render={({ field }) => (\n              <FormItem>\n                <FormControl>\n                  <Input placeholder=\"email@example.be\" {...field} />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,qBAAqB;CACnC,MAAM,aAAa,eAAe;CAClC,MAAM,CAAC,WAAW,mBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA8C;EACzD,UAAU,uBAAuB,qBAAqB;EACtD,eAAe,EAAE,OAAO,IAAI;EAC5B,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAAwB,EAC9E,oBAAC;IAAE,WAAU;cAAgC;KAEzC;IACA,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,YAC7B,gBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,oBAAoB;MAC5C,MAAM;MACN;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,uBAAuB,EACnC,aACE,oEACH,CAAC;;OAEJ,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,oBAAC;KACC,SAAS,KAAK;KACd,MAAK;KACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;MAAM,aAAY;MAAmB,GAAI;OAAS,GACvC,EACd,oBAAC,gBAAc,IACN;MAEb,EAEF,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}

package/dist/modules/auth/components/login-page.client.mjs

@@ -81,7 +81,7 @@ function LoginPage(props) {
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col space-y-2 text-center",
 				children: [/* @__PURE__ */ jsx("h1", {
-					className: "text-3xl font-semibold tracking-tight",
+					className: "font-semibold text-3xl tracking-tight",
 					children: "Login"
 				}), /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground text-sm",
@@ -115,10 +115,10 @@ function LoginPage(props) {
 									type: "button",
 									variant: "ghost",
 									size: "sm",
-									className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+									className: "absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent",
 									onClick: () => setShowPassword(!showPassword),
 									disabled,
-									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" })
 								})]
 							}) }), /* @__PURE__ */ jsx(FormMessage, {})] })
 						})]
@@ -140,10 +140,10 @@ function LoginPage(props) {
 				})
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground px-8 text-center text-sm",
+				className: "px-8 text-center text-muted-foreground text-sm",
 				children: /* @__PURE__ */ jsx(Link, {
 					href: "/auth/forget-password",
-					className: "hover:text-primary underline underline-offset-4",
+					className: "underline underline-offset-4 hover:text-primary",
 					children: "Wachtwoord vergeten"
 				})
 			})

package/dist/modules/auth/components/login-page.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"login-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/login-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { Eye, EyeOff, FingerprintIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { loginSchema } from \"../lib/validators\";\n\ntype LoginPageProps = {\n  options?: {\n    enablePasskey?: boolean;\n  };\n};\n\nexport function LoginPage(props: LoginPageProps) {\n  const router = useRouter();\n  const authClient = useAuthClient();\n  const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const loginWithEmailMutation = useMutation({\n    mutationFn: async (data: z.infer<typeof loginSchema>) => {\n      const result = await authClient.signIn.email({\n        ...data,\n        callbackURL: callbackURL ?? \"/admin\",\n      });\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onError: (err) => {\n      console.error(\"Login error: \", err);\n\n      if (\"status\" in err) {\n        if (err.status === 401) {\n          toast.error(\"Ongeldige email of wachtwoord\");\n          return;\n        }\n\n        if (err.status === 403) {\n          toast.error(\"Account is geblokkeerd\");\n          return;\n        }\n\n        if (err.status === 429) {\n          toast.error(\"Te veel login pogingen\");\n          return;\n        }\n      }\n\n      toast.error(\"Er is iets misgegaan\");\n    },\n  });\n\n  const loginWithPasskeyMutation = useMutation({\n    mutationFn: async () => {\n      const result = await authClient.signIn.passkey();\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onSuccess: () => {\n      router.replace(callbackURL ?? \"/admin\");\n      toast.success(\"Succesvol ingelogd\");\n    },\n    onError: (err) => {\n      console.error(\"Login error: \", err);\n      toast.error(\"Er is iets misgegaan\");\n    },\n  });\n\n  const disabled = loginWithEmailMutation.isPending || loginWithPasskeyMutation.isPending;\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: standardSchemaResolver(loginSchema),\n    defaultValues: { email: \"\", password: \"\" },\n    disabled,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Login</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email en wachtwoord in om in te loggen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) => loginWithEmailMutation.mutate(data))}\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"email\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <Input placeholder=\"email@example.be\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"text-muted-foreground h-4 w-4\" />\n                        ) : (\n                          <Eye className=\"text-muted-foreground h-4 w-4\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Button disabled={disabled} className=\"w-full\">\n              {loginWithEmailMutation.isPending && (\n                <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n              )}\n              Inloggen\n            </Button>\n\n            {props.options?.enablePasskey && (\n              <Button\n                className=\"w-full\"\n                type=\"button\"\n                variant=\"outline\"\n                disabled={disabled}\n                onClick={() => loginWithPasskeyMutation.mutate()}\n              >\n                {loginWithPasskeyMutation.isPending ? (\n                  <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n                ) : (\n                  <FingerprintIcon className=\"mr-2 h-4 w-4\" />\n                )}\n                Inloggen met passkey\n              </Button>\n            )}\n          </div>\n        </form>\n      </Form>\n\n      <p className=\"text-muted-foreground px-8 text-center text-sm\">\n        <Link\n          href=\"/auth/forget-password\"\n          className=\"hover:text-primary underline underline-offset-4\"\n        >\n          Wachtwoord vergeten\n        </Link>\n      </p>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,UAAU,OAAuB;CAC/C,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAClC,MAAM,CAAC,eAAe,cAAc,eAAe,cAAc;CACjE,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAEvD,MAAM,yBAAyB,YAAY;EACzC,YAAY,OAAO,SAAsC;GACvD,MAAM,SAAS,MAAM,WAAW,OAAO,MAAM;IAC3C,GAAG;IACH,aAAa,eAAe;IAC7B,CAAC;AACF,OAAI,OAAO,MAAO,OAAM,OAAO;AAE/B,UAAO,OAAO;;EAEhB,UAAU,QAAQ;AAChB,WAAQ,MAAM,iBAAiB,IAAI;AAEnC,OAAI,YAAY,KAAK;AACnB,QAAI,IAAI,WAAW,KAAK;AACtB,WAAM,MAAM,gCAAgC;AAC5C;;AAGF,QAAI,IAAI,WAAW,KAAK;AACtB,WAAM,MAAM,yBAAyB;AACrC;;AAGF,QAAI,IAAI,WAAW,KAAK;AACtB,WAAM,MAAM,yBAAyB;AACrC;;;AAIJ,SAAM,MAAM,uBAAuB;;EAEtC,CAAC;CAEF,MAAM,2BAA2B,YAAY;EAC3C,YAAY,YAAY;GACtB,MAAM,SAAS,MAAM,WAAW,OAAO,SAAS;AAChD,OAAI,OAAO,MAAO,OAAM,OAAO;AAE/B,UAAO,OAAO;;EAEhB,iBAAiB;AACf,UAAO,QAAQ,eAAe,SAAS;AACvC,SAAM,QAAQ,qBAAqB;;EAErC,UAAU,QAAQ;AAChB,WAAQ,MAAM,iBAAiB,IAAI;AACnC,SAAM,MAAM,uBAAuB;;EAEtC,CAAC;CAEF,MAAM,WAAW,uBAAuB,aAAa,yBAAyB;CAE9E,MAAM,OAAO,QAAqC;EAChD,UAAU,uBAAuB,YAAY;EAC7C,eAAe;GAAE,OAAO;GAAI,UAAU;GAAI;EAC1C;EACD,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAwC;MAAU,EAChE,oBAAC;KAAE,WAAU;eAAgC;MAEzC;KACA;GAEN,oBAACA;IAAK,GAAI;cACR,qBAAC;KACC,WAAU;KACV,UAAU,KAAK,cAAc,SAAS,uBAAuB,OAAO,KAAK,CAAC;gBAE1E,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;QAAM,aAAY;QAAmB,GAAI;SAAS,GACvC,EACd,oBAAC,gBAAc,IACN;QAEb,EAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,eAAe,SAAS;SAC9B,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,gBAAgB,CAAC,aAAa;SACnC;mBAET,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM,EACd,oBAAC,gBAAc,IACN;QAEb;OACE,EAEN,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAiB;OAAU,WAAU;kBACnC,uBAAuB,aACtB,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EACvD;QAEK,EAER,MAAM,SAAS,iBACd,qBAAC;OACC,WAAU;OACV,MAAK;OACL,SAAQ;OACE;OACV,eAAe,yBAAyB,QAAQ;kBAE/C,yBAAyB,YACxB,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,GAEvD,oBAAC,mBAAgB,WAAU,iBAAiB,EAC5C;QAEK;OAEP;MACD;KACF;GAEP,oBAAC;IAAE,WAAU;cACX,oBAAC;KACC,MAAK;KACL,WAAU;eACX;MAEM;KACL;;GACA"}
+{"version":3,"file":"login-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/login-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { Eye, EyeOff, FingerprintIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { parseAsString, useQueryState } from \"nuqs\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport { Form, FormControl, FormField, FormItem, FormMessage } from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { loginSchema } from \"../lib/validators\";\n\ntype LoginPageProps = {\n  options?: {\n    enablePasskey?: boolean;\n  };\n};\n\nexport function LoginPage(props: LoginPageProps) {\n  const router = useRouter();\n  const authClient = useAuthClient();\n  const [callbackURL] = useQueryState(\"callbackURL\", parseAsString);\n  const [showPassword, setShowPassword] = useState(false);\n\n  const loginWithEmailMutation = useMutation({\n    mutationFn: async (data: z.infer<typeof loginSchema>) => {\n      const result = await authClient.signIn.email({\n        ...data,\n        callbackURL: callbackURL ?? \"/admin\",\n      });\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onError: (err) => {\n      console.error(\"Login error: \", err);\n\n      if (\"status\" in err) {\n        if (err.status === 401) {\n          toast.error(\"Ongeldige email of wachtwoord\");\n          return;\n        }\n\n        if (err.status === 403) {\n          toast.error(\"Account is geblokkeerd\");\n          return;\n        }\n\n        if (err.status === 429) {\n          toast.error(\"Te veel login pogingen\");\n          return;\n        }\n      }\n\n      toast.error(\"Er is iets misgegaan\");\n    },\n  });\n\n  const loginWithPasskeyMutation = useMutation({\n    mutationFn: async () => {\n      const result = await authClient.signIn.passkey();\n      if (result.error) throw result.error;\n\n      return result.data;\n    },\n    onSuccess: () => {\n      router.replace(callbackURL ?? \"/admin\");\n      toast.success(\"Succesvol ingelogd\");\n    },\n    onError: (err) => {\n      console.error(\"Login error: \", err);\n      toast.error(\"Er is iets misgegaan\");\n    },\n  });\n\n  const disabled = loginWithEmailMutation.isPending || loginWithPasskeyMutation.isPending;\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: standardSchemaResolver(loginSchema),\n    defaultValues: { email: \"\", password: \"\" },\n    disabled,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"font-semibold text-3xl tracking-tight\">Login</h1>\n        <p className=\"text-muted-foreground text-sm\">\n          Schrijf je email en wachtwoord in om in te loggen.\n        </p>\n      </div>\n\n      <Form {...form}>\n        <form\n          className=\"space-y-6\"\n          onSubmit={form.handleSubmit((data) => loginWithEmailMutation.mutate(data))}\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"email\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <Input placeholder=\"email@example.be\" {...field} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"h-4 w-4 text-muted-foreground\" />\n                        ) : (\n                          <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            <Button disabled={disabled} className=\"w-full\">\n              {loginWithEmailMutation.isPending && (\n                <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n              )}\n              Inloggen\n            </Button>\n\n            {props.options?.enablePasskey && (\n              <Button\n                className=\"w-full\"\n                type=\"button\"\n                variant=\"outline\"\n                disabled={disabled}\n                onClick={() => loginWithPasskeyMutation.mutate()}\n              >\n                {loginWithPasskeyMutation.isPending ? (\n                  <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n                ) : (\n                  <FingerprintIcon className=\"mr-2 h-4 w-4\" />\n                )}\n                Inloggen met passkey\n              </Button>\n            )}\n          </div>\n        </form>\n      </Form>\n\n      <p className=\"px-8 text-center text-muted-foreground text-sm\">\n        <Link\n          href=\"/auth/forget-password\"\n          className=\"underline underline-offset-4 hover:text-primary\"\n        >\n          Wachtwoord vergeten\n        </Link>\n      </p>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,UAAU,OAAuB;CAC/C,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAClC,MAAM,CAAC,eAAe,cAAc,eAAe,cAAc;CACjE,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CAEvD,MAAM,yBAAyB,YAAY;EACzC,YAAY,OAAO,SAAsC;GACvD,MAAM,SAAS,MAAM,WAAW,OAAO,MAAM;IAC3C,GAAG;IACH,aAAa,eAAe;IAC7B,CAAC;AACF,OAAI,OAAO,MAAO,OAAM,OAAO;AAE/B,UAAO,OAAO;;EAEhB,UAAU,QAAQ;AAChB,WAAQ,MAAM,iBAAiB,IAAI;AAEnC,OAAI,YAAY,KAAK;AACnB,QAAI,IAAI,WAAW,KAAK;AACtB,WAAM,MAAM,gCAAgC;AAC5C;;AAGF,QAAI,IAAI,WAAW,KAAK;AACtB,WAAM,MAAM,yBAAyB;AACrC;;AAGF,QAAI,IAAI,WAAW,KAAK;AACtB,WAAM,MAAM,yBAAyB;AACrC;;;AAIJ,SAAM,MAAM,uBAAuB;;EAEtC,CAAC;CAEF,MAAM,2BAA2B,YAAY;EAC3C,YAAY,YAAY;GACtB,MAAM,SAAS,MAAM,WAAW,OAAO,SAAS;AAChD,OAAI,OAAO,MAAO,OAAM,OAAO;AAE/B,UAAO,OAAO;;EAEhB,iBAAiB;AACf,UAAO,QAAQ,eAAe,SAAS;AACvC,SAAM,QAAQ,qBAAqB;;EAErC,UAAU,QAAQ;AAChB,WAAQ,MAAM,iBAAiB,IAAI;AACnC,SAAM,MAAM,uBAAuB;;EAEtC,CAAC;CAEF,MAAM,WAAW,uBAAuB,aAAa,yBAAyB;CAE9E,MAAM,OAAO,QAAqC;EAChD,UAAU,uBAAuB,YAAY;EAC7C,eAAe;GAAE,OAAO;GAAI,UAAU;GAAI;EAC1C;EACD,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAwC;MAAU,EAChE,oBAAC;KAAE,WAAU;eAAgC;MAEzC;KACA;GAEN,oBAACA;IAAK,GAAI;cACR,qBAAC;KACC,WAAU;KACV,UAAU,KAAK,cAAc,SAAS,uBAAuB,OAAO,KAAK,CAAC;gBAE1E,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,oBAAC;QAAM,aAAY;QAAmB,GAAI;SAAS,GACvC,EACd,oBAAC,gBAAc,IACN;QAEb,EAEF,oBAAC;OACC,SAAS,KAAK;OACd,MAAK;OACL,SAAS,EAAE,YACT,qBAAC,uBACC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,eAAe,SAAS;SAC9B,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,gBAAgB,CAAC,aAAa;SACnC;mBAET,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM,EACd,oBAAC,gBAAc,IACN;QAEb;OACE,EAEN,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAiB;OAAU,WAAU;kBACnC,uBAAuB,aACtB,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EACvD;QAEK,EAER,MAAM,SAAS,iBACd,qBAAC;OACC,WAAU;OACV,MAAK;OACL,SAAQ;OACE;OACV,eAAe,yBAAyB,QAAQ;kBAE/C,yBAAyB,YACxB,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,GAEvD,oBAAC,mBAAgB,WAAU,iBAAiB,EAC5C;QAEK;OAEP;MACD;KACF;GAEP,oBAAC;IAAE,WAAU;cACX,oBAAC;KACC,MAAK;KACL,WAAU;eACX;MAEM;KACL;;GACA"}

package/dist/modules/auth/components/reset-password-page.client.mjs

@@ -31,7 +31,7 @@ function ResetPasswordPage(params) {
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col space-y-2 text-center",
 			children: [/* @__PURE__ */ jsx("h1", {
-				className: "text-3xl font-semibold tracking-tight",
+				className: "font-semibold text-3xl tracking-tight",
 				children: "Wachtwoord herstellen"
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",
@@ -75,10 +75,10 @@ function ResetPasswordPage(params) {
 									type: "button",
 									variant: "ghost",
 									size: "sm",
-									className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+									className: "absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent",
 									onClick: () => setShowPassword(!showPassword),
 									disabled: form.formState.disabled,
-									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+									children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" })
 								})]
 							}) }),
 							/* @__PURE__ */ jsx(FormMessage, {})
@@ -98,10 +98,10 @@ function ResetPasswordPage(params) {
 									type: "button",
 									variant: "ghost",
 									size: "sm",
-									className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+									className: "absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent",
 									onClick: () => setShowPasswordConfirm(!showPasswordConfirm),
 									disabled: form.formState.disabled,
-									children: showPasswordConfirm ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-4 w-4" })
+									children: showPasswordConfirm ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4 text-muted-foreground" })
 								})]
 							}) }),
 							/* @__PURE__ */ jsx(FormMessage, {})

package/dist/modules/auth/components/reset-password-page.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"reset-password-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/reset-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport React, { use, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { resetPasswordSchema } from \"../lib/validators\";\n\nexport function ResetPasswordPage(params: {\n  searchParams: Promise<{ email: string; otp: string }>;\n}) {\n  const { email, otp } = use(params.searchParams);\n\n  const router = useRouter();\n  const authClient = useAuthClient();\n\n  const [showPassword, setShowPassword] = useState(false);\n  const [showPasswordConfirm, setShowPasswordConfirm] = useState(false);\n\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof resetPasswordSchema>>({\n    resolver: standardSchemaResolver(resetPasswordSchema),\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"text-3xl font-semibold tracking-tight\">Wachtwoord herstellen</h1>\n        <p className=\"text-muted-foreground text-sm\">Vul je nieuwe wachtwoord in</p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ password }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.resetPassword({\n                email,\n                otp,\n                password,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Wachtwoord succesvol gewijzigd\", {\n                      description: \"Log nu in met je nieuw wachtwoord.\",\n                    });\n                    router.replace(\"/auth/login\");\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={form.formState.disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"text-muted-foreground h-4 w-4\" />\n                        ) : (\n                          <Eye className=\"text-muted-foreground h-4 w-4\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"passwordConfirmation\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Herhaal Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPasswordConfirm ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPasswordConfirm(!showPasswordConfirm)}\n                        disabled={form.formState.disabled}\n                      >\n                        {showPasswordConfirm ? (\n                          <EyeOff className=\"text-muted-foreground h-4 w-4\" />\n                        ) : (\n                          <Eye className=\"text-muted-foreground h-4 w-4\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,kBAAkB,QAE/B;CACD,MAAM,EAAE,OAAO,QAAQ,IAAI,OAAO,aAAa;CAE/C,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAElC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CAErE,MAAM,CAAC,WAAW,mBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA6C;EACxD,UAAU,uBAAuB,oBAAoB;EACrD,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA0B,EAChF,oBAAC;IAAE,WAAU;cAAgC;KAA+B;IACxE,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,eAC7B,gBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,cAAc;MACtC;MACA;MACA;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,kCAAkC,EAC9C,aAAa,sCACd,CAAC;AACF,eAAO,QAAQ,cAAc;;OAE/B,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,eAAsB;OACjC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,eAAe,SAAS;SAC9B,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,gBAAgB,CAAC,aAAa;SAC7C,UAAU,KAAK,UAAU;mBAExB,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb,EAEF,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,uBAA8B;OACzC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,sBAAsB,SAAS;SACrC,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,uBAAuB,CAAC,oBAAoB;SAC3D,UAAU,KAAK,UAAU;mBAExB,sBACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb;MACE,EAEN,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}
+{"version":3,"file":"reset-password-page.client.mjs","names":["Form"],"sources":["../../../../src/modules/auth/components/reset-password-page.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { standardSchemaResolver } from \"@hookform/resolvers/standard-schema\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { useRouter } from \"next/navigation\";\nimport React, { use, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport type * as z from \"zod\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form.client\";\nimport { Input } from \"@/components/ui/input\";\nimport { useAuthClient } from \"../hooks/use-auth-client\";\nimport { resetPasswordSchema } from \"../lib/validators\";\n\nexport function ResetPasswordPage(params: {\n  searchParams: Promise<{ email: string; otp: string }>;\n}) {\n  const { email, otp } = use(params.searchParams);\n\n  const router = useRouter();\n  const authClient = useAuthClient();\n\n  const [showPassword, setShowPassword] = useState(false);\n  const [showPasswordConfirm, setShowPasswordConfirm] = useState(false);\n\n  const [isPending, startTransition] = React.useTransition();\n\n  const form = useForm<z.infer<typeof resetPasswordSchema>>({\n    resolver: standardSchemaResolver(resetPasswordSchema),\n    disabled: isPending,\n  });\n\n  return (\n    <div className=\"mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]\">\n      <div className=\"flex flex-col space-y-2 text-center\">\n        <h1 className=\"font-semibold text-3xl tracking-tight\">Wachtwoord herstellen</h1>\n        <p className=\"text-muted-foreground text-sm\">Vul je nieuwe wachtwoord in</p>\n      </div>\n\n      <Form {...form}>\n        <form\n          onSubmit={form.handleSubmit(({ password }) =>\n            startTransition(async () => {\n              await authClient.emailOtp.resetPassword({\n                email,\n                otp,\n                password,\n                fetchOptions: {\n                  onSuccess: () => {\n                    toast.success(\"Wachtwoord succesvol gewijzigd\", {\n                      description: \"Log nu in met je nieuw wachtwoord.\",\n                    });\n                    router.replace(\"/auth/login\");\n                  },\n                  onError: ({ error }) => {\n                    console.error(\"Error: \", error);\n                    toast.error(\"Er is iets misgegaan\");\n                  },\n                },\n              });\n            }),\n          )}\n          className=\"space-y-6\"\n        >\n          <div className=\"flex flex-col gap-3\">\n            <FormField\n              control={form.control}\n              name=\"password\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPassword ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPassword(!showPassword)}\n                        disabled={form.formState.disabled}\n                      >\n                        {showPassword ? (\n                          <EyeOff className=\"h-4 w-4 text-muted-foreground\" />\n                        ) : (\n                          <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"passwordConfirmation\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Herhaal Wachtwoord</FormLabel>\n                  <FormControl>\n                    <div className=\"relative\">\n                      <Input\n                        type={showPasswordConfirm ? \"text\" : \"password\"}\n                        placeholder=\"********\"\n                        {...field}\n                      />\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"absolute top-0 right-0 h-full px-3 py-2 hover:bg-transparent\"\n                        onClick={() => setShowPasswordConfirm(!showPasswordConfirm)}\n                        disabled={form.formState.disabled}\n                      >\n                        {showPasswordConfirm ? (\n                          <EyeOff className=\"h-4 w-4 text-muted-foreground\" />\n                        ) : (\n                          <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                        )}\n                      </Button>\n                    </div>\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n\n          <Button disabled={form.formState.disabled} className=\"w-full\">\n            {isPending && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n            Verzenden\n          </Button>\n        </form>\n      </Form>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,kBAAkB,QAE/B;CACD,MAAM,EAAE,OAAO,QAAQ,IAAI,OAAO,aAAa;CAE/C,MAAM,SAAS,WAAW;CAC1B,MAAM,aAAa,eAAe;CAElC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CAErE,MAAM,CAAC,WAAW,mBAAmB,MAAM,eAAe;CAE1D,MAAM,OAAO,QAA6C;EACxD,UAAU,uBAAuB,oBAAoB;EACrD,UAAU;EACX,CAAC;AAEF,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAAwC;KAA0B,EAChF,oBAAC;IAAE,WAAU;cAAgC;KAA+B;IACxE,EAEN,oBAACA;GAAK,GAAI;aACR,qBAAC;IACC,UAAU,KAAK,cAAc,EAAE,eAC7B,gBAAgB,YAAY;AAC1B,WAAM,WAAW,SAAS,cAAc;MACtC;MACA;MACA;MACA,cAAc;OACZ,iBAAiB;AACf,cAAM,QAAQ,kCAAkC,EAC9C,aAAa,sCACd,CAAC;AACF,eAAO,QAAQ,cAAc;;OAE/B,UAAU,EAAE,YAAY;AACtB,gBAAQ,MAAM,WAAW,MAAM;AAC/B,cAAM,MAAM,uBAAuB;;OAEtC;MACF,CAAC;MACF,CACH;IACD,WAAU;eAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,eAAsB;OACjC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,eAAe,SAAS;SAC9B,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,gBAAgB,CAAC,aAAa;SAC7C,UAAU,KAAK,UAAU;mBAExB,eACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb,EAEF,oBAAC;MACC,SAAS,KAAK;MACd,MAAK;MACL,SAAS,EAAE,YACT,qBAAC;OACC,oBAAC,uBAAU,uBAA8B;OACzC,oBAAC,yBACC,qBAAC;QAAI,WAAU;mBACb,oBAAC;SACC,MAAM,sBAAsB,SAAS;SACrC,aAAY;SACZ,GAAI;UACJ,EACF,oBAAC;SACC,MAAK;SACL,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,uBAAuB,CAAC,oBAAoB;SAC3D,UAAU,KAAK,UAAU;mBAExB,sBACC,oBAAC,UAAO,WAAU,kCAAkC,GAEpD,oBAAC,OAAI,WAAU,kCAAkC;UAE5C;SACL,GACM;OACd,oBAAC,gBAAc;UACN;OAEb;MACE,EAEN,qBAAC;KAAO,UAAU,KAAK,UAAU;KAAU,WAAU;gBAClD,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAAC;MAE/D;KACJ;IACF;GACH"}

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

@@ -1,7 +1,7 @@
+import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../../components/ui/alert-dialog.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React from "react";
+import React, { ComponentProps } from "react";
 import { DefaultError, MutationOptions } from "@tanstack/react-query";
-import { AlertDialogCancelProps, AlertDialogContentProps, AlertDialogProps } from "@radix-ui/react-alert-dialog";
 import { Keys } from "react-hotkeys-hook";
 
 //#region src/modules/commands/components/alert-dialog-command.client.d.ts
@@ -11,7 +11,7 @@ import { Keys } from "react-hotkeys-hook";
 declare function CommandAlertDialog({
   children,
   ...props
-}: AlertDialogProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialog>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogTrigger
  */
@@ -35,42 +35,42 @@ declare function CommandAlertDialogTrigger({
 declare function CommandAlertDialogContent({
   children,
   ...props
-}: AlertDialogContentProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogContent>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogHeader
  */
 declare function CommandAlertDialogHeader({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogHeader>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogTitle
  */
 declare function CommandAlertDialogTitle({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogTitle>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogDescription
  */
 declare function CommandAlertDialogDescription({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogDescription>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogFooter
  */
 declare function CommandAlertDialogFooter({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogFooter>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogCancel
  */
 declare function CommandAlertDialogCancel({
   children,
   ...props
-}: AlertDialogCancelProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof AlertDialogCancel>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandAlertDialogAction
  */

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

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"mappings":";;;;;;;;;;iBA2CgB,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAS,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAetE,8BAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,MAAA,GAAS,IAAA;EACT,QAAA;AAAA;AAAA,iBAGc,yBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,8BAAA,GAA8B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAgEjB,yBAAA,CAAA;EAA4B,QAAA;EAAA,GAAa;AAAA,GAAS,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAnFxF;;;AAAA,iBA0Fe,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOpB,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOjF,6BAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAjGpC;iBAwGgB,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOpB,wBAAA,CAAA;EAA2B,QAAA;EAAA,GAAa;AAAA,GAAS,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAOlF,6BAAA,2BAEM,YAAA;EAIT,SAAA,EAAW,UAAA;EACX,QAAA,EAAU,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;EACrD,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,QAAA;AAAA;AAAA,iBAGc,wBAAA,2BAEL,YAAA,oDAAA,CAAA;EAIT,SAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,CAA8B,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"alert-dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"mappings":";;;;;;;;;;iBAsCgB,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAexF,8BAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,MAAA,GAAS,IAAA;EACT,QAAA;AAAA;AAAA,iBAGc,yBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,8BAAA,GAA8B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAgEjB,yBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,kBAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAtF3C;iBA6Fe,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO3B,uBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,gBAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO1B,6BAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,sBAAA,IAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOhC,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAjH3C;;;AAAA,iBAwHgB,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAOtC,6BAAA,2BAEM,YAAA;EAIT,SAAA,EAAW,UAAA;EACX,QAAA,EAAU,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;EACrD,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,QAAA;AAAA;AAAA,iBAGc,wBAAA,2BAEL,YAAA,oDAAA,CAAA;EAIT,SAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,CAA8B,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -3,9 +3,9 @@
 import { Icons } from "../../../components/common/icons.mjs";
 import { cn } from "../../../lib/utils/cn.mjs";
 import { buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.mjs";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../components/ui/alert-dialog.mjs";
+import { ContextMenuItem } from "../../../components/ui/context-menu.client.mjs";
+import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.client.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../components/ui/alert-dialog.client.mjs";
 import { useCommand } from "../hooks/context.client.mjs";
 import { useCommandMutation } from "../hooks/use-command-mutation.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  AlertDialogCancelProps,\n  AlertDialogContentProps,\n  AlertDialogProps,\n} from \"@radix-ui/react-alert-dialog\";\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Icons } from \"@/components/common/icons\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/components/ui/alert-dialog\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandAlertDialogContext\n */\ntype CommandAlertDialogContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandAlertDialogContext = React.createContext({} as CommandAlertDialogContextValue);\n\n/**\n * CommandAlertDialog\n */\nexport function CommandAlertDialog({ children, ...props }: AlertDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <AlertDialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandAlertDialogContext.Provider value={{ open, setOpen }}>\n        {children}\n      </CommandAlertDialogContext.Provider>\n    </AlertDialog>\n  );\n}\n\n/**\n * CommandAlertDialogTrigger\n */\ntype CommandAlertDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  hotkey?: Keys;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\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        <AlertDialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandAlertDialogContent\n */\nexport function CommandAlertDialogContent({ children, ...props }: AlertDialogContentProps) {\n  return <AlertDialogContent {...props}>{children}</AlertDialogContent>;\n}\n\n/**\n * CommandAlertDialogHeader\n */\nexport function CommandAlertDialogHeader({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <AlertDialogHeader {...props}>{children}</AlertDialogHeader>;\n}\n\n/**\n * CommandAlertDialogTitle\n */\nexport function CommandAlertDialogTitle({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <AlertDialogTitle {...props}>{children}</AlertDialogTitle>;\n}\n\n/**\n * CommandAlertDialogDescription\n */\nexport function CommandAlertDialogDescription({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <AlertDialogDescription {...props}>{children}</AlertDialogDescription>;\n}\n\n/**\n * CommandAlertDialogFooter\n */\nexport function CommandAlertDialogFooter({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <AlertDialogFooter {...props}>{children}</AlertDialogFooter>;\n}\n\n/**\n * CommandAlertDialogCancel\n */\nexport function CommandAlertDialogCancel({ children, ...props }: AlertDialogCancelProps) {\n  return <AlertDialogCancel {...props}>{children}</AlertDialogCancel>;\n}\n\n/**\n * CommandAlertDialogAction\n */\ntype CommandAlertDialogActionProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogAction<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogActionProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\n  const { status } = useCommand();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  const isDisabled = disabled || status === \"pending\";\n\n  return (\n    <AlertDialogAction {...props} disabled={isDisabled} onClick={() => mutateAsync(variables)}>\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </AlertDialogAction>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsCA,MAAM,4BAA4B,MAAM,cAAc,EAAE,CAAmC;;;;AAK3F,SAAgB,mBAAmB,EAAE,UAAU,GAAG,SAA2B;CAC3E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAE7C,QACE,oBAAC;EAAY,GAAI;EAAa;EAAM,cAAc;YAChD,oBAAC,0BAA0B;GAAS,OAAO;IAAE;IAAM;IAAS;GACzD;IACkC;GACzB;;AAelB,SAAgB,0BAA0B,EACxC,OACA,QACA,UACA,UACA,GAAG,SAC8B;CACjC,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAE/D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,QAAQ,KAAK,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACkB;GACN;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAmB;aAClB,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACgB;IACA;GACN;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAmB;aAClB,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACe;IACC;GACN;;;;;AAQvB,SAAgB,0BAA0B,EAAE,UAAU,GAAG,SAAkC;AACzF,QAAO,oBAAC;EAAmB,GAAI;EAAQ;GAA8B;;;;;AAMvE,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,wBAAwB,EAAE,UAAU,GAAG,SAA4C;AACjG,QAAO,oBAAC;EAAiB,GAAI;EAAQ;GAA4B;;;;;AAMnE,SAAgB,8BAA8B,EAC5C,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;;;;;AAM/E,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,yBAAyB,EAAE,UAAU,GAAG,SAAiC;AACvF,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;AAmBrE,SAAgB,yBAKd,EACA,WACA,UACA,UACA,UACA,GAAG,SACyE;CAC5E,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAC/D,MAAM,EAAE,WAAW,YAAY;CAE/B,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;CAEF,MAAM,aAAa,YAAY,WAAW;AAE1C,QACE,qBAAC;EAAkB,GAAI;EAAO,UAAU;EAAY,eAAe,YAAY,UAAU;aACtF,WAAW,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAC/E;GACiB"}
+{"version":3,"file":"alert-dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React, { type ComponentProps } from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Icons } from \"@/components/common/icons\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/components/ui/alert-dialog.client\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandAlertDialogContext\n */\ntype CommandAlertDialogContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandAlertDialogContext = React.createContext({} as CommandAlertDialogContextValue);\n\n/**\n * CommandAlertDialog\n */\nexport function CommandAlertDialog({ children, ...props }: ComponentProps<typeof AlertDialog>) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <AlertDialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandAlertDialogContext.Provider value={{ open, setOpen }}>\n        {children}\n      </CommandAlertDialogContext.Provider>\n    </AlertDialog>\n  );\n}\n\n/**\n * CommandAlertDialogTrigger\n */\ntype CommandAlertDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  hotkey?: Keys;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\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        <AlertDialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandAlertDialogContent\n */\nexport function CommandAlertDialogContent({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogContent>) {\n  return <AlertDialogContent {...props}>{children}</AlertDialogContent>;\n}\n\n/**\n * CommandAlertDialogHeader\n */\nexport function CommandAlertDialogHeader({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogHeader>) {\n  return <AlertDialogHeader {...props}>{children}</AlertDialogHeader>;\n}\n\n/**\n * CommandAlertDialogTitle\n */\nexport function CommandAlertDialogTitle({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogTitle>) {\n  return <AlertDialogTitle {...props}>{children}</AlertDialogTitle>;\n}\n\n/**\n * CommandAlertDialogDescription\n */\nexport function CommandAlertDialogDescription({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogDescription>) {\n  return <AlertDialogDescription {...props}>{children}</AlertDialogDescription>;\n}\n\n/**\n * CommandAlertDialogFooter\n */\nexport function CommandAlertDialogFooter({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogFooter>) {\n  return <AlertDialogFooter {...props}>{children}</AlertDialogFooter>;\n}\n\n/**\n * CommandAlertDialogCancel\n */\nexport function CommandAlertDialogCancel({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogCancel>) {\n  return <AlertDialogCancel {...props}>{children}</AlertDialogCancel>;\n}\n\n/**\n * CommandAlertDialogAction\n */\ntype CommandAlertDialogActionProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogAction<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogActionProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\n  const { status } = useCommand();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  const isDisabled = disabled || status === \"pending\";\n\n  return (\n    <AlertDialogAction {...props} disabled={isDisabled} onClick={() => mutateAsync(variables)}>\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </AlertDialogAction>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAM,4BAA4B,MAAM,cAAc,EAAE,CAAmC;;;;AAK3F,SAAgB,mBAAmB,EAAE,UAAU,GAAG,SAA6C;CAC7F,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAE7C,QACE,oBAAC;EAAY,GAAI;EAAa;EAAM,cAAc;YAChD,oBAAC,0BAA0B;GAAS,OAAO;IAAE;IAAM;IAAS;GACzD;IACkC;GACzB;;AAelB,SAAgB,0BAA0B,EACxC,OACA,QACA,UACA,UACA,GAAG,SAC8B;CACjC,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAE/D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,QAAQ,KAAK,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACkB;GACN;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAmB;aAClB,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACgB;IACA;GACN;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAmB;aAClB,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACe;IACC;GACN;;;;;AAQvB,SAAgB,0BAA0B,EACxC,UACA,GAAG,SACyC;AAC5C,QAAO,oBAAC;EAAmB,GAAI;EAAQ;GAA8B;;;;;AAMvE,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACuC;AAC1C,QAAO,oBAAC;EAAiB,GAAI;EAAQ;GAA4B;;;;;AAMnE,SAAgB,8BAA8B,EAC5C,UACA,GAAG,SAC6C;AAChD,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;;;;;AAM/E,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;AAmBrE,SAAgB,yBAKd,EACA,WACA,UACA,UACA,UACA,GAAG,SACyE;CAC5E,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAC/D,MAAM,EAAE,WAAW,YAAY;CAE/B,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;CAEF,MAAM,aAAa,YAAY,WAAW;AAE1C,QACE,qBAAC;EAAkB,GAAI;EAAO,UAAU;EAAY,eAAe,YAAY,UAAU;aACtF,WAAW,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAC/E;GACiB"}

package/dist/modules/commands/components/click-command.client.mjs

@@ -1,8 +1,8 @@
 "use client";
 
 import { Button } 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 { useCommand } from "../hooks/context.client.mjs";
 import { useCommandMutation } from "../hooks/use-command-mutation.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"click-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/click-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport type React from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\nexport type CommandClickProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  label?: string;\n  hotkey?: Keys;\n};\n\nexport function CommandClick<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  children,\n  variables,\n  mutation,\n  label,\n  hotkey,\n  disabled,\n  ...props\n}: CommandClickProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { menu, status } = useCommand();\n  const { mutate } = useCommandMutation(mutation);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  const handleClick = () => mutate(variables);\n\n  useHotkeys(hotkey ?? \"\", () => handleClick(), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuItem {...props} disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </DropdownMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuItem {...props} disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </ContextMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;AA2BA,SAAgB,aAKd,EACA,UACA,WACA,UACA,OACA,QACA,UACA,GAAG,SAC6D;CAChE,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,WAAW,mBAAmB,SAAS;CAE/C,MAAM,aAAa,YAAY,WAAW;CAE1C,MAAM,oBAAoB,OAAO,UAAU;AAE3C,YAAW,UAAU,UAAU,aAAa,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,SACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GAAY,SAAS;GAC3E;IACM;GACM;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAiB,GAAI;GAAO,UAAU;GAAY,SAAS;GACzD;IACgB;GACJ;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAgB,GAAI;GAAO,UAAU;GAAY,SAAS;GACxD;IACe;GACH;AAIrB,KAAI,SAAS,QACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GAAY,SAAS;GAC3E;IACM;GACM;AAIrB,QAAO"}
+{"version":3,"file":"click-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/click-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport type React from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\nexport type CommandClickProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  label?: string;\n  hotkey?: Keys;\n};\n\nexport function CommandClick<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  children,\n  variables,\n  mutation,\n  label,\n  hotkey,\n  disabled,\n  ...props\n}: CommandClickProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { menu, status } = useCommand();\n  const { mutate } = useCommandMutation(mutation);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  const handleClick = () => mutate(variables);\n\n  useHotkeys(hotkey ?? \"\", () => handleClick(), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuItem {...props} disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </DropdownMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuItem {...props} disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </ContextMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;AA2BA,SAAgB,aAKd,EACA,UACA,WACA,UACA,OACA,QACA,UACA,GAAG,SAC6D;CAChE,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,WAAW,mBAAmB,SAAS;CAE/C,MAAM,aAAa,YAAY,WAAW;CAE1C,MAAM,oBAAoB,OAAO,UAAU;AAE3C,YAAW,UAAU,UAAU,aAAa,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,SACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GAAY,SAAS;GAC3E;IACM;GACM;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAiB,GAAI;GAAO,UAAU;GAAY,SAAS;GACzD;IACgB;GACJ;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAgB,GAAI;GAAO,UAAU;GAAY,SAAS;GACxD;IACe;GACH;AAIrB,KAAI,SAAS,QACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GAAY,SAAS;GAC3E;IACM;GACM;AAIrB,QAAO"}

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

@@ -1,6 +1,6 @@
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../../../components/ui/dialog.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React from "react";
-import { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
+import React, { ComponentProps } from "react";
 import { Keys } from "react-hotkeys-hook";
 
 //#region src/modules/commands/components/dialog-command.client.d.ts
@@ -18,7 +18,7 @@ declare function CommandDialog({
   children,
   openState,
   ...props
-}: Omit<DialogProps, "open" | "onOpenChange"> & {
+}: Omit<ComponentProps<typeof Dialog>, "open" | "onOpenChange"> & {
   openState?: CommandDialogOpenState;
 }): react_jsx_runtime0.JSX.Element;
 /**
@@ -44,35 +44,35 @@ declare function CommandDialogTrigger({
 declare function CommandDialogContent({
   children,
   ...props
-}: DialogContentProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogContent>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandDialogHeader
  */
 declare function CommandDialogHeader({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogHeader>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandDialogTitle
  */
 declare function CommandDialogTitle({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogTitle>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandDialogDescription
  */
 declare function CommandDialogDescription({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogDescription>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandDialogFooter
  */
 declare function CommandDialogFooter({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogFooter>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CommandDialog, CommandDialogContent, CommandDialogDescription, CommandDialogFooter, CommandDialogHeader, CommandDialogTitle, CommandDialogTrigger };
 //# sourceMappingURL=dialog-command.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"mappings":";;;;;;;;;KAwBK,sBAAA;EACH,IAAA;EACA,OAAA,EAAS,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA;AAAA;;;;iBAYhB,aAAA,CAAA;EACd,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,WAAA;EAA0C,SAAA,GAAY,sBAAA;AAAA,IAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAJtF;KAqBK,yBAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,MAAA,GAAS,IAAA;EACT,QAAA;AAAA;AAAA,iBAGc,oBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAkEZ,oBAAA,CAAA;EAAuB,QAAA;EAAA,GAAa;AAAA,GAAS,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO/D,mBAAA,CAAA;EAAsB,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO7E,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO5E,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOpB,mBAAA,CAAA;EAAsB,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"mappings":";;;;;;;;;KAuBK,sBAAA;EACH,IAAA;EACA,OAAA,EAAS,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA;AAAA;;;;iBAYhB,aAAA,CAAA;EACd,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,cAAA,QAAsB,MAAA;EAC5B,SAAA,GAAY,sBAAA;AAAA,IACb,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAND;KAuBK,yBAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,MAAA,GAAS,IAAA;EACT,QAAA;AAAA;AAAA,iBAGc,oBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAkEZ,oBAAA,CAAA;EAAuB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOjF,mBAAA,CAAA;EAAsB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,YAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO/E,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO7E,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;AA7G1C;;iBAoHe,mBAAA,CAAA;EAAsB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,YAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -2,8 +2,8 @@
 
 import { cn } from "../../../lib/utils/cn.mjs";
 import { 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 { CommandTrigger } from "./command-trigger.client.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DialogContentProps, DialogProps } from \"@radix-ui/react-dialog\";\nimport React from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { 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 { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandDialogContext\n */\ntype CommandDialogOpenState = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\ntype CommandDialogContextValue = {\n  openState: CommandDialogOpenState;\n};\n\nconst CommandDialogContext = React.createContext({} as CommandDialogContextValue);\n\n/**\n * CommandDialog\n */\nexport function CommandDialog({\n  children,\n  openState,\n  ...props\n}: Omit<DialogProps, \"open\" | \"onOpenChange\"> & { openState?: CommandDialogOpenState }) {\n  const state = React.useState(false);\n\n  const { open, setOpen } = openState ?? { open: state[0], setOpen: state[1] };\n\n  return (\n    <Dialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandDialogContext.Provider value={{ openState: { open, setOpen } }}>\n        {children}\n      </CommandDialogContext.Provider>\n    </Dialog>\n  );\n}\n\n/**\n * CommandDialogTrigger\n */\ntype CommandDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  hotkey?: Keys;\n  disabled?: boolean;\n};\n\nexport function CommandDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { openState } = React.useContext(CommandDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => openState.setOpen(true), {\n    enabled: !isDisabled && hotkey !== undefined,\n  });\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              openState.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              openState.setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandDialogContent\n */\nexport function CommandDialogContent({ children, ...props }: DialogContentProps) {\n  return <DialogContent {...props}>{children}</DialogContent>;\n}\n\n/**\n * CommandDialogHeader\n */\nexport function CommandDialogHeader({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogHeader {...props}>{children}</DialogHeader>;\n}\n\n/**\n * CommandDialogTitle\n */\nexport function CommandDialogTitle({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogTitle {...props}>{children}</DialogTitle>;\n}\n\n/**\n * CommandDialogDescription\n */\nexport function CommandDialogDescription({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <DialogDescription {...props}>{children}</DialogDescription>;\n}\n\n/**\n * CommandDialogFooter\n */\nexport function CommandDialogFooter({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogFooter {...props}>{children}</DialogFooter>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAiCA,MAAM,uBAAuB,MAAM,cAAc,EAAE,CAA8B;;;;AAKjF,SAAgB,cAAc,EAC5B,UACA,WACA,GAAG,SACmF;CACtF,MAAM,QAAQ,MAAM,SAAS,MAAM;CAEnC,MAAM,EAAE,MAAM,YAAY,aAAa;EAAE,MAAM,MAAM;EAAI,SAAS,MAAM;EAAI;AAE5E,QACE,oBAAC;EAAO,GAAI;EAAa;EAAM,cAAc;YAC3C,oBAAC,qBAAqB;GAAS,OAAO,EAAE,WAAW;IAAE;IAAM;IAAS,EAAE;GACnE;IAC6B;GACzB;;AAeb,SAAgB,qBAAqB,EACnC,OACA,QACA,UACA,UACA,GAAG,SACyB;CAC5B,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,cAAc,MAAM,WAAW,qBAAqB;CAE5D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,UAAU,QAAQ,KAAK,EAAE,EACtD,SAAS,CAAC,cAAc,WAAW,QACpC,CAAC;AAEF,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACa;GACD;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,eAAU,QAAQ,KAAK;;IAGxB;KACgB;IACL;GACD;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,eAAU,QAAQ,KAAK;;IAGxB;KACe;IACJ;GACD;;;;;AAQvB,SAAgB,qBAAqB,EAAE,UAAU,GAAG,SAA6B;AAC/E,QAAO,oBAAC;EAAc,GAAI;EAAQ;GAAyB;;;;;AAM7D,SAAgB,oBAAoB,EAAE,UAAU,GAAG,SAA4C;AAC7F,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB;;;;;AAM3D,SAAgB,mBAAmB,EAAE,UAAU,GAAG,SAA4C;AAC5F,QAAO,oBAAC;EAAY,GAAI;EAAQ;GAAuB;;;;;AAMzD,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,oBAAoB,EAAE,UAAU,GAAG,SAA4C;AAC7F,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB"}
+{"version":3,"file":"dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { type ComponentProps } from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { 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 { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandDialogContext\n */\ntype CommandDialogOpenState = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\ntype CommandDialogContextValue = {\n  openState: CommandDialogOpenState;\n};\n\nconst CommandDialogContext = React.createContext({} as CommandDialogContextValue);\n\n/**\n * CommandDialog\n */\nexport function CommandDialog({\n  children,\n  openState,\n  ...props\n}: Omit<ComponentProps<typeof Dialog>, \"open\" | \"onOpenChange\"> & {\n  openState?: CommandDialogOpenState;\n}) {\n  const state = React.useState(false);\n\n  const { open, setOpen } = openState ?? { open: state[0], setOpen: state[1] };\n\n  return (\n    <Dialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandDialogContext.Provider value={{ openState: { open, setOpen } }}>\n        {children}\n      </CommandDialogContext.Provider>\n    </Dialog>\n  );\n}\n\n/**\n * CommandDialogTrigger\n */\ntype CommandDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  hotkey?: Keys;\n  disabled?: boolean;\n};\n\nexport function CommandDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { openState } = React.useContext(CommandDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => openState.setOpen(true), {\n    enabled: !isDisabled && hotkey !== undefined,\n  });\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              openState.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              openState.setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandDialogContent\n */\nexport function CommandDialogContent({ children, ...props }: ComponentProps<typeof DialogContent>) {\n  return <DialogContent {...props}>{children}</DialogContent>;\n}\n\n/**\n * CommandDialogHeader\n */\nexport function CommandDialogHeader({ children, ...props }: ComponentProps<typeof DialogHeader>) {\n  return <DialogHeader {...props}>{children}</DialogHeader>;\n}\n\n/**\n * CommandDialogTitle\n */\nexport function CommandDialogTitle({ children, ...props }: ComponentProps<typeof DialogTitle>) {\n  return <DialogTitle {...props}>{children}</DialogTitle>;\n}\n\n/**\n * CommandDialogDescription\n */\nexport function CommandDialogDescription({\n  children,\n  ...props\n}: ComponentProps<typeof DialogDescription>) {\n  return <DialogDescription {...props}>{children}</DialogDescription>;\n}\n\n/**\n * CommandDialogFooter\n */\nexport function CommandDialogFooter({ children, ...props }: ComponentProps<typeof DialogFooter>) {\n  return <DialogFooter {...props}>{children}</DialogFooter>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,uBAAuB,MAAM,cAAc,EAAE,CAA8B;;;;AAKjF,SAAgB,cAAc,EAC5B,UACA,WACA,GAAG,SAGF;CACD,MAAM,QAAQ,MAAM,SAAS,MAAM;CAEnC,MAAM,EAAE,MAAM,YAAY,aAAa;EAAE,MAAM,MAAM;EAAI,SAAS,MAAM;EAAI;AAE5E,QACE,oBAAC;EAAO,GAAI;EAAa;EAAM,cAAc;YAC3C,oBAAC,qBAAqB;GAAS,OAAO,EAAE,WAAW;IAAE;IAAM;IAAS,EAAE;GACnE;IAC6B;GACzB;;AAeb,SAAgB,qBAAqB,EACnC,OACA,QACA,UACA,UACA,GAAG,SACyB;CAC5B,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,cAAc,MAAM,WAAW,qBAAqB;CAE5D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,UAAU,QAAQ,KAAK,EAAE,EACtD,SAAS,CAAC,cAAc,WAAW,QACpC,CAAC;AAEF,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACa;GACD;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,eAAU,QAAQ,KAAK;;IAGxB;KACgB;IACL;GACD;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,eAAU,QAAQ,KAAK;;IAGxB;KACe;IACJ;GACD;;;;;AAQvB,SAAgB,qBAAqB,EAAE,UAAU,GAAG,SAA+C;AACjG,QAAO,oBAAC;EAAc,GAAI;EAAQ;GAAyB;;;;;AAM7D,SAAgB,oBAAoB,EAAE,UAAU,GAAG,SAA8C;AAC/F,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB;;;;;AAM3D,SAAgB,mBAAmB,EAAE,UAAU,GAAG,SAA6C;AAC7F,QAAO,oBAAC;EAAY,GAAI;EAAQ;GAAuB;;;;;AAMzD,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,oBAAoB,EAAE,UAAU,GAAG,SAA8C;AAC/F,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB"}

package/dist/modules/commands/components/dropdown-command.client.mjs

@@ -2,8 +2,8 @@
 
 import { cn } from "../../../lib/utils/cn.mjs";
 import { buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../../components/ui/context-menu.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.mjs";
+import { ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../../components/ui/context-menu.client.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.client.mjs";
 import { useCommand } from "../hooks/context.client.mjs";
 import { useCommandMutation } from "../hooks/use-command-mutation.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/dropdown-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport {\n  ContextMenuItem,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n} from \"@/components/ui/context-menu\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandDropdownContext\n */\ntype CommandDropdownContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandDropdownContext = React.createContext({} as CommandDropdownContextValue);\n\n/**\n * CommandDropdown\n */\nexport type CommandDropdownProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdown({ children, ...props }: CommandDropdownProps) {\n  const [open, setOpen] = React.useState(false);\n  const { menu } = useCommand();\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <DropdownMenu {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </DropdownMenu>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <DropdownMenuSub {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </DropdownMenuSub>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <ContextMenuSub {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </ContextMenuSub>\n    );\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownContent\n */\ntype CommandDropdownContentProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdownContent({ children, ...props }: CommandDropdownContentProps) {\n  const { menu } = useCommand();\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return <DropdownMenuContent {...props}>{children}</DropdownMenuContent>;\n  }\n\n  if (menu === \"dropdown\") {\n    return <DropdownMenuSubContent {...props}>{children}</DropdownMenuSubContent>;\n  }\n\n  if (menu === \"context\") {\n    return <ContextMenuSubContent {...props}>{children}</ContextMenuSubContent>;\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownTrigger\n */\ntype CommandDropdownTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n};\n\nexport function CommandDropdownTrigger({\n  label,\n  disabled,\n  children,\n  ...props\n}: CommandDropdownTriggerProps) {\n  const { menu, status } = useCommand();\n\n  const isDisabled = disabled || status === \"pending\";\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DropdownMenuTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuSubTrigger {...props} disabled={isDisabled}>\n          {children}\n        </DropdownMenuSubTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuSubTrigger {...props} disabled={isDisabled}>\n          {children}\n        </ContextMenuSubTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownItem\n */\ntype CommandDropdownItemProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdownItem<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  ...props\n}: CommandDropdownItemProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandDropdownContext);\n  const { menu, status } = useCommand();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  if (menu === \"inline\" || menu === \"table\" || menu === \"dropdown\") {\n    return (\n      <DropdownMenuItem\n        {...props}\n        disabled={status === \"pending\"}\n        onClick={() => mutateAsync(variables)}\n      >\n        {children}\n      </DropdownMenuItem>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <ContextMenuItem\n        {...props}\n        disabled={status === \"pending\"}\n        onClick={() => mutateAsync(variables)}\n      >\n        {children}\n      </ContextMenuItem>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,yBAAyB,MAAM,cAAc,EAAE,CAAgC;AAUrF,SAAgB,gBAAgB,EAAE,UAAU,GAAG,SAA+B;CAC5E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,EAAE,SAAS,YAAY;AAE7B,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAa,GAAI;EAAa;EAAM,cAAc;YACjD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GACrB;AAInB,KAAI,SAAS,WACX,QACE,oBAAC;EAAgB,GAAI;EAAa;EAAM,cAAc;YACpD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GAClB;AAItB,KAAI,SAAS,UACX,QACE,oBAAC;EAAe,GAAI;EAAa;EAAM,cAAc;YACnD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GACnB;AAIrB,QAAO;;AAWT,SAAgB,uBAAuB,EAAE,UAAU,GAAG,SAAsC;CAC1F,MAAM,EAAE,SAAS,YAAY;AAE7B,KAAI,SAAS,YAAY,SAAS,QAChC,QAAO,oBAAC;EAAoB,GAAI;EAAQ;GAA+B;AAGzE,KAAI,SAAS,WACX,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;AAG/E,KAAI,SAAS,UACX,QAAO,oBAAC;EAAsB,GAAI;EAAQ;GAAiC;AAG7E,QAAO;;AAaT,SAAgB,uBAAuB,EACrC,OACA,UACA,UACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,aAAa,YAAY,WAAW;AAE1C,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACmB;GACP;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAuB,GAAI;GAAO,UAAU;GAC1C;IACsB;GACV;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAsB,GAAI;GAAO,UAAU;GACzC;IACqB;GACT;AAIrB,QAAO;;AAkBT,SAAgB,oBAKd,EACA,WACA,UACA,UACA,GAAG,SACoE;CACvE,MAAM,EAAE,YAAY,MAAM,WAAW,uBAAuB;CAC5D,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;AAEF,KAAI,SAAS,YAAY,SAAS,WAAW,SAAS,WACpD,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,WAAW;EACrB,eAAe,YAAY,UAAU;EAEpC;GACgB;AAIvB,KAAI,SAAS,UACX,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,WAAW;EACrB,eAAe,YAAY,UAAU;EAEpC;GACe;AAItB,QAAO"}
+{"version":3,"file":"dropdown-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/dropdown-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport {\n  ContextMenuItem,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n} from \"@/components/ui/context-menu.client\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandDropdownContext\n */\ntype CommandDropdownContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandDropdownContext = React.createContext({} as CommandDropdownContextValue);\n\n/**\n * CommandDropdown\n */\nexport type CommandDropdownProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdown({ children, ...props }: CommandDropdownProps) {\n  const [open, setOpen] = React.useState(false);\n  const { menu } = useCommand();\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <DropdownMenu {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </DropdownMenu>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <DropdownMenuSub {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </DropdownMenuSub>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <ContextMenuSub {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </ContextMenuSub>\n    );\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownContent\n */\ntype CommandDropdownContentProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdownContent({ children, ...props }: CommandDropdownContentProps) {\n  const { menu } = useCommand();\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return <DropdownMenuContent {...props}>{children}</DropdownMenuContent>;\n  }\n\n  if (menu === \"dropdown\") {\n    return <DropdownMenuSubContent {...props}>{children}</DropdownMenuSubContent>;\n  }\n\n  if (menu === \"context\") {\n    return <ContextMenuSubContent {...props}>{children}</ContextMenuSubContent>;\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownTrigger\n */\ntype CommandDropdownTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n};\n\nexport function CommandDropdownTrigger({\n  label,\n  disabled,\n  children,\n  ...props\n}: CommandDropdownTriggerProps) {\n  const { menu, status } = useCommand();\n\n  const isDisabled = disabled || status === \"pending\";\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DropdownMenuTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuSubTrigger {...props} disabled={isDisabled}>\n          {children}\n        </DropdownMenuSubTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuSubTrigger {...props} disabled={isDisabled}>\n          {children}\n        </ContextMenuSubTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownItem\n */\ntype CommandDropdownItemProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdownItem<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  ...props\n}: CommandDropdownItemProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandDropdownContext);\n  const { menu, status } = useCommand();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  if (menu === \"inline\" || menu === \"table\" || menu === \"dropdown\") {\n    return (\n      <DropdownMenuItem\n        {...props}\n        disabled={status === \"pending\"}\n        onClick={() => mutateAsync(variables)}\n      >\n        {children}\n      </DropdownMenuItem>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <ContextMenuItem\n        {...props}\n        disabled={status === \"pending\"}\n        onClick={() => mutateAsync(variables)}\n      >\n        {children}\n      </ContextMenuItem>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,yBAAyB,MAAM,cAAc,EAAE,CAAgC;AAUrF,SAAgB,gBAAgB,EAAE,UAAU,GAAG,SAA+B;CAC5E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,EAAE,SAAS,YAAY;AAE7B,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAa,GAAI;EAAa;EAAM,cAAc;YACjD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GACrB;AAInB,KAAI,SAAS,WACX,QACE,oBAAC;EAAgB,GAAI;EAAa;EAAM,cAAc;YACpD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GAClB;AAItB,KAAI,SAAS,UACX,QACE,oBAAC;EAAe,GAAI;EAAa;EAAM,cAAc;YACnD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GACnB;AAIrB,QAAO;;AAWT,SAAgB,uBAAuB,EAAE,UAAU,GAAG,SAAsC;CAC1F,MAAM,EAAE,SAAS,YAAY;AAE7B,KAAI,SAAS,YAAY,SAAS,QAChC,QAAO,oBAAC;EAAoB,GAAI;EAAQ;GAA+B;AAGzE,KAAI,SAAS,WACX,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;AAG/E,KAAI,SAAS,UACX,QAAO,oBAAC;EAAsB,GAAI;EAAQ;GAAiC;AAG7E,QAAO;;AAaT,SAAgB,uBAAuB,EACrC,OACA,UACA,UACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,aAAa,YAAY,WAAW;AAE1C,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACmB;GACP;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAuB,GAAI;GAAO,UAAU;GAC1C;IACsB;GACV;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAsB,GAAI;GAAO,UAAU;GACzC;IACqB;GACT;AAIrB,QAAO;;AAkBT,SAAgB,oBAKd,EACA,WACA,UACA,UACA,GAAG,SACoE;CACvE,MAAM,EAAE,YAAY,MAAM,WAAW,uBAAuB;CAC5D,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;AAEF,KAAI,SAAS,YAAY,SAAS,WAAW,SAAS,WACpD,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,WAAW;EACrB,eAAe,YAAY,UAAU;EAEpC;GACgB;AAIvB,KAAI,SAAS,UACX,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,WAAW;EACrB,eAAe,YAAY,UAAU;EAEpC;GACe;AAItB,QAAO"}

package/dist/modules/commands/components/empty-command.client.mjs

@@ -1,8 +1,8 @@
 "use client";
 
 import { Button } 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 { useCommand } from "../hooks/context.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";
 import { jsx } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"empty-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/empty-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\nexport type CommandEmptyProps = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  label?: string;\n};\n\nexport function CommandEmpty({ label, children, disabled, ...props }: CommandEmptyProps) {\n  const { menu, status } = useCommand();\n\n  const isDisabled = disabled ?? status === \"pending\";\n\n  if (menu === \"inline\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuItem {...props} disabled={isDisabled}>\n          {children}\n        </DropdownMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuItem {...props} disabled={isDisabled}>\n          {children}\n        </ContextMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,aAAa,EAAE,OAAO,UAAU,UAAU,GAAG,SAA4B;CACvF,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,aAAa,YAAY,WAAW;AAE1C,KAAI,SAAS,SACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GACtD;IACM;GACM;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAiB,GAAI;GAAO,UAAU;GACpC;IACgB;GACJ;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAgB,GAAI;GAAO,UAAU;GACnC;IACe;GACH;AAIrB,KAAI,SAAS,QACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GACtD;IACM;GACM;AAIrB,QAAO"}
+{"version":3,"file":"empty-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/empty-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\nexport type CommandEmptyProps = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  label?: string;\n};\n\nexport function CommandEmpty({ label, children, disabled, ...props }: CommandEmptyProps) {\n  const { menu, status } = useCommand();\n\n  const isDisabled = disabled ?? status === \"pending\";\n\n  if (menu === \"inline\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuItem {...props} disabled={isDisabled}>\n          {children}\n        </DropdownMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuItem {...props} disabled={isDisabled}>\n          {children}\n        </ContextMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,aAAa,EAAE,OAAO,UAAU,UAAU,GAAG,SAA4B;CACvF,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,aAAa,YAAY,WAAW;AAE1C,KAAI,SAAS,SACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GACtD;IACM;GACM;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAiB,GAAI;GAAO,UAAU;GACpC;IACgB;GACJ;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAgB,GAAI;GAAO,UAAU;GACnC;IACe;GACH;AAIrB,KAAI,SAAS,QACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GACtD;IACM;GACM;AAIrB,QAAO"}