fromsrc 0.0.2 → 0.0.22

package/dist/components/endpoint.js

@@ -2,21 +2,26 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
 const methodColors = {
-  GET: "bg-emerald-500/10 text-emerald-400 border-emerald-500/20",
-  POST: "bg-blue-500/10 text-blue-400 border-blue-500/20",
-  PUT: "bg-amber-500/10 text-amber-400 border-amber-500/20",
-  PATCH: "bg-orange-500/10 text-orange-400 border-orange-500/20",
   DELETE: "bg-red-500/10 text-red-400 border-red-500/20",
+  GET: "bg-emerald-500/10 text-emerald-400 border-emerald-500/20",
   HEAD: "bg-cyan-500/10 text-cyan-400 border-cyan-500/20",
   OPTIONS: "bg-violet-500/10 text-violet-400 border-violet-500/20",
+  PATCH: "bg-orange-500/10 text-orange-400 border-orange-500/20",
+  POST: "bg-blue-500/10 text-blue-400 border-blue-500/20",
+  PUT: "bg-amber-500/10 text-amber-400 border-amber-500/20",
   TRACE: "bg-pink-500/10 text-pink-400 border-pink-500/20"
 };
-function EndpointBase({ method, path, description, children }) {
+function EndpointBase({
+  method,
+  path,
+  description,
+  children
+}) {
   return /* @__PURE__ */ jsxs(
     "article",
     {
       className: "my-6 rounded-lg border border-line overflow-hidden",
-      "aria-labelledby": `endpoint-${method}-${path.replace(/\//g, "-")}`,
+      "aria-labelledby": `endpoint-${method}-${path.replaceAll("/", "-")}`,
       children: [
         /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-3 px-4 py-3 bg-surface/50 border-b border-line", children: [
           /* @__PURE__ */ jsx(
@@ -31,7 +36,7 @@ function EndpointBase({ method, path, description, children }) {
           /* @__PURE__ */ jsx(
             "code",
             {
-              id: `endpoint-${method}-${path.replace(/\//g, "-")}`,
+              id: `endpoint-${method}-${path.replaceAll("/", "-")}`,
               className: "text-sm font-mono text-fg",
               children: path
             }
@@ -44,7 +49,13 @@ function EndpointBase({ method, path, description, children }) {
   );
 }
 const Endpoint = memo(EndpointBase);
-function ParamBase({ name, type, required, description, children }) {
+function ParamBase({
+  name,
+  type,
+  required,
+  description,
+  children
+}) {
   const paramId = `param-${name}`;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -73,7 +84,11 @@ function ParamBase({ name, type, required, description, children }) {
   );
 }
 const Param = memo(ParamBase);
-function ResponseBase({ status, description, children }) {
+function ResponseBase({
+  status,
+  description,
+  children
+}) {
   const number = typeof status === "string" ? Number(status) : status;
   const isSuccess = Number.isFinite(number) && number >= 200 && number < 300;
   const isError = Number.isFinite(number) && number >= 400;

package/dist/components/errormessage.d.ts

@@ -5,7 +5,7 @@ interface ErrorMessageProps {
     id?: string;
     children: ReactNode;
 }
-declare function ErrorMessageInner({ id, children }: ErrorMessageProps): React.ReactElement;
+declare function ErrorMessageInner({ id, children, }: ErrorMessageProps): React.ReactElement;
 declare const ErrorMessage: react.MemoExoticComponent<typeof ErrorMessageInner>;
 
 export { ErrorMessage, type ErrorMessageProps };

package/dist/components/errormessage.js

@@ -2,7 +2,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
-function ErrorMessageInner({ id, children }) {
+function ErrorMessageInner({
+  id,
+  children
+}) {
   return /* @__PURE__ */ jsx("span", { id, className: "text-xs text-red-400", role: "alert", children });
 }
 const ErrorMessage = memo(ErrorMessageInner);

package/dist/components/expandcode.d.ts

@@ -7,7 +7,7 @@ interface ExpandCodeProps {
     maxLines?: number;
     defaultOpen?: boolean;
 }
-declare function ExpandCodeComponent({ children, maxLines, defaultOpen }: ExpandCodeProps): react_jsx_runtime.JSX.Element;
+declare function ExpandCodeComponent({ children, maxLines, defaultOpen, }: ExpandCodeProps): react_jsx_runtime.JSX.Element;
 declare const ExpandCode: react.MemoExoticComponent<typeof ExpandCodeComponent>;
 
 export { ExpandCode, type ExpandCodeProps };

package/dist/components/expandcode.js

@@ -3,14 +3,18 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useRef, useState, useEffect } from 'react';
 
 const LINE_HEIGHT = 20.8;
-function ExpandCodeComponent({ children, maxLines = 15, defaultOpen = false }) {
+function ExpandCodeComponent({
+  children,
+  maxLines = 15,
+  defaultOpen = false
+}) {
   const contentRef = useRef(null);
   const [isOpen, setIsOpen] = useState(defaultOpen);
   const [needsExpand, setNeedsExpand] = useState(false);
   const [collapsedHeight, setCollapsedHeight] = useState(0);
   useEffect(() => {
     if (contentRef.current) {
-      const scrollHeight = contentRef.current.scrollHeight;
+      const { scrollHeight } = contentRef.current;
       const maxHeight = maxLines * LINE_HEIGHT;
       if (scrollHeight > maxHeight) {
         setNeedsExpand(true);

package/dist/components/feature.js

@@ -27,7 +27,14 @@ const Features = memo(function Features2({
   columns = 2
 }) {
   const gridClass = columns === 3 ? "sm:grid-cols-2 lg:grid-cols-3" : "sm:grid-cols-2";
-  return /* @__PURE__ */ jsx("section", { className: `grid gap-4 sm:gap-6 my-6 ${gridClass}`, "aria-label": "Features", children });
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: `grid gap-4 sm:gap-6 my-6 ${gridClass}`,
+      "aria-label": "Features",
+      children
+    }
+  );
 });
 const FeatureCard = memo(function FeatureCard2({
   icon,

package/dist/components/featuregrid.d.ts

@@ -1,17 +1,17 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 
-type FeatureGridItem = {
+interface FeatureGridItem {
     icon?: ReactNode;
     title: string;
     description: string;
     href?: string;
-};
-type FeatureGridProps = {
+}
+interface FeatureGridProps {
     items: FeatureGridItem[];
     columns?: 2 | 3 | 4;
     className?: string;
-};
+}
 declare const FeatureGrid: react.NamedExoticComponent<FeatureGridProps>;
 
 export { FeatureGrid, type FeatureGridItem, type FeatureGridProps };

package/dist/components/featuregrid.js

@@ -30,7 +30,13 @@ const FeatureGrid = memo(function FeatureGrid2({
   columns = 3,
   className
 }) {
-  return /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-4 sm:grid-cols-2 ${columnsMap[columns]} ${className ?? ""}`, children: items.map((item) => /* @__PURE__ */ jsx(Card, { item }, item.title)) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `grid grid-cols-1 gap-4 sm:grid-cols-2 ${columnsMap[columns]} ${className ?? ""}`,
+      children: items.map((item) => /* @__PURE__ */ jsx(Card, { item }, item.title))
+    }
+  );
 });
 
 export { FeatureGrid };

package/dist/components/feedback.js

@@ -7,13 +7,17 @@ function FeedbackBase({ onFeedback }) {
   const [submitted, setSubmitted] = useState(false);
   const [selected, setSelected] = useState(null);
   const handlePositive = useCallback(async () => {
-    if (submitted) return;
+    if (submitted) {
+      return;
+    }
     setSelected(true);
     setSubmitted(true);
     await onFeedback?.(true);
   }, [submitted, onFeedback]);
   const handleNegative = useCallback(async () => {
-    if (submitted) return;
+    if (submitted) {
+      return;
+    }
     setSelected(false);
     setSubmitted(true);
     await onFeedback?.(false);
@@ -25,12 +29,12 @@ function FeedbackBase({ onFeedback }) {
         role: "status",
         "aria-live": "polite",
         className: "flex items-center gap-2 text-sm text-muted",
-        children: selected ? "thanks for your feedback" : "sorry to hear that"
+        children: selected ? "Thanks for your feedback" : "Sorry to hear that"
       }
     );
   }
-  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": "feedback", className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx("span", { id: "feedback-label", className: "text-sm text-muted", children: "was this helpful?" }),
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": "Feedback", className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx("span", { id: "feedback-label", className: "text-sm text-muted", children: "Was this helpful?" }),
     /* @__PURE__ */ jsxs("div", { role: "group", "aria-labelledby": "feedback-label", className: "flex gap-1", children: [
       /* @__PURE__ */ jsx(
         "button",
@@ -38,7 +42,7 @@ function FeedbackBase({ onFeedback }) {
           type: "button",
           onClick: handlePositive,
           className: "rounded-md p-1.5 text-muted hover:bg-surface hover:text-fg transition-colors",
-          "aria-label": "yes, helpful",
+          "aria-label": "Yes, helpful",
           "aria-pressed": selected === true,
           children: /* @__PURE__ */ jsx(IconThumbsUp, { "aria-hidden": "true", size: 16 })
         }
@@ -49,7 +53,7 @@ function FeedbackBase({ onFeedback }) {
           type: "button",
           onClick: handleNegative,
           className: "rounded-md p-1.5 text-muted hover:bg-surface hover:text-fg transition-colors",
-          "aria-label": "no, not helpful",
+          "aria-label": "No, not helpful",
           "aria-pressed": selected === false,
           children: /* @__PURE__ */ jsx(IconThumbsDown, { "aria-hidden": "true", size: 16 })
         }

package/dist/components/feedbackwidget.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { memo, useState, useRef, useCallback, useEffect } from 'react';
 import { usePathname } from 'next/navigation';
+import { memo, useState, useRef, useCallback, useEffect } from 'react';
 import { IconThumbsUp, IconThumbsDown } from './icons';
 
 function FeedbackWidgetBase({ onSubmit }) {
@@ -16,10 +16,14 @@ function FeedbackWidgetBase({ onSubmit }) {
     setStage("input");
   }, []);
   useEffect(() => {
-    if (stage === "input") inputRef.current?.focus();
+    if (stage === "input") {
+      inputRef.current?.focus();
+    }
   }, [stage]);
   useEffect(() => {
-    if (stage !== "done") return;
+    if (stage !== "done") {
+      return;
+    }
     const timer = setTimeout(() => setVisible(false), 2e3);
     return () => clearTimeout(timer);
   }, [stage]);
@@ -29,7 +33,9 @@ function FeedbackWidgetBase({ onSubmit }) {
   }, [helpful, message, path, onSubmit]);
   const keydown = useCallback(
     (e) => {
-      if (e.key === "Enter") submit();
+      if (e.key === "Enter") {
+        submit();
+      }
     },
     [submit]
   );
@@ -39,7 +45,7 @@ function FeedbackWidgetBase({ onSubmit }) {
       className: `flex flex-col items-center gap-3 py-8 transition-opacity duration-500 ${visible ? "opacity-100" : "opacity-0"}`,
       children: [
         stage === "ask" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted", children: "was this helpful?" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted", children: "Was this helpful?" }),
           /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
             /* @__PURE__ */ jsx(
               "button",
@@ -47,7 +53,7 @@ function FeedbackWidgetBase({ onSubmit }) {
                 type: "button",
                 onClick: () => select(true),
                 className: "rounded-md p-1.5 text-muted hover:bg-surface hover:text-fg transition-colors",
-                "aria-label": "yes, helpful",
+                "aria-label": "Yes, helpful",
                 children: /* @__PURE__ */ jsx(IconThumbsUp, { "aria-hidden": "true", size: 16 })
               }
             ),
@@ -57,7 +63,7 @@ function FeedbackWidgetBase({ onSubmit }) {
                 type: "button",
                 onClick: () => select(false),
                 className: "rounded-md p-1.5 text-muted hover:bg-surface hover:text-fg transition-colors",
-                "aria-label": "no, not helpful",
+                "aria-label": "No, not helpful",
                 children: /* @__PURE__ */ jsx(IconThumbsDown, { "aria-hidden": "true", size: 16 })
               }
             )
@@ -72,8 +78,8 @@ function FeedbackWidgetBase({ onSubmit }) {
               value: message,
               onChange: (e) => setMessage(e.target.value),
               onKeyDown: keydown,
-              placeholder: "share feedback",
-              "aria-label": "feedback",
+              placeholder: "Share feedback",
+              "aria-label": "Feedback",
               className: "h-8 w-56 rounded-md border border-line bg-surface px-3 text-sm text-fg placeholder:text-muted outline-none focus:border-accent transition-colors"
             }
           ),
@@ -83,7 +89,7 @@ function FeedbackWidgetBase({ onSubmit }) {
               type: "button",
               onClick: submit,
               className: "h-8 rounded-md border border-line bg-surface px-3 text-sm text-muted hover:text-fg transition-colors",
-              children: "send"
+              children: "Send"
             }
           ),
           /* @__PURE__ */ jsx(
@@ -92,11 +98,11 @@ function FeedbackWidgetBase({ onSubmit }) {
               type: "button",
               onClick: submit,
               className: "h-8 rounded-md px-2 text-sm text-muted hover:text-fg transition-colors",
-              children: "skip"
+              children: "Skip"
             }
           )
         ] }),
-        stage === "done" && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted", role: "status", "aria-live": "polite", children: "thanks" })
+        stage === "done" && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted", role: "status", "aria-live": "polite", children: "Thanks" })
       ]
     }
   );

package/dist/components/files.d.ts

@@ -16,6 +16,6 @@ interface FolderProps {
     children?: ReactNode;
     defaultOpen?: boolean;
 }
-declare function Folder({ name, children, defaultOpen }: FolderProps): ReactNode;
+declare function Folder({ name, children, defaultOpen, }: FolderProps): ReactNode;
 
 export { File, type FileProps, Files, type FilesProps, Folder, type FolderProps };

package/dist/components/files.js

@@ -2,7 +2,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useState, useCallback } from 'react';
 
-const Files = memo(function Files2({ children, label = "File tree" }) {
+const Files = memo(function Files2({
+  children,
+  label = "File tree"
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -22,65 +25,95 @@ const File = memo(function File2({ name, icon }) {
       tabIndex: 0,
       className: "flex items-center gap-2 px-2 py-1 text-muted rounded focus:outline-none focus:ring-1 focus:ring-fg/20",
       children: [
-        icon || /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", fill: "currentColor", className: "size-4 shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z" }) }),
+        icon || /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            viewBox: "0 0 16 16",
+            fill: "currentColor",
+            className: "size-4 shrink-0",
+            children: /* @__PURE__ */ jsx("path", { d: "M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z" })
+          }
+        ),
         /* @__PURE__ */ jsx("span", { children: name })
       ]
     }
   );
 });
-function Folder({ name, children, defaultOpen = false }) {
+function Folder({
+  name,
+  children,
+  defaultOpen = false
+}) {
   const [open, setOpen] = useState(defaultOpen);
-  const toelement = useCallback((value) => {
-    return value instanceof HTMLElement ? value : null;
-  }, []);
+  const toelement = useCallback(
+    (value) => value instanceof HTMLElement ? value : null,
+    []
+  );
   const toggle = useCallback(() => {
     setOpen((prev) => !prev);
   }, []);
   const handleKeyDown = useCallback(
     (event) => {
       switch (event.key) {
-        case "ArrowRight":
+        case "ArrowRight": {
           if (!open) {
             setOpen(true);
             event.preventDefault();
           }
           break;
-        case "ArrowLeft":
+        }
+        case "ArrowLeft": {
           if (open) {
             setOpen(false);
             event.preventDefault();
           }
           break;
-        case "ArrowDown":
+        }
+        case "ArrowDown": {
           {
-            const next = event.currentTarget.closest("[role=treeitem]")?.nextElementSibling;
-            const focusable = toelement(next?.querySelector("button, [tabindex='0']"));
+            const next = event.currentTarget.closest(
+              "[role=treeitem]"
+            )?.nextElementSibling;
+            const focusable = toelement(
+              next?.querySelector("button, [tabindex='0']")
+            );
             focusable?.focus();
             event.preventDefault();
           }
           break;
-        case "ArrowUp":
+        }
+        case "ArrowUp": {
           {
-            const prev = event.currentTarget.closest("[role=treeitem]")?.previousElementSibling;
-            const focusable = toelement(prev?.querySelector("button, [tabindex='0']"));
+            const prev = event.currentTarget.closest(
+              "[role=treeitem]"
+            )?.previousElementSibling;
+            const focusable = toelement(
+              prev?.querySelector("button, [tabindex='0']")
+            );
             focusable?.focus();
             event.preventDefault();
           }
           break;
+        }
         case "Enter":
-        case " ":
+        case " ": {
           toggle();
           event.preventDefault();
           break;
-        case "Home":
+        }
+        case "Home": {
           {
             const tree = event.currentTarget.closest("[role=tree]");
-            const first = toelement(tree?.querySelector("button, [tabindex='0']"));
+            const first = toelement(
+              tree?.querySelector("button, [tabindex='0']")
+            );
             first?.focus();
             event.preventDefault();
           }
           break;
-        case "End":
+        }
+        case "End": {
           {
             const tree = event.currentTarget.closest("[role=tree]");
             const all = tree?.querySelectorAll("button, [tabindex='0']");
@@ -89,6 +122,7 @@ function Folder({ name, children, defaultOpen = false }) {
             event.preventDefault();
           }
           break;
+        }
       }
     },
     [open, toggle, toelement]

package/dist/components/folder.d.ts

@@ -10,6 +10,6 @@ interface Props {
     depth?: number;
     defaultOpenLevel?: number;
 }
-declare function Folder({ folder, basePath, depth, defaultOpenLevel }: Props): ReactNode;
+declare function Folder({ folder, basePath, depth, defaultOpenLevel, }: Props): ReactNode;
 
 export { Folder };

package/dist/components/folder.js

@@ -5,19 +5,28 @@ import { usePathname } from 'next/navigation';
 import { useState, useEffect, useCallback } from 'react';
 import { NavLink } from './navlink';
 
-function Folder({ folder, basePath, depth = 1, defaultOpenLevel = 0 }) {
+function Folder({
+  folder,
+  basePath,
+  depth = 1,
+  defaultOpenLevel = 0
+}) {
   const pathname = usePathname();
   const isActive = folder.href && pathname === folder.href;
   const hasActiveChild = folder.items.some((item) => {
     if (item.type === "folder") {
-      return item.items.some((child) => child.type === "item" && pathname === child.href);
+      return item.items.some(
+        (child) => child.type === "item" && pathname === child.href
+      );
     }
     return item.type === "item" && pathname === item.href;
   });
   const shouldAutoOpen = folder.defaultOpen ?? depth <= defaultOpenLevel;
   const [open, setOpen] = useState(shouldAutoOpen);
   useEffect(() => {
-    if (hasActiveChild || isActive) setOpen(true);
+    if (hasActiveChild || isActive) {
+      setOpen(true);
+    }
   }, [hasActiveChild, isActive]);
   const toggle = useCallback(() => {
     setOpen((prev) => !prev);
@@ -67,7 +76,15 @@ function Folder({ folder, basePath, depth = 1, defaultOpenLevel = 0 }) {
               viewBox: "0 0 24 24",
               stroke: "currentColor",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M19 9l-7 7-7-7"
+                }
+              )
             }
           )
         }

package/dist/components/footer.js

@@ -2,7 +2,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
-const Footer = memo(function Footer2({ columns, copyright, className }) {
+const Footer = memo(function Footer2({
+  columns,
+  copyright,
+  className
+}) {
   return /* @__PURE__ */ jsxs(
     "footer",
     {

package/dist/components/formlabel.d.ts

@@ -18,7 +18,7 @@ interface FormLabelProps {
  * Shared form label with optional tooltip info icon.
  * Consolidates the label+tooltip pattern used across form components.
  */
-declare function FormLabelInner({ label, tooltip, htmlFor, id }: FormLabelProps): JSX.Element;
+declare function FormLabelInner({ label, tooltip, htmlFor, id, }: FormLabelProps): JSX.Element;
 declare const FormLabel: react.MemoExoticComponent<typeof FormLabelInner>;
 
 export { FormLabel, type FormLabelProps };

package/dist/components/formlabel.js

@@ -3,24 +3,37 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 import { Tooltip } from './tooltip';
 
-function FormLabelInner({ label, tooltip, htmlFor, id }) {
-  return /* @__PURE__ */ jsxs("label", { id, htmlFor, className: "flex items-center gap-1.5 text-sm font-medium text-fg", children: [
-    label,
-    tooltip && /* @__PURE__ */ jsx(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        "aria-hidden": "true",
-        className: "h-3.5 w-3.5 text-muted",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24",
-        children: [
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }),
-          /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeWidth: 2, d: "M12 16v-4m0-4h.01" })
-        ]
-      }
-    ) })
-  ] });
+function FormLabelInner({
+  label,
+  tooltip,
+  htmlFor,
+  id
+}) {
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      id,
+      htmlFor,
+      className: "flex items-center gap-1.5 text-sm font-medium text-fg",
+      children: [
+        label,
+        tooltip && /* @__PURE__ */ jsx(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "h-3.5 w-3.5 text-muted",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }),
+              /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeWidth: 2, d: "M12 16v-4m0-4h.01" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
 }
 const FormLabel = memo(FormLabelInner);