@open-mercato/core 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd

package/dist/modules/api_docs/frontend/docs/api/Explorer.js

@@ -353,7 +353,7 @@ function ApiDocsExplorer(props) {
               "button",
               {
                 type: "button",
-                className: "flex w-full items-center justify-between rounded-md bg-muted px-3 py-2 text-left font-medium text-foreground hover:bg-muted/80",
+                className: "flex w-full items-center justify-between rounded-md bg-muted px-3 py-2 text-left font-medium text-foreground hover:bg-muted/50",
                 onClick: () => setExpanded((prev) => ({
                   ...prev,
                   [category.tag]: !isExpanded
@@ -374,7 +374,7 @@ function ApiDocsExplorer(props) {
                   /* @__PURE__ */ jsx(
                     "span",
                     {
-                      className: `inline-flex min-w-[3rem] justify-center rounded border px-2 py-0.5 text-[11px] font-semibold uppercase ${METHOD_STYLES[operation.method] ?? "border border-border bg-muted text-foreground"}`,
+                      className: `inline-flex min-w-[3rem] justify-center rounded border px-2 py-0.5 text-overline font-semibold uppercase ${METHOD_STYLES[operation.method] ?? "border border-border bg-muted text-foreground"}`,
                       children: operation.method
                     }
                   ),
@@ -405,7 +405,7 @@ function ApiDocsExplorer(props) {
                 value: searchTerm,
                 onChange: (event) => setSearchTerm(event.target.value),
                 placeholder: "Search endpoints by path or summary",
-                className: "flex-1 rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+                className: "flex-1 rounded-md border border-border bg-background px-3 py-2 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20"
               }
             ) }),
             /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 text-xs", children: methodOptions.map((method) => {
@@ -463,12 +463,12 @@ function ApiDocsExplorer(props) {
                     id: operationId,
                     className: `rounded-lg border bg-card shadow-sm transition ${selectedOperation?.id === operation.id ? "ring-2 ring-primary/40" : ""}`,
                     children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 border-b bg-muted/40 px-5 py-4 md:flex-row md:items-center md:justify-between", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 border-b bg-muted/50 px-5 py-4 md:flex-row md:items-center md:justify-between", children: [
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
                           /* @__PURE__ */ jsx("span", { className: `rounded px-3 py-1 text-xs font-semibold uppercase ${methodClass}`, children: operation.method }),
                           /* @__PURE__ */ jsx("code", { className: "text-sm text-foreground", children: operation.path })
                         ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px] text-muted-foreground", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-overline text-muted-foreground", children: [
                           operation.operation?.["x-require-auth"] ? /* @__PURE__ */ jsx("span", { className: "rounded bg-amber-100 px-2 py-0.5 text-amber-900", children: "Auth required" }) : null,
                           Array.isArray(operation.operation?.["x-require-features"]) ? operation.operation["x-require-features"].map((feature) => /* @__PURE__ */ jsx("span", { className: "rounded bg-blue-100 px-2 py-0.5 text-blue-900", children: feature }, feature)) : null
                         ] })
@@ -481,7 +481,7 @@ function ApiDocsExplorer(props) {
                         Array.isArray(operation.operation?.parameters) && operation.operation.parameters.length ? /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
                           /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Parameters" }),
                           /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-border text-left text-xs", children: [
-                            /* @__PURE__ */ jsx("thead", { className: "bg-muted/60 text-[11px] uppercase tracking-wide text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+                            /* @__PURE__ */ jsx("thead", { className: "bg-muted/50 text-overline uppercase tracking-wide text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
                               /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: "Name" }),
                               /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: "In" }),
                               /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: "Required" }),
@@ -513,11 +513,11 @@ function ApiDocsExplorer(props) {
                             const responseExample = responseVariant?.entry?.example ?? responseVariant?.entry?.examples?.default?.value ?? buildExampleFromSchema(responseVariant?.entry?.schema);
                             const responseSnippet = responseVariant && responseExample ? stringifyExample(responseVariant.mediaType, responseExample) : void 0;
                             return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border", children: [
-                              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b bg-muted/60 px-4 py-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b bg-muted/50 px-4 py-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
                                 /* @__PURE__ */ jsx("span", { children: status }),
                                 /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: response?.description ?? "Response" })
                               ] }),
