feat: add sugar-high line-numbers example & sidebar-data property

Author: pheralb

apps/website/src/components/docs/sidebar-data.ts

@@ -149,6 +149,11 @@ export const SidebarLinksData: SidebarLinks[] = [
         icon: CandyIcon,
         href: "/docs/sugar-high/highlighter",
       },
+      {
+        title: "Line Numbers",
+        icon: ListOrderedIcon,
+        href: "/docs/sugar-high/line-numbers",
+      },
     ],
   },
 ];

apps/website/src/components/previews/code-block-sugar-high-line-numbers-example.tsx

@@ -0,0 +1,41 @@
+import {
+  CodeBlock,
+  CodeBlockHeader,
+  CodeBlockContent,
+  CodeBlockGroup,
+  CodeBlockIcon,
+} from "@/components/code-block/code-block";
+
+import { CodeBlockSugarHigh } from "@/components/code-block/client/sugar-high";
+import { CopyButton } from "@/components/code-block/copy-button";
+
+const code = `export default function App() {
+  return (
+    <>
+      <h1 id="title">
+        Hello
+        <span> world</span>
+      </h1>
+      <div style={styles.bar} />
+    </>
+  )
+}`;
+
+const CodeBlockSugarHighExample = () => {
+  return (
+    <CodeBlock>
+      <CodeBlockHeader>
+        <CodeBlockGroup>
+          <CodeBlockIcon language="ts" />
+          <span>Code Block + Sugar High</span>
+        </CodeBlockGroup>
+        <CopyButton content={code} />
+      </CodeBlockHeader>
+      <CodeBlockContent>
+        <CodeBlockSugarHigh lineNumbers={true} code={code} />
+      </CodeBlockContent>
+    </CodeBlock>
+  );
+};
+
+export default CodeBlockSugarHighExample;

apps/website/src/components/registry/data.tsx

@@ -84,7 +84,7 @@ const StoresFiles: RegistryComponent[] = [
       name: "package-manager-store",
       type: "registry:file",
       target: "src/stores/packageManager.ts",
-      dependencies: ["zustand" ],
+      dependencies: ["zustand"],
     },
   },
 ];
@@ -195,6 +195,21 @@ const UIComponents: RegistryComponent[] = [
       dependencies: ["sugar-high"],
     },
   },
+  {
+    title: "Code Block - Client Sugar High + Line Numbers",
+    fileType: "tsx",
+    fileSource: `${codeblockComponent}/client/sugar-high.tsx`,
+    exampleFileSource: `${componentsFolder}/previews/code-block-sugar-high-line-numbers-example.tsx`,
+    reactComponent: lazy(
+      () =>
+        import("@/components/previews/code-block-sugar-high-line-numbers-example"),
+    ),
+    shadcnRegistry: {
+      name: "code-block-client-sugar-high-line-numbers",
+      type: "registry:component",
+      dependencies: ["sugar-high"],
+    },
+  },
   {
     title: "Copy Button",
     fileType: "tsx",