fromsrc 0.0.2 → 0.0.22

package/dist/components/sidebar.js

@@ -13,60 +13,106 @@ function Sidebar({
   basePath = "/docs",
   github,
   collapsible,
-  defaultOpenLevel = 0
+  defaultOpenLevel = 0,
+  width = 268
 }) {
   const [collapsed, setCollapsed] = useState(false);
   const [hovered, setHovered] = useState(false);
   const leaveTimer = useRef(null);
+  const floatingTimer = useRef(null);
+  const [floating, setFloating] = useState(false);
+  const widthvalue = `${width}px`;
   useEffect(() => {
-    const stored = localStorage.getItem("sidebar-collapsed");
-    if (stored === "true") setCollapsed(true);
-  }, []);
+    if (floatingTimer.current) {
+      clearTimeout(floatingTimer.current);
+      floatingTimer.current = null;
+    }
+    if (!collapsed || hovered) {
+      setFloating(false);
+      return;
+    }
+    floatingTimer.current = setTimeout(() => setFloating(true), 220);
+    return () => {
+      if (floatingTimer.current) {
+        clearTimeout(floatingTimer.current);
+        floatingTimer.current = null;
+      }
+    };
+  }, [collapsed, hovered]);
   const toggle = useCallback(() => {
-    setCollapsed((prev) => {
-      const next = !prev;
-      localStorage.setItem("sidebar-collapsed", String(next));
-      return next;
-    });
+    setCollapsed((prev) => !prev);
   }, []);
   const showExpanded = !collapsed || hovered;
-  const handleEnter = useCallback(() => {
-    if (leaveTimer.current) {
-      clearTimeout(leaveTimer.current);
-      leaveTimer.current = null;
-    }
-    if (collapsed) setHovered(true);
-  }, [collapsed]);
-  const handleLeave = useCallback(() => {
-    leaveTimer.current = setTimeout(() => setHovered(false), 150);
-  }, []);
-  useEffect(() => {
-    return () => {
+  const handleEnter = useCallback(
+    (event) => {
+      if (event?.pointerType === "touch") {
+        return;
+      }
       if (leaveTimer.current) {
         clearTimeout(leaveTimer.current);
         leaveTimer.current = null;
       }
-    };
-  }, []);
+      if (collapsed) {
+        setHovered(true);
+      }
+    },
+    [collapsed]
+  );
+  const handleLeave = useCallback(
+    (event) => {
+      if (event.pointerType === "touch") {
+        return;
+      }
+      if (event.clientX <= 0) {
+        return;
+      }
+      const distance = Math.min(
+        event.clientX,
+        document.body.clientWidth - event.clientX
+      );
+      const delay = distance > 100 ? 0 : 500;
+      leaveTimer.current = setTimeout(() => setHovered(false), delay);
+    },
+    []
+  );
+  useEffect(
+    () => () => {
+      if (leaveTimer.current) {
+        clearTimeout(leaveTimer.current);
+        leaveTimer.current = null;
+      }
+      if (floatingTimer.current) {
+        clearTimeout(floatingTimer.current);
+        floatingTimer.current = null;
+      }
+    },
+    []
+  );
   const openSearch = useCallback(() => {
-    const event = new KeyboardEvent("keydown", { key: "k", metaKey: true, bubbles: true });
+    const event = new KeyboardEvent("keydown", {
+      bubbles: true,
+      key: "k",
+      metaKey: true
+    });
     window.dispatchEvent(event);
   }, []);