-                              responseVariant ? /* @__PURE__ */ jsxs("div", { className: "border-b bg-muted/40 px-4 py-2 text-[11px] text-muted-foreground", children: [
+                              responseVariant ? /* @__PURE__ */ jsxs("div", { className: "border-b bg-muted/50 px-4 py-2 text-overline text-muted-foreground", children: [
                                 "Content-Type: ",
                                 responseVariant.mediaType
                               ] }) : null,
@@ -579,7 +579,7 @@ function ApiDocsExplorer(props) {
               ) }) : null
             ] }, category.tag);
           }),
-          !categories.length ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed bg-muted/40 p-6 text-center text-sm text-muted-foreground", children: "No endpoints match your filters. Try adjusting the method filters or clearing the search query." }) : null
+          !categories.length ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed bg-muted/50 p-6 text-center text-sm text-muted-foreground", children: "No endpoints match your filters. Try adjusting the method filters or clearing the search query." }) : null
         ] })
       ] }),
       /* @__PURE__ */ jsx("aside", { className: "hidden w-96 shrink-0 xl:block", children: /* @__PURE__ */ jsx("div", { className: "sticky top-20 max-h-[calc(100vh-6rem)] overflow-y-auto", children: /* @__PURE__ */ jsx(
@@ -650,7 +650,7 @@ function ApiDocsExplorer(props) {
               /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: `inline-flex min-w-[3rem] justify-center rounded border px-2 py-0.5 text-[11px] font-semibold uppercase ${METHOD_STYLES[operation.method] ?? "border border-border bg-muted text-foreground"}`,
+                  className: `inline-flex min-w-[3rem] justify-center rounded border px-2 py-0.5 text-overline font-semibold uppercase ${METHOD_STYLES[operation.method] ?? "border border-border bg-muted text-foreground"}`,
                   children: operation.method
                 }
               ),
@@ -731,7 +731,7 @@ function CodeSnippetTabs(props) {
 }
 function MobileOverlay(props) {
   const { title, children, onClose } = props;
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex flex-col bg-background/95 backdrop-blur", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-modal flex flex-col bg-background/95 backdrop-blur", children: [
     /* @__PURE__ */ jsx("div", { className: "border-b bg-card px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-foreground", children: title }),
       /* @__PURE__ */ jsx(
@@ -1017,7 +1017,7 @@ ${headerEntries}
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: `inline-flex min-w-[3rem] justify-center rounded border px-2 py-0.5 text-[11px] font-semibold uppercase ${METHOD_STYLES[operation.method] ?? "border border-border bg-muted text-foreground"}`,
+          className: `inline-flex min-w-[3rem] justify-center rounded border px-2 py-0.5 text-overline font-semibold uppercase ${METHOD_STYLES[operation.method] ?? "border border-border bg-muted text-foreground"}`,
           children: operation.method
         }
       )
@@ -1033,7 +1033,7 @@ ${headerEntries}
         {
           value: baseUrl,
           onChange: (event) => setBaseUrl(event.target.value),
-          className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20",
+          className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20",
           children: mergedBaseUrls.map((server) => /* @__PURE__ */ jsxs("option", { value: server.url, children: [
             server.url,
             " ",
@@ -1057,7 +1057,7 @@ ${headerEntries}
           value: apiKey,
           onChange: (event) => setApiKey(event.target.value),
           placeholder: "Paste your API key secret (omk_\u2026)",
-          className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+          className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20"
         }
       )
     ] }),
@@ -1078,7 +1078,7 @@ ${headerEntries}
               [parameter.name]: event.target.value
             })),
             placeholder: parameter.description ?? "",
-            className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+            className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20"
           }
         )
       ] }, parameter.name)) })
@@ -1100,7 +1100,7 @@ ${headerEntries}
               [parameter.name]: event.target.value
             })),
             placeholder: parameter.description ?? "",
-            className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+            className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20"
           }
         )
       ] }, parameter.name)) })
@@ -1116,7 +1116,7 @@ ${headerEntries}
           value: bodyContent,
           onChange: (event) => setBodyContent(event.target.value),
           rows: 8,
-          className: "w-full rounded-md border border-border bg-background px-3 py-2 text-xs font-mono leading-relaxed focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20",
+          className: "w-full rounded-md border border-border bg-background px-3 py-2 text-xs font-mono leading-relaxed focus-visible:border-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20",
           placeholder: "Provide request payload"
         }
       )
@@ -1132,7 +1132,7 @@ ${headerEntries}
         type: "button",
         onClick: handleSubmit,
         disabled: isLoading,
-        className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:bg-primary/60",
+        className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:bg-primary/10",
         children: isLoading ? "Sending\u2026" : "Send request"
       }
     ),