@krak-stack/registry 0.1.3 → 0.1.4

package/dist/components/ui/app-brand.js

@@ -1,6 +1,6 @@
 // ../../src/components/ui/app-brand.tsx
 import { Link } from "@tanstack/react-router";
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 function AppBrand({
   className,
   label,
@@ -15,63 +15,63 @@ function AppBrand({
   const iconClassName = variant === "sidebar" ? "bg-sidebar-primary" : "bg-primary";
   const iconColor = variant === "sidebar" ? "var(--sidebar-primary-foreground)" : "var(--primary-foreground)";
   const contentClassName = variant === "sidebar" ? "group-data-[collapsible=icon]:hidden" : undefined;
-  const content = /* @__PURE__ */ jsxDEV(Fragment, {
+  const content = /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsx("div", {
         className: [
           "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-md",
           imageSrc ? "border bg-background" : iconClassName
         ].join(" "),
-        children: imageSrc ? /* @__PURE__ */ jsxDEV("img", {
+        children: imageSrc ? /* @__PURE__ */ jsx("img", {
           src: imageSrc,
           alt: label,
           className: "size-full object-cover"
-        }, undefined, false, undefined, this) : Icon ? /* @__PURE__ */ jsxDEV(Icon, {
+        }) : Icon ? /* @__PURE__ */ jsx(Icon, {
           className: "size-4",
           color: iconColor
-        }, undefined, false, undefined, this) : null
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+        }) : null
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: ["flex min-w-0 flex-col leading-tight", contentClassName].filter(Boolean).join(" "),
         children: [
-          /* @__PURE__ */ jsxDEV("span", {
+          /* @__PURE__ */ jsx("span", {
             className: "truncate font-semibold tracking-tight",
             children: label
-          }, undefined, false, undefined, this),
-          subtitle ? /* @__PURE__ */ jsxDEV("span", {
+          }),
+          subtitle ? /* @__PURE__ */ jsx("span", {
             className: "text-muted-foreground truncate text-xs",
             children: subtitle
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
   const brandClassName = [
     "flex min-w-0 items-center gap-2 text-foreground hover:text-foreground",
     variant === "sidebar" ? "p-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0" : "",
     className
   ].filter(Boolean).join(" ");
   if (to === null) {
-    return /* @__PURE__ */ jsxDEV("div", {
+    return /* @__PURE__ */ jsx("div", {
       className: brandClassName,
       ...props,
       children: content
-    }, undefined, false, undefined, this);
+    });
   }
   if (href) {
-    return /* @__PURE__ */ jsxDEV("a", {
+    return /* @__PURE__ */ jsx("a", {
       className: brandClassName,
       href,
       ...props,
       children: content
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV(Link, {
+  return /* @__PURE__ */ jsx(Link, {
     to: to ?? "/",
     className: brandClassName,
     ...props,
     children: content
-  }, undefined, false, undefined, this);
+  });
 }
 export {
   AppBrand

package/dist/components/ui/code-block.js

@@ -10,7 +10,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: {
@@ -43,17 +43,17 @@ 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/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function CopyButton({
   value,
   valueDescription,
@@ -100,38 +100,38 @@ function CopyButton({
     resetCopyState();
   };
   const status = copyState === "copied" ? valueDescription ? `${labels.copied}: ${valueDescription}` : labels.copied : copyState === "failed" ? valueDescription ? `${labels.copyFailed}: ${valueDescription}` : labels.copyFailed : "";
-  return /* @__PURE__ */ jsxDEV2(Button, {
+  return /* @__PURE__ */ jsxs(Button, {
     "aria-label": accessibleLabel,
     disabled,
     onClick: copy,
     size: size ?? defaultSize,
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV2("span", {
+      /* @__PURE__ */ jsx2("span", {
         "aria-live": "polite",
         className: "sr-only",
         role: "status",
         children: status
-      }, undefined, false, undefined, this),
-      copyState === "copied" ? /* @__PURE__ */ jsxDEV2(Check, {
+      }),
+      copyState === "copied" ? /* @__PURE__ */ jsx2(Check, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      copyState === "failed" ? /* @__PURE__ */ jsxDEV2(TriangleAlert, {
+      }) : null,
+      copyState === "failed" ? /* @__PURE__ */ jsx2(TriangleAlert, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      copyState === "idle" ? /* @__PURE__ */ jsxDEV2(Copy, {
+      }) : null,
+      copyState === "idle" ? /* @__PURE__ */ jsx2(Copy, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      isLarge ? /* @__PURE__ */ jsxDEV2("span", {
+      }) : null,
+      isLarge ? /* @__PURE__ */ jsx2("span", {
         children: labels.copy
-      }, undefined, false, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // ../../src/components/ui/code-block.tsx
 import { Fragment, useEffect as useEffect2, useState as useState2 } from "react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var codeBodyClassName = "font-mono text-[0.875rem] leading-[1.625] break-all whitespace-pre-wrap [&_code]:block [&_code]:font-mono [&_code]:text-[inherit] [&_code]:leading-[inherit] [&_code]:whitespace-pre-wrap [&_span]:break-all";
 var getTokenStyle = (token) => {
   const style = {};
@@ -168,17 +168,17 @@ function CodeBlock({
       active = false;
     };
   }, [code, highlighter, language]);
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "overflow-hidden rounded-md border",
     children: [
-      /* @__PURE__ */ jsxDEV3("div", {
+      /* @__PURE__ */ jsxs2("div", {
         className: "border-border/60 flex items-center justify-between border-b px-3 py-2",
         children: [
-          /* @__PURE__ */ jsxDEV3("span", {
+          /* @__PURE__ */ jsx3("span", {
             className: "text-muted-foreground font-mono text-xs",
             children: language.toLowerCase()
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(CopyButton, {
+          }),
+          /* @__PURE__ */ jsx3(CopyButton, {
             value: code,
             valueDescription: `${language.toLowerCase()} code`,
             variant: "secondary",
@@ -187,37 +187,37 @@ function CodeBlock({
               ...messages?.copied === undefined ? {} : { copied: messages.copied },
               ...messages?.copyFailed === undefined ? {} : { copyFailed: messages.copyFailed }
             }
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsx3("div", {
         className: "bg-muted max-h-full overflow-auto p-3",
-        children: tokens ? /* @__PURE__ */ jsxDEV3("div", {
+        children: tokens ? /* @__PURE__ */ jsx3("div", {
           className: codeBodyClassName,
-          children: /* @__PURE__ */ jsxDEV3("code", {
+          children: /* @__PURE__ */ jsx3("code", {
             className: `language-${language}`,
-            children: tokens.map((line, lineIndex) => /* @__PURE__ */ jsxDEV3(Fragment, {
+            children: tokens.map((line, lineIndex) => /* @__PURE__ */ jsxs2(Fragment, {
               children: [
-                line.map((token) => /* @__PURE__ */ jsxDEV3("span", {
+                line.map((token) => /* @__PURE__ */ jsx3("span", {
                   className: "text-[var(--shiki-light)] dark:text-[var(--shiki-dark)]",
                   style: getTokenStyle(token),
                   children: token.content
-                }, token.offset, false, undefined, this)),
+                }, token.offset)),
                 lineIndex < tokens.length - 1 ? `
 ` : null
               ]
-            }, lineIndex, true, undefined, this))
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("div", {
+            }, lineIndex))
+          })
+        }) : /* @__PURE__ */ jsx3("div", {
           className: `max-w-full ${codeBodyClassName}`,
-          children: /* @__PURE__ */ jsxDEV3("code", {
+          children: /* @__PURE__ */ jsx3("code", {
             className: `language-${language}`,
             children: code
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+          })
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   CodeBlock

package/dist/components/ui/copy-button.js

@@ -10,7 +10,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: {
@@ -43,17 +43,17 @@ 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/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function CopyButton({
   value,
   valueDescription,
@@ -100,33 +100,33 @@ function CopyButton({
     resetCopyState();
   };
   const status = copyState === "copied" ? valueDescription ? `${labels.copied}: ${valueDescription}` : labels.copied : copyState === "failed" ? valueDescription ? `${labels.copyFailed}: ${valueDescription}` : labels.copyFailed : "";
-  return /* @__PURE__ */ jsxDEV2(Button, {
+  return /* @__PURE__ */ jsxs(Button, {
     "aria-label": accessibleLabel,
     disabled,
     onClick: copy,
     size: size ?? defaultSize,
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV2("span", {
+      /* @__PURE__ */ jsx2("span", {
         "aria-live": "polite",
         className: "sr-only",
         role: "status",
         children: status
-      }, undefined, false, undefined, this),
-      copyState === "copied" ? /* @__PURE__ */ jsxDEV2(Check, {
+      }),
+      copyState === "copied" ? /* @__PURE__ */ jsx2(Check, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      copyState === "failed" ? /* @__PURE__ */ jsxDEV2(TriangleAlert, {
+      }) : null,
+      copyState === "failed" ? /* @__PURE__ */ jsx2(TriangleAlert, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      copyState === "idle" ? /* @__PURE__ */ jsxDEV2(Copy, {
+      }) : null,
+      copyState === "idle" ? /* @__PURE__ */ jsx2(Copy, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      isLarge ? /* @__PURE__ */ jsxDEV2("span", {
+      }) : null,
+      isLarge ? /* @__PURE__ */ jsx2("span", {
         children: labels.copy
-      }, undefined, false, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   CopyButton