-  const translateClass = collapsed ? hovered ? "translate-x-0 shadow-xl" : "-translate-x-[268px]" : "translate-x-0";
+  const shadow = collapsed && hovered ? "shadow-xl" : "";
+  const translate = collapsed && !hovered ? `translateX(-${width}px)` : "translateX(0px)";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "hidden lg:block shrink-0 w-[268px]" }),
+    /* @__PURE__ */ jsx("div", { className: "hidden lg:block shrink-0", style: { width: widthvalue } }),
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "hidden lg:block fixed left-0 top-0 z-40 h-screen w-[268px] pointer-events-none",
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
+        className: "hidden lg:block fixed left-0 top-0 z-40 h-screen pointer-events-none",
+        style: { width: widthvalue },
         children: [
           collapsed && /* @__PURE__ */ jsx(
             "div",
             {
-              className: "fixed inset-y-0 left-0 w-6 pointer-events-auto z-40",
-              onMouseEnter: handleEnter
+              className: "fixed inset-y-0 left-0 pointer-events-auto z-40",
+              style: { width: hovered ? widthvalue : "3px" },
+              onPointerEnter: handleEnter,
+              onPointerLeave: handleLeave
             }
           ),
           /* @__PURE__ */ jsxs(
@@ -74,7 +120,12 @@ function Sidebar({
             {
               "aria-label": "sidebar navigation",
               "aria-expanded": showExpanded,
-              className: `${translateClass} w-[268px] h-full flex flex-col bg-bg border-r border-line transition-[transform,box-shadow] duration-250 ease-[cubic-bezier(0.25,0.1,0.25,1)] pointer-events-auto`,
+              "data-collapsed": collapsed,
+              "data-hovered": collapsed && hovered,
+              className: `${shadow} h-full flex flex-col bg-bg border-r border-line transition-[transform,box-shadow] duration-250 ease-[cubic-bezier(0.25,0.1,0.25,1)] pointer-events-auto`,
+              style: { transform: translate, width: widthvalue },
+              onPointerEnter: handleEnter,
+              onPointerLeave: handleLeave,
               children: [
                 /* @__PURE__ */ jsx(
                   SidebarHeader,
@@ -102,14 +153,14 @@ function Sidebar({
         ]
       }
     ),
-    collapsed && !hovered && /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex fixed left-0 top-0 z-50 flex-col gap-1 p-3 pointer-events-auto", children: [
+    floating && /* @__PURE__ */ jsx("div", { className: "hidden lg:flex fixed left-0 top-0 z-50 p-3 pointer-events-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col rounded-lg border border-line bg-surface/80 backdrop-blur-sm overflow-hidden", children: [
       /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           onClick: toggle,
-          className: "w-9 h-9 flex items-center justify-center rounded-lg border border-line bg-surface/80 text-muted hover:text-fg hover:bg-surface transition-colors backdrop-blur-sm",
-          "aria-label": "expand sidebar",
+          className: "w-9 h-9 flex items-center justify-center text-muted hover:text-fg hover:bg-surface transition-colors",
+          "aria-label": "Expand sidebar",
           children: /* @__PURE__ */ jsx(IconPanelLeft, { size: 16 })
         }
       ),
@@ -118,16 +169,40 @@ function Sidebar({
         {
           type: "button",
           onClick: openSearch,
-          className: "w-9 h-9 flex items-center justify-center rounded-lg border border-line bg-surface/80 text-muted hover:text-fg hover:bg-surface transition-colors backdrop-blur-sm",
-          "aria-label": "open search",
+          className: "w-9 h-9 flex items-center justify-center text-muted hover:text-fg hover:bg-surface transition-colors",
+          "aria-label": "Open search",
           "aria-keyshortcuts": "Meta+K",
-          children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) })
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "w-4 h-4",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                }
+              )
+            }
+          )
         }
       )
-    ] })
+    ] }) })
   ] });
 }
