@krak-stack/registry 0.1.3 → 0.1.5

package/dist/components/ui/search-menu.js

@@ -14,7 +14,7 @@ function cn(...inputs) {
 }
 
 // ../../src/components/ui/button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
@@ -47,11 +47,11 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/command.tsx
@@ -61,99 +61,99 @@ import { SearchIcon } from "lucide-react";
 // ../../src/components/ui/dialog.tsx
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Root, {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Root, {
     "data-slot": "dialog",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Portal, {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Portal, {
     "data-slot": "dialog-portal",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Backdrop, {
     "data-slot": "dialog-overlay",
     className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DialogContent({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(DialogPortal, {
+  return /* @__PURE__ */ jsxs(DialogPortal, {
     children: [
-      /* @__PURE__ */ jsxDEV2(DialogOverlay, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(DialogPrimitive.Popup, {
+      /* @__PURE__ */ jsx2(DialogOverlay, {}),
+      /* @__PURE__ */ jsxs(DialogPrimitive.Popup, {
         "data-slot": "dialog-content",
         className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxDEV2(DialogPrimitive.Close, {
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
             className: "focus-visible:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:outline-none disabled:pointer-events-none",
             children: [
-              /* @__PURE__ */ jsxDEV2(XIcon, {
+              /* @__PURE__ */ jsx2(XIcon, {
                 className: "size-4"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "sr-only",
                 children: "Close"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "dialog-header",
     className: cn("grid gap-1.5", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Title, {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Title, {
     "data-slot": "dialog-title",
     className: cn("text-lg font-medium", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Description, {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Description, {
     "data-slot": "dialog-description",
     className: cn("text-sm text-muted-foreground", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/command.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(CommandPrimitive, {
+  return /* @__PURE__ */ jsx3(CommandPrimitive, {
     "data-slot": "command",
     className: cn("flex size-full flex-col overflow-hidden rounded-xl bg-popover p-1 text-popover-foreground", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function CommandDialog({
   title,
@@ -162,98 +162,98 @@ function CommandDialog({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(Dialog, {
+  return /* @__PURE__ */ jsx3(Dialog, {
     ...props,
-    children: /* @__PURE__ */ jsxDEV3(DialogContent, {
+    children: /* @__PURE__ */ jsxs2(DialogContent, {
       className: cn("top-1/3 translate-y-0 overflow-hidden rounded-xl p-0", className),
       children: [
-        /* @__PURE__ */ jsxDEV3(DialogHeader, {
+        /* @__PURE__ */ jsxs2(DialogHeader, {
           className: "sr-only",
           children: [
-            /* @__PURE__ */ jsxDEV3(DialogTitle, {
+            /* @__PURE__ */ jsx3(DialogTitle, {
               children: title
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3(DialogDescription, {
+            }),
+            /* @__PURE__ */ jsx3(DialogDescription, {
               children: description
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
+        }),
         children
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     "data-slot": "command-input-wrapper",
     className: "p-1 pb-0",
-    children: /* @__PURE__ */ jsxDEV3("div", {
+    children: /* @__PURE__ */ jsxs2("div", {
       className: "border-input/30 bg-input/30 flex h-9 items-center gap-2 rounded-lg border px-2 shadow-none",
       children: [
-        /* @__PURE__ */ jsxDEV3(SearchIcon, {
+        /* @__PURE__ */ jsx3(SearchIcon, {
           className: "size-4 shrink-0 opacity-50"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV3(CommandPrimitive.Input, {
+        }),
+        /* @__PURE__ */ jsx3(CommandPrimitive.Input, {
           "data-slot": "command-input",
           className: cn("w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
           ...props
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(CommandPrimitive.List, {
+  return /* @__PURE__ */ jsx3(CommandPrimitive.List, {
     "data-slot": "command-list",
     className: cn("max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function CommandEmpty({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Empty, {
+  return /* @__PURE__ */ jsx3(CommandPrimitive.Empty, {
     "data-slot": "command-empty",
     className: cn("py-6 text-center text-sm", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Group, {
+  return /* @__PURE__ */ jsx3(CommandPrimitive.Group, {
     "data-slot": "command-group",
     className: cn("overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Item, {
+  return /* @__PURE__ */ jsx3(CommandPrimitive.Item, {
     "data-slot": "command-item",
     className: cn("group/command-item relative flex cursor-default items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function CommandShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3("span", {
+  return /* @__PURE__ */ jsx3("span", {
     "data-slot": "command-shortcut",
     className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/paraglide/runtime.js
@@ -685,7 +685,7 @@ function isCustomStrategy(strategy2) {
 }
 
 // ../../src/components/ui/search-menu.tsx
-import { jsxDEV as jsxDEV4, Fragment } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
 var messages = {
   en: {
     title: "Search",
@@ -749,9 +749,9 @@ function SearchMenu({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [isOpen, setOpen]);
-  return /* @__PURE__ */ jsxDEV4(Fragment, {
+  return /* @__PURE__ */ jsxs3(Fragment, {
     children: [
-      /* @__PURE__ */ jsxDEV4(Button, {
+      /* @__PURE__ */ jsxs3(Button, {
         "aria-label": resolvedPlaceholder,
         type: "button",
         variant: "outline",
@@ -759,40 +759,40 @@ function SearchMenu({
         className: cn("sm:h-9 sm:w-64 sm:justify-start sm:gap-2.5 sm:px-2.5 sm:font-normal", className),
         onClick: () => setOpen(true),
         children: [
-          /* @__PURE__ */ jsxDEV4(SearchIcon2, {
+          /* @__PURE__ */ jsx4(SearchIcon2, {
             className: "size-4 shrink-0"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("span", {
+          }),
+          /* @__PURE__ */ jsx4("span", {
             className: "text-muted-foreground hidden min-w-0 flex-1 truncate text-left font-normal sm:block",
             children: resolvedPlaceholder
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("kbd", {
+          }),
+          /* @__PURE__ */ jsx4("kbd", {
             className: "bg-muted text-muted-foreground pointer-events-none hidden h-5 items-center rounded border px-1.5 font-mono text-[10px] font-medium sm:inline-flex",
             children: shortcutLabel
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4(CommandDialog, {
+      }),
+      /* @__PURE__ */ jsx4(CommandDialog, {
         open: isOpen,
         onOpenChange: setOpen,
         title: resolvedTitle,
         description: resolvedDescription,
-        children: /* @__PURE__ */ jsxDEV4(Command, {
+        children: /* @__PURE__ */ jsxs3(Command, {
           ...shouldFilter === undefined ? {} : { shouldFilter },
           children: [
-            /* @__PURE__ */ jsxDEV4(CommandInput, {
+            /* @__PURE__ */ jsx4(CommandInput, {
               placeholder: resolvedInputPlaceholder,
               ...query === undefined ? {} : { value: query },
               ...onQueryChange ? { onValueChange: onQueryChange } : {}
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV4(CommandList, {
+            }),
+            /* @__PURE__ */ jsxs3(CommandList, {
               children: [
-                /* @__PURE__ */ jsxDEV4(CommandEmpty, {
+                /* @__PURE__ */ jsx4(CommandEmpty, {
                   children: resolvedEmptyMessage
-                }, undefined, false, undefined, this),
-                groups.map((group) => /* @__PURE__ */ jsxDEV4(CommandGroup, {
+                }),
+                groups.map((group) => /* @__PURE__ */ jsx4(CommandGroup, {
                   heading: group.heading,
-                  children: group.items.map((item) => /* @__PURE__ */ jsxDEV4(CommandItem, {
+                  children: group.items.map((item) => /* @__PURE__ */ jsxs3(CommandItem, {
                     className: "data-[selected=false]:!text-foreground data-[selected=true]:bg-muted data-[selected=true]:text-foreground gap-3 py-2 data-[selected=false]:!bg-transparent",
                     value: item.label,
                     ...item.keywords ? { keywords: item.keywords } : {},
@@ -803,36 +803,36 @@ function SearchMenu({
                     },
                     ...item.disabled === undefined ? {} : { disabled: item.disabled },
                     children: [
-                      item.icon ? /* @__PURE__ */ jsxDEV4("div", {
+                      item.icon ? /* @__PURE__ */ jsx4("div", {
                         className: "text-muted-foreground bg-background group-data-[selected=true]/command-item:bg-background flex size-8 shrink-0 items-center justify-center rounded-md border",
                         children: item.icon
-                      }, undefined, false, undefined, this) : null,
-                      /* @__PURE__ */ jsxDEV4("div", {
+                      }) : null,
+                      /* @__PURE__ */ jsxs3("div", {
                         className: "flex min-w-0 flex-1 flex-col gap-0.5",
                         children: [
-                          /* @__PURE__ */ jsxDEV4("span", {
+                          /* @__PURE__ */ jsx4("span", {
                             className: "truncate font-medium",
                             children: item.label
-                          }, undefined, false, undefined, this),
-                          item.description ? /* @__PURE__ */ jsxDEV4("span", {
+                          }),
+                          item.description ? /* @__PURE__ */ jsx4("span", {
                             className: "text-muted-foreground truncate text-xs",
                             children: item.description
-                          }, undefined, false, undefined, this) : null
+                          }) : null
                         ]
-                      }, undefined, true, undefined, this),
-                      item.shortcut ? /* @__PURE__ */ jsxDEV4(CommandShortcut, {
+                      }),
+                      item.shortcut ? /* @__PURE__ */ jsx4(CommandShortcut, {
                         children: item.shortcut
-                      }, undefined, false, undefined, this) : null
+                      }) : null
                     ]
-                  }, item.id, true, undefined, this))
-                }, group.heading, false, undefined, this))
+                  }, item.id))
+                }, group.heading))
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   SearchMenu