fromsrc 0.0.2 → 0.0.21

package/dist/components/playground.js

@@ -3,86 +3,189 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useState, useCallback } from 'react';
 
 const colors = {
+  DELETE: "bg-red-500/10 text-red-400",
   GET: "bg-emerald-500/10 text-emerald-400",
-  POST: "bg-blue-500/10 text-blue-400",
-  PUT: "bg-amber-500/10 text-amber-400",
   PATCH: "bg-purple-500/10 text-purple-400",
-  DELETE: "bg-red-500/10 text-red-400"
+  POST: "bg-blue-500/10 text-blue-400",
+  PUT: "bg-amber-500/10 text-amber-400"
 };
 function toEntries(init) {
-  if (!init) return [{ key: "", value: "" }];
+  if (!init) {
+    return [{ key: "", value: "" }];
+  }
   const entries = Object.entries(init).map(([key, value]) => ({ key, value }));
   return entries.length ? entries : [{ key: "", value: "" }];
 }
-function PlaygroundBase({ method, url, headers: initial, body: initialBody, className = "" }) {
+function PlaygroundBase({
+  method,
+  url,
+  headers: initial,
+  body: initialBody,
+  className = ""
+}) {
   const [headers, setHeaders] = useState(() => toEntries(initial));
   const [body, setBody] = useState(initialBody ?? "");
   const [response, setResponse] = useState(null);
   const [loading, setLoading] = useState(false);
   const hasBody = method === "POST" || method === "PUT" || method === "PATCH";
-  const updateHeader = useCallback((i, field, val) => {
-    setHeaders((h) => h.map((item, idx) => idx === i ? { ...item, [field]: val } : item));
-  }, []);
-  const addHeader = useCallback(() => setHeaders((h) => [...h, { key: "", value: "" }]), []);
-  const removeHeader = useCallback((i) => setHeaders((h) => h.filter((_, idx) => idx !== i)), []);
+  const updateHeader = useCallback(
+    (i, field, val) => {
+      setHeaders(
+        (h) => h.map((item, idx) => idx === i ? { ...item, [field]: val } : item)
+      );
+    },
+    []
+  );
+  const addHeader = useCallback(
+    () => setHeaders((h) => [...h, { key: "", value: "" }]),
+    []
+  );
+  const removeHeader = useCallback(
+    (i) => setHeaders((h) => h.filter((_, idx) => idx !== i)),
+    []
+  );
   const send = useCallback(async () => {
     setLoading(true);
     setResponse(null);
     const hdrs = {};
-    for (const h of headers) if (h.key.trim()) hdrs[h.key.trim()] = h.value;
+    for (const h of headers) {
+      if (h.key.trim()) {
+        hdrs[h.key.trim()] = h.value;
+      }
+    }
     const start = performance.now();
     try {
-      const res = await fetch(url, { method, headers: hdrs, body: hasBody && body ? body : void 0 });
+      const res = await fetch(url, {
+        body: hasBody && body ? body : void 0,
+        headers: hdrs,
+        method
+      });
       const text = await res.text();
       const rh = {};
       res.headers.forEach((v, k) => {
         rh[k] = v;
       });
-      setResponse({ status: res.status, headers: rh, body: text, time: Math.round(performance.now() - start) });
+      setResponse({
+        body: text,
+        headers: rh,
+        status: res.status,
+        time: Math.round(performance.now() - start)
+      });
     } catch {
-      setResponse({ status: 0, headers: {}, body: "request failed", time: Math.round(performance.now() - start) });
+      setResponse({
+        body: "request failed",
+        headers: {},
+        status: 0,
+        time: Math.round(performance.now() - start)
+      });
     }
     setLoading(false);
   }, [method, url, headers, body, hasBody]);
   const input = "w-full rounded border border-line bg-transparent px-2 py-1 text-sm";
-  return /* @__PURE__ */ jsxs("div", { className: `rounded-lg border border-line overflow-hidden my-6 ${className}`.trim(), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3 bg-surface/50 border-b border-line", children: [
-      /* @__PURE__ */ jsx("span", { className: `px-2 py-0.5 rounded text-xs font-bold uppercase ${colors[method]}`, children: method }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-sm text-fg", children: url })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted uppercase", children: "Headers" }),
-          /* @__PURE__ */ jsx("button", { type: "button", onClick: addHeader, className: "text-xs text-accent", children: "+ add" })
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rounded-lg border border-line overflow-hidden my-6 ${className}`.trim(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3 bg-surface/50 border-b border-line", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `px-2 py-0.5 rounded text-xs font-bold uppercase ${colors[method]}`,
+              children: method
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-sm text-fg", children: url })
         ] }),
-        headers.map((h, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-1.5", children: [
-          /* @__PURE__ */ jsx("input", { className: input, placeholder: "key", value: h.key, onChange: (e) => updateHeader(i, "key", e.target.value) }),
-          /* @__PURE__ */ jsx("input", { className: input, placeholder: "value", value: h.value, onChange: (e) => updateHeader(i, "value", e.target.value) }),
-          /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeHeader(i), className: "text-xs text-muted shrink-0", children: "x" })
-        ] }, i))
-      ] }),
-      hasBody && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted uppercase mb-2 block", children: "Body" }),
-        /* @__PURE__ */ jsx("textarea", { className: `${input} min-h-[80px] resize-y`, value: body, onChange: (e) => setBody(e.target.value) })
-      ] }),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: send, disabled: loading, className: "rounded bg-accent px-4 py-1.5 text-sm font-medium text-white disabled:opacity-50", children: loading ? "Sending..." : "Send" })
-    ] }),
-    response && /* @__PURE__ */ jsxs("div", { className: "border-t border-line p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("span", { className: `px-2 py-0.5 rounded text-xs font-bold ${response.status >= 200 && response.status < 300 ? "bg-emerald-500/10 text-emerald-400" : "bg-red-500/10 text-red-400"}`, children: response.status || "ERR" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted", children: [
-          response.time,
-          "ms"
+        /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted uppercase", children: "Headers" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: addHeader,
+                  className: "text-xs text-accent",
+                  children: "+ add"
+                }
+              )
+            ] }),
+            headers.map((h, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-1.5", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: input,
+                  placeholder: "key",
+                  value: h.key,
+                  onChange: (e) => updateHeader(i, "key", e.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: input,
+                  placeholder: "value",
+                  value: h.value,
+                  onChange: (e) => updateHeader(i, "value", e.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => removeHeader(i),
+                  className: "text-xs text-muted shrink-0",
+                  children: "x"
+                }
+              )
+            ] }, i))
+          ] }),
+          hasBody && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted uppercase mb-2 block", children: "Body" }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                className: `${input} min-h-[80px] resize-y`,
+                value: body,
+                onChange: (e) => setBody(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: send,
+              disabled: loading,
+              className: "rounded bg-accent px-4 py-1.5 text-sm font-medium text-white disabled:opacity-50",
+              children: loading ? "Sending..." : "Send"
+            }
+          )
+        ] }),
+        response && /* @__PURE__ */ jsxs("div", { className: "border-t border-line p-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `px-2 py-0.5 rounded text-xs font-bold ${response.status >= 200 && response.status < 300 ? "bg-emerald-500/10 text-emerald-400" : "bg-red-500/10 text-red-400"}`,
+                children: response.status || "ERR"
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted", children: [
+              response.time,
+              "ms"
+            ] })
+          ] }),
+          Object.keys(response.headers).length > 0 && /* @__PURE__ */ jsxs("details", { className: "text-xs", children: [
+            /* @__PURE__ */ jsx("summary", { className: "text-muted cursor-pointer", children: "Response Headers" }),
+            /* @__PURE__ */ jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap text-muted mt-1", children: Object.entries(response.headers).map(([k, v]) => `${k}: ${v}`).join("\n") })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap text-fg bg-surface/50 rounded p-3 overflow-x-auto", children: response.body })
         ] })
-      ] }),
-      Object.keys(response.headers).length > 0 && /* @__PURE__ */ jsxs("details", { className: "text-xs", children: [
-        /* @__PURE__ */ jsx("summary", { className: "text-muted cursor-pointer", children: "Response Headers" }),
-        /* @__PURE__ */ jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap text-muted mt-1", children: Object.entries(response.headers).map(([k, v]) => `${k}: ${v}`).join("\n") })
-      ] }),
-      /* @__PURE__ */ jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap text-fg bg-surface/50 rounded p-3 overflow-x-auto", children: response.body })
-    ] })
-  ] });
+      ]
+    }
+  );
 }
 const Playground = memo(PlaygroundBase);
 

package/dist/components/popover.js

@@ -5,13 +5,13 @@ import { useClickOutside } from '../hooks/clickoutside';
 import { useEscapeKey } from '../hooks/escapekey';
 
 const ALIGN_CLASSES = {
-  start: "left-0",
   center: "left-1/2 -translate-x-1/2",
-  end: "right-0"
+  end: "right-0",
+  start: "left-0"
 };
 const SIDE_CLASSES = {
-  top: "bottom-full mb-2",
-  bottom: "top-full mt-2"
+  bottom: "top-full mt-2",
+  top: "bottom-full mb-2"
 };
 function Popover({
   trigger,
@@ -43,12 +43,14 @@ function Popover({
     }
   }, [open]);
   useLayoutEffect(() => {
-    if (!open || !contentRef.current) return;
+    if (!open || !contentRef.current) {
+      return;
+    }
     const content = contentRef.current;
     const rect = content.getBoundingClientRect();
     const viewport = {
-      width: window.innerWidth,
-      height: window.innerHeight
+      height: window.innerHeight,
+      width: window.innerWidth
     };
     let adjustedAlign = ALIGN_CLASSES[align];
     let adjustedSide = SIDE_CLASSES[side];

package/dist/components/prelink.js

@@ -12,31 +12,62 @@ function domain(href) {
 function external(href) {
   return href.startsWith("http") && !href.includes(window.location.hostname);
 }
-const PreLink = memo(function PreLink2({ href, children, className }) {
+const PreLink = memo(function PreLink2({
+  href,
+  children,
+  className
+}) {
   const [visible, setVisible] = useState(false);
   const showTimer = useRef(null);
   const hideTimer = useRef(null);
   const enter = useCallback(() => {
-    if (hideTimer.current) clearTimeout(hideTimer.current);
+    if (hideTimer.current) {
+      clearTimeout(hideTimer.current);
+    }
     showTimer.current = setTimeout(() => setVisible(true), 300);
   }, []);
   const leave = useCallback(() => {
-    if (showTimer.current) clearTimeout(showTimer.current);
+    if (showTimer.current) {
+      clearTimeout(showTimer.current);
+    }
     hideTimer.current = setTimeout(() => setVisible(false), 100);
   }, []);
   const host = domain(href);
   const isExternal = typeof window !== "undefined" && external(href);
   return /* @__PURE__ */ jsxs("span", { className: "relative inline", onMouseEnter: enter, onMouseLeave: leave, children: [
-    /* @__PURE__ */ jsx("a", { href, className, target: host ? "_blank" : void 0, rel: host ? "noopener noreferrer" : void 0, children }),
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        className,
+        target: host ? "_blank" : void 0,
+        rel: host ? "noopener noreferrer" : void 0,
+        children
+      }
+    ),
     visible && host && /* @__PURE__ */ jsxs("span", { className: "absolute z-50 bottom-full left-1/2 -translate-x-1/2 mb-2 w-72 rounded-lg border border-line bg-surface p-3 shadow-lg pointer-events-none", children: [
       /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-fg block truncate", children: typeof children === "string" ? children : host }),
       /* @__PURE__ */ jsx("span", { className: "text-xs text-muted mt-1 block truncate", children: href }),
       /* @__PURE__ */ jsxs("span", { className: "text-xs text-dim mt-2 flex items-center gap-1", children: [
-        isExternal && /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-          /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
-          /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
-        ] }),
+        isExternal && /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            "aria-hidden": "true",
+            width: "12",
+            height: "12",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+              /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
+              /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+            ]
+          }
+        ),
         host
       ] })
     ] })

package/dist/components/prevnext.d.ts

@@ -11,7 +11,7 @@ interface PrevNextProps {
     next?: PrevNextLink;
     className?: string;
 }
-declare function PrevNextBase({ prev, next, className }: PrevNextProps): JSX.Element | null;
+declare function PrevNextBase({ prev, next, className, }: PrevNextProps): JSX.Element | null;
 declare const PrevNext: react.MemoExoticComponent<typeof PrevNextBase>;
 
 export { PrevNext, type PrevNextLink, type PrevNextProps };

package/dist/components/prevnext.js

@@ -19,23 +19,43 @@ function Chevron({ direction }) {
     }
   );
 }
-function PrevNextBase({ prev, next, className }) {
-  if (!prev && !next) return null;
+function PrevNextBase({
+  prev,
+  next,
+  className
+}) {
+  if (!prev && !next) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs("div", { className: `flex justify-between ${className ?? ""}`, children: [
-    prev ? /* @__PURE__ */ jsxs("a", { href: prev.href, className: "flex items-center gap-2 text-left mr-auto", children: [
-      /* @__PURE__ */ jsx(Chevron, { direction: "left" }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: prev.label ?? "Previous" }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm", children: prev.title })
-      ] })
-    ] }) : /* @__PURE__ */ jsx("div", {}),
-    next ? /* @__PURE__ */ jsxs("a", { href: next.href, className: "flex items-center gap-2 text-right ml-auto", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: next.label ?? "Next" }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm", children: next.title })
-      ] }),
-      /* @__PURE__ */ jsx(Chevron, { direction: "right" })
-    ] }) : /* @__PURE__ */ jsx("div", {})
+    prev ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: prev.href,
+        className: "flex items-center gap-2 text-left mr-auto",
+        children: [
+          /* @__PURE__ */ jsx(Chevron, { direction: "left" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: prev.label ?? "Previous" }),
+            /* @__PURE__ */ jsx("div", { className: "text-sm", children: prev.title })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("div", {}),
+    next ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: next.href,
+        className: "flex items-center gap-2 text-right ml-auto",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: next.label ?? "Next" }),
+            /* @__PURE__ */ jsx("div", { className: "text-sm", children: next.title })
+          ] }),
+          /* @__PURE__ */ jsx(Chevron, { direction: "right" })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("div", {})
   ] });
 }
 const PrevNext = memo(PrevNextBase);

package/dist/components/progress.js

@@ -3,9 +3,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
 const sizes = {
-  sm: "h-1",
+  lg: "h-3",
   md: "h-2",
-  lg: "h-3"
+  sm: "h-1"
 };
 const Progress = memo(function Progress2({
   value,

package/dist/components/property.js

@@ -37,7 +37,9 @@ const Property = memo(function Property2({
     }
   );
 });
-const Properties = memo(function Properties2({ children }) {
+const Properties = memo(function Properties2({
+  children
+}) {
   return /* @__PURE__ */ jsx("section", { "aria-label": "Properties", className: "my-6 divide-y divide-line", children });
 });
 

package/dist/components/quote.d.ts

@@ -14,7 +14,7 @@ interface QuoteProps {
     /** Avatar image URL */
     avatar?: string;
 }
-declare function QuoteBase({ children, author, role, avatar }: QuoteProps): React.JSX.Element;
+declare function QuoteBase({ children, author, role, avatar, }: QuoteProps): React.JSX.Element;
 declare const Quote: react.MemoExoticComponent<typeof QuoteBase>;
 /**
  * Props for the Testimonials grid container
@@ -38,7 +38,7 @@ interface TestimonialProps {
     /** Avatar image URL */
     avatar?: string;
 }
-declare function TestimonialBase({ children, author, role, avatar }: TestimonialProps): React.JSX.Element;
+declare function TestimonialBase({ children, author, role, avatar, }: TestimonialProps): React.JSX.Element;
 declare const Testimonial: react.MemoExoticComponent<typeof TestimonialBase>;
 
 export { Quote, type QuoteProps, Testimonial, type TestimonialProps, Testimonials, type TestimonialsProps };

package/dist/components/quote.js

@@ -3,7 +3,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import Image from 'next/image';
 import { memo } from 'react';
 
-function QuoteBase({ children, author, role, avatar }) {
+function QuoteBase({
+  children,
+  author,
+  role,
+  avatar
+}) {
   return /* @__PURE__ */ jsxs("figure", { className: "my-6 p-6 rounded-xl border border-line bg-surface/30", children: [
     /* @__PURE__ */ jsxs("blockquote", { className: "text-lg text-fg italic leading-relaxed", children: [
       '"',
@@ -11,7 +16,16 @@ function QuoteBase({ children, author, role, avatar }) {
       '"'
     ] }),
     author && /* @__PURE__ */ jsxs("figcaption", { className: "mt-4 flex items-center gap-3", children: [
-      avatar && /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full overflow-hidden relative", children: /* @__PURE__ */ jsx(Image, { src: avatar, alt: "", fill: true, className: "object-cover", "aria-hidden": "true" }) }),
+      avatar && /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full overflow-hidden relative", children: /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: avatar,
+          alt: "",
+          fill: true,
+          className: "object-cover",
+          "aria-hidden": "true"
+        }
+      ) }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("cite", { className: "text-sm font-medium text-fg not-italic", children: author }),
         role && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted", children: role })
@@ -24,11 +38,25 @@ function TestimonialsBase({ children }) {
   return /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 my-6", children });
 }
 const Testimonials = memo(TestimonialsBase);
-function TestimonialBase({ children, author, role, avatar }) {
+function TestimonialBase({
+  children,
+  author,
+  role,
+  avatar
+}) {
   return /* @__PURE__ */ jsxs("figure", { className: "p-5 rounded-xl border border-line bg-surface/30", children: [
     /* @__PURE__ */ jsx("blockquote", { className: "text-sm text-muted leading-relaxed", children }),
     /* @__PURE__ */ jsxs("figcaption", { className: "mt-4 flex items-center gap-3", children: [
-      avatar && /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full overflow-hidden relative", children: /* @__PURE__ */ jsx(Image, { src: avatar, alt: "", fill: true, className: "object-cover", "aria-hidden": "true" }) }),
+      avatar && /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full overflow-hidden relative", children: /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: avatar,
+          alt: "",
+          fill: true,
+          className: "object-cover",
+          "aria-hidden": "true"
+        }
+      ) }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("cite", { className: "text-sm font-medium text-fg not-italic", children: author }),
         role && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted", children: role })

package/dist/components/radio.js

@@ -5,14 +5,14 @@ import { getNextIndex } from '../hooks/arrownav';
 
 const RadioContext = createContext(null);
 const sizes = {
-  sm: { radio: "h-3.5 w-3.5", label: "text-xs" },
-  md: { radio: "h-4 w-4", label: "text-sm" },
-  lg: { radio: "h-5 w-5", label: "text-base" }
+  lg: { label: "text-base", radio: "h-5 w-5" },
+  md: { label: "text-sm", radio: "h-4 w-4" },
+  sm: { label: "text-xs", radio: "h-3.5 w-3.5" }
 };
 const dotSizes = {
-  sm: "h-1.5 w-1.5",
+  lg: "h-2.5 w-2.5",
   md: "h-2 w-2",
-  lg: "h-2.5 w-2.5"
+  sm: "h-1.5 w-1.5"
 };
 function RadioBase({
   value,
@@ -21,17 +21,23 @@ function RadioBase({
   className = ""
 }) {
   const ctx = useContext(RadioContext);
-  if (!ctx) throw new Error("Radio must be used within RadioGroup");
+  if (!ctx) {
+    throw new Error("Radio must be used within RadioGroup");
+  }
   const id = useId();
   const checked = ctx.value === value;
   const disabled = localDisabled || ctx.disabled;
   const handleClick = () => {
-    if (!disabled) ctx.onChange(value);
+    if (!disabled) {
+      ctx.onChange(value);
+    }
   };
   const handleKeyDown = (e) => {
     if (e.key === " " || e.key === "Enter") {
       e.preventDefault();
-      if (!disabled) ctx.onChange(value);
+      if (!disabled) {
+        ctx.onChange(value);
+      }
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "data-radio-value": value, children: [
@@ -57,7 +63,13 @@ function RadioBase({
 					${sizes[ctx.size].radio}
 					${className}
 				`.trim(),
-        children: checked && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: `rounded-full bg-accent ${dotSizes[ctx.size]}` })
+        children: checked && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `rounded-full bg-accent ${dotSizes[ctx.size]}`
+          }
+        )
       }
     ),
     label && /* @__PURE__ */ jsx(
@@ -92,34 +104,40 @@ function RadioGroupBase({
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : internalValue;
   const handleChange = (newValue) => {
-    if (!isControlled) setInternalValue(newValue);
+    if (!isControlled) {
+      setInternalValue(newValue);
+    }
     onChange?.(newValue);
   };
   const handleKeyDown = (e) => {
-    const radios = Array.from(
-      e.currentTarget.querySelectorAll('[role="radio"]:not([disabled])')
-    );
+    const radios = [
+      ...e.currentTarget.querySelectorAll('[role="radio"]:not([disabled])')
+    ];
     const currentIndex = radios.findIndex((r) => r === document.activeElement);
     const nextIndex = getNextIndex(e.key, {
       count: radios.length,
-      current: currentIndex >= 0 ? currentIndex : 0,
+      current: Math.max(currentIndex, 0),
       direction: "both",
       wrap: true
     });
-    if (nextIndex === currentIndex) return;
+    if (nextIndex === currentIndex) {
+      return;
+    }
     e.preventDefault();
     const nextRadio = radios[nextIndex];
     if (nextRadio) {
       nextRadio.focus();
       const wrapper = nextRadio.closest("[data-radio-value]");
-      const radioValue = wrapper?.getAttribute("data-radio-value");
-      if (radioValue) handleChange(radioValue);
+      const radioValue = wrapper?.dataset.radioValue;
+      if (radioValue) {
+        handleChange(radioValue);
+      }
     }
   };
   return /* @__PURE__ */ jsx(
     RadioContext.Provider,
     {
-      value: { name: groupName, value, size, disabled, onChange: handleChange },
+      value: { disabled, name: groupName, onChange: handleChange, size, value },
       children: /* @__PURE__ */ jsx(
         "div",
         {