-function SidebarHeader({ title, logo, collapsible, collapsed, onToggle }) {
+function SidebarHeader({
+  title,
+  logo,
+  collapsible,
+  collapsed,
+  onToggle
+}) {
   return /* @__PURE__ */ jsxs("div", { className: "px-4 h-14 flex items-center", children: [
     collapsible && /* @__PURE__ */ jsx(
       "button",
@@ -153,41 +228,102 @@ function SidebarHeader({ title, logo, collapsible, collapsed, onToggle }) {
     )
   ] });
 }
-function SidebarSearch({ showExpanded, onOpen }) {
+function SidebarSearch({
+  showExpanded,
+  onOpen
+}) {
   return /* @__PURE__ */ jsx("div", { className: "px-4 pb-2 flex items-center", children: /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
       onClick: onOpen,
       className: "h-9 w-full flex items-center rounded-lg border border-line bg-surface/40 text-muted hover:text-fg hover:bg-surface/80 transition-colors px-3 gap-2",
-      "aria-label": "open search",
+      "aria-label": "Open search",
       "aria-keyshortcuts": "Meta+K",
       children: [
-        /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }),
-        /* @__PURE__ */ jsx("span", { className: `text-sm ${showExpanded ? "block" : "hidden"}`, children: "search..." }),
-        /* @__PURE__ */ jsx("kbd", { className: `ml-auto text-[10px] font-mono text-muted/50 ${showExpanded ? "block" : "hidden"}`, children: "\u2318K" })
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-4 h-4 shrink-0",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: `text-sm ${showExpanded ? "block" : "hidden"}`, children: "Search..." }),
+        /* @__PURE__ */ jsx(
+          "kbd",
+          {
+            className: `ml-auto text-[10px] font-mono text-muted/50 ${showExpanded ? "block" : "hidden"}`,
+            children: "\u2318K"
+          }
+        )
       ]
     }
   ) });
 }
-function SidebarNav({ navigation, basePath, defaultOpenLevel }) {
+function SidebarNav({
+  navigation,
+  basePath,
+  defaultOpenLevel
+}) {
   return /* @__PURE__ */ jsx(
     "nav",
     {
       "aria-label": "documentation",
       className: "px-4 pt-2 pb-8 flex-1 min-h-0 overflow-y-auto overflow-x-hidden overscroll-contain [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-      children: navigation.map((section) => /* @__PURE__ */ jsxs("section", { className: "mb-6", "aria-labelledby": `section-${section.title}`, children: [
-        /* @__PURE__ */ jsx("h3", { id: `section-${section.title}`, className: "px-2 mb-2 text-xs font-medium text-muted/70 whitespace-nowrap", children: section.title }),
-        /* @__PURE__ */ jsx("ul", { role: "list", className: "space-y-px", children: section.items.map((item, i) => {
-          if (!("type" in item)) {
-            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: item.slug ? `${basePath}/${item.slug}` : basePath, children: item.title }) }, item.slug || i);
-          }
-          if (item.type === "folder") {
-            return /* @__PURE__ */ jsx(Folder, { folder: item, basePath, depth: 1, defaultOpenLevel }, i);
-          }
-          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: item.href, icon: item.icon, children: item.title }) }, i);
-        }) })
-      ] }, section.title))
+      children: navigation.map((section) => /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: "mb-6",
+          "aria-labelledby": `section-${section.title}`,
+          children: [
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                id: `section-${section.title}`,
+                className: "px-2 mb-2 text-xs font-medium text-muted/70 whitespace-nowrap",
+                children: section.title
+              }
+            ),
+            /* @__PURE__ */ jsx("ul", { role: "list", className: "space-y-px", children: section.items.map((item, i) => {
+              if (!("type" in item)) {
+                return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  NavLink,
+                  {
+                    href: item.slug ? `${basePath}/${item.slug}` : basePath,
+                    children: item.title
+                  }
+                ) }, item.slug || i);
+              }
+              if (item.type === "folder") {
+                return /* @__PURE__ */ jsx(
+                  Folder,
+                  {
+                    folder: item,
+                    basePath,
+                    depth: 1,
+                    defaultOpenLevel
+                  },
+                  i
+                );
+              }
+              return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: item.href, icon: item.icon, children: item.title }) }, i);
+            }) })
+          ]
+        },
+        section.title
+      ))
     }
   );
 }
@@ -200,14 +336,23 @@ function SidebarFooter({ github }) {
       rel: "noopener noreferrer",
       "aria-label": "view on github",
       className: "w-9 h-9 flex items-center justify-center rounded-lg text-muted hover:text-fg hover:bg-surface/50 transition-colors",
-      children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-        "path",
+      children: /* @__PURE__ */ jsx(
+        "svg",
         {
-          fillRule: "evenodd",
-          d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
-          clipRule: "evenodd"
+          className: "w-4 h-4",
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
+              clipRule: "evenodd"
+            }
+          )
         }
-      ) })
+      )
     }
   ) });
 }

package/dist/components/sidebarfilter.d.ts

@@ -5,7 +5,7 @@ import 'zod';
 import '../schema.js';
 
 declare function filternavigation(nav: SidebarSection[], q: string): SidebarSection[];
-declare function SidebarFilter({ value, onChange }: {
+declare function SidebarFilter({ value, onChange, }: {
     value: string;
     onChange: (v: string) => void;
 }): ReactNode;

package/dist/components/sidebarfilter.js

@@ -3,20 +3,32 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useCallback } from 'react';
 
 const matches = (text, q) => text.toLowerCase().includes(q.toLowerCase());
-const foldermatches = (f, q) => matches(f.title, q) || f.items.some((i) => i.type === "folder" ? foldermatches(i, q) : matches(i.title, q));
+const foldermatches = (f, q) => matches(f.title, q) || f.items.some(
+  (i) => i.type === "folder" ? foldermatches(i, q) : matches(i.title, q)
+);
 function filternavigation(nav, q) {
-  if (!q) return nav;
+  if (!q) {
+    return nav;
+  }
   return nav.map((s) => ({
     ...s,
     items: s.items.filter((i) => {
-      if (!("type" in i)) return matches(i.title, q);
+      if (!("type" in i)) {
+        return matches(i.title, q);
+      }
       return i.type === "folder" ? foldermatches(i, q) : matches(i.title, q);
     })
   })).filter((s) => s.items.length > 0);
 }
-function SidebarFilter({ value, onChange }) {
+function SidebarFilter({
+  value,
+  onChange
+}) {
   const ref = useRef(null);
-  const handle = useCallback((e) => onChange(e.target.value), [onChange]);
+  const handle = useCallback(
+    (e) => onChange(e.target.value),
+    [onChange]
+  );
   const clear = useCallback(() => {
     onChange("");
     ref.current?.focus();
@@ -29,8 +41,8 @@ function SidebarFilter({ value, onChange }) {
         type: "text",
         value,
         onChange: handle,
-        "aria-label": "filter navigation",
-        placeholder: "filter...",
+        "aria-label": "Filter navigation",
+        placeholder: "Filter...",
         className: "w-full h-8 px-2.5 pr-7 rounded-md border border-line bg-surface/50 text-sm text-fg placeholder:text-muted outline-none transition-colors focus:border-accent"
       }
     ),
@@ -39,9 +51,21 @@ function SidebarFilter({ value, onChange }) {
       {
         type: "button",
         onClick: clear,
-        "aria-label": "clear filter",
+        "aria-label": "Clear filter",
         className: "absolute right-1.5 top-1/2 -translate-y-1/2 w-5 h-5 flex items-center justify-center text-muted hover:text-fg transition-colors",
-        children: /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+        children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-3 h-3",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+          }
+        )
       }
     )
   ] });

package/dist/components/sidebarscript.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+
+declare function SidebarScript(): ReactNode;
+
+export { SidebarScript };

package/dist/components/sidebarscript.js

@@ -0,0 +1,5 @@
+function SidebarScript() {
+  return null;
+}
+
+export { SidebarScript };

package/dist/components/skeleton.js

@@ -14,8 +14,8 @@ const Skeleton = memo(function Skeleton2({
     {
       className: `animate-pulse bg-surface ${radiusClass} ${className}`,
       style: {
-        width: typeof width === "number" ? `${width}px` : width,
         height: typeof height === "number" ? `${height}px` : height,
+        width: typeof width === "number" ? `${width}px` : width,
         willChange: "opacity"
       },
       role: "status",
@@ -33,8 +33,20 @@ const SkeletonText = memo(function SkeletonText2({
     "div",
     {
       className: "space-y-2",
-      ...standalone && { role: "status", "aria-busy": true, "aria-label": label },
-      children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { width: i === lines - 1 ? "75%" : "100%", height: "0.875rem", label: "" }, i))
+      ...standalone && {
+        "aria-busy": true,
+        "aria-label": label,
+        role: "status"
+      },
+      children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          width: i === lines - 1 ? "75%" : "100%",
+          height: "0.875rem",
+          label: ""
+        },
+        i
+      ))
     }
   );
 });

package/dist/components/spinner.js

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
 const sizes = {
-  sm: "size-4",
+  lg: "size-8",
   md: "size-6",
-  lg: "size-8"
+  sm: "size-4"
 };
 const Spinner = memo(function Spinner2({
   size = "md",
@@ -21,7 +21,17 @@ const Spinner = memo(function Spinner2({
       "aria-label": ariaHidden ? void 0 : "Loading",
       "aria-hidden": ariaHidden,
       children: [
-        /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "4"
+          }
+        ),
         /* @__PURE__ */ jsx(
           "path",
           {

package/dist/components/status.js

@@ -3,18 +3,18 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
 const statusStyles = {
-  success: "bg-emerald-500/10 text-emerald-400 border-emerald-500/20",
-  warning: "bg-amber-500/10 text-amber-400 border-amber-500/20",
   error: "bg-red-500/10 text-red-400 border-red-500/20",
   info: "bg-blue-500/10 text-blue-400 border-blue-500/20",
-  neutral: "bg-zinc-500/10 text-zinc-400 border-zinc-500/20"
+  neutral: "bg-zinc-500/10 text-zinc-400 border-zinc-500/20",
+  success: "bg-emerald-500/10 text-emerald-400 border-emerald-500/20",
+  warning: "bg-amber-500/10 text-amber-400 border-amber-500/20"
 };
 const dotStyles = {
-  success: "bg-emerald-400",
-  warning: "bg-amber-400",
   error: "bg-red-400",
   info: "bg-blue-400",
-  neutral: "bg-zinc-400"
+  neutral: "bg-zinc-400",
+  success: "bg-emerald-400",
+  warning: "bg-amber-400"
 };
 const Status = memo(function Status2({
   type = "neutral",
@@ -28,7 +28,13 @@ const Status = memo(function Status2({
       "aria-live": "polite",
       className: `inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-full border ${statusStyles[type]}`,
       children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: `w-1.5 h-1.5 rounded-full ${dotStyles[type]}` }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `w-1.5 h-1.5 rounded-full ${dotStyles[type]}`
+          }
+        ),
         children
       ]
     }
@@ -47,7 +53,13 @@ const StatusDot = memo(function StatusDot2({
       "aria-live": "polite",
       className: "relative inline-flex",
       children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: `w-2 h-2 rounded-full ${dotStyles[type]}` }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `w-2 h-2 rounded-full ${dotStyles[type]}`
+          }
+        ),
         pulse && /* @__PURE__ */ jsx(
           "span",
           {

package/dist/components/steps.js

@@ -2,7 +2,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 
-const Steps = memo(function Steps2({ children }) {
+const Steps = memo(function Steps2({
+  children
+}) {
   return /* @__PURE__ */ jsx("div", { className: "steps my-6 ml-4 border-l border-line pl-6 [counter-reset:step]", children });
 });
 const Step = memo(function Step2({ children }) {

package/dist/components/switch.js

@@ -4,14 +4,14 @@ import { memo, useId } from 'react';
 import { FormLabel } from './formlabel';
 
 const trackSizes = {
-  sm: "h-4 w-7",
+  lg: "h-6 w-11",
   md: "h-5 w-9",
-  lg: "h-6 w-11"
+  sm: "h-4 w-7"
 };
 const thumbSizes = {
-  sm: { size: "size-3", translate: "translate-x-3" },
+  lg: { size: "size-5", translate: "translate-x-5" },
   md: { size: "size-4", translate: "translate-x-4" },
-  lg: { size: "size-5", translate: "translate-x-5" }
+  sm: { size: "size-3", translate: "translate-x-3" }
 };
 function SwitchComponent({
   checked = false,