@julseb-lib/react 0.1.45 → 0.1.46

package/dist/index.d.cts

@@ -3221,11 +3221,13 @@ declare const SrOnly: FC$1<ILibSrOnly>;
  * @extends HighlightProps
  *
  * @prop {string} [props.children] - The code string to be highlighted and displayed. If starting with "$ ", it will be removed before copying. Default: undefined.
+ * @prop {boolean} [props.showNumbers] Possible values: true, false. Default: false. - If true, shows the line numbers in the code block.
+ * @prop {string} [props.language] Possible values: any valid Prism language string (e.g., "tsx", "js", "shell"). Default: "tsx". - The language for syntax highlighting.
  * @prop {...HighlightProps} [props.<other>] - All other props from `HighlightProps` except "children" and "code".
  *
  * @returns {JSX.Element} The rendered code block with syntax highlighting and a copy button.
  *
- * @see https://doc-julseb-lib-react.vercel.app/components/CodeContainer
+ * @see https://doc-julseb-lib-react.vercel.app/components/code-container
  */
 declare const CodeContainer: FC$1<ILibCodeContainer>;
 

package/dist/index.d.ts

@@ -3221,11 +3221,13 @@ declare const SrOnly: FC$1<ILibSrOnly>;
  * @extends HighlightProps
  *
  * @prop {string} [props.children] - The code string to be highlighted and displayed. If starting with "$ ", it will be removed before copying. Default: undefined.
+ * @prop {boolean} [props.showNumbers] Possible values: true, false. Default: false. - If true, shows the line numbers in the code block.
+ * @prop {string} [props.language] Possible values: any valid Prism language string (e.g., "tsx", "js", "shell"). Default: "tsx". - The language for syntax highlighting.
  * @prop {...HighlightProps} [props.<other>] - All other props from `HighlightProps` except "children" and "code".
  *
  * @returns {JSX.Element} The rendered code block with syntax highlighting and a copy button.
  *
- * @see https://doc-julseb-lib-react.vercel.app/components/CodeContainer
+ * @see https://doc-julseb-lib-react.vercel.app/components/code-container
  */
 declare const CodeContainer: FC$1<ILibCodeContainer>;
 

package/dist/index.js

@@ -11494,11 +11494,13 @@ var CodeContainer = (_a) => {
   var _b = _a, {
     children,
     code,
-    showNumbers
+    showNumbers,
+    language = "tsx"
   } = _b, rest = __objRest(_b, [
     "children",
     "code",
-    "showNumbers"
+    "showNumbers",
+    "language"
   ]);
   const [hasCopied, setHasCopied] = useState29(false);
   const copyToClipboard = () => {
@@ -11513,21 +11515,30 @@ var CodeContainer = (_a) => {
     setTimeout(() => setHasCopied(false), 1e3);
   };
   return /* @__PURE__ */ jsxs55("div", { className: "relative bg-[#282c34] p-6", children: [
-    /* @__PURE__ */ jsx129(Highlight2, __spreadProps(__spreadValues({ theme: themes.oneDark, code: children }, rest), { children: ({ style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ jsx129(
-      "pre",
-      {
-        style,
-        className: "relative max-w-full overflow-x-scroll",
-        children: tokens.map((line, i) => /* @__PURE__ */ jsxs55("div", __spreadProps(__spreadValues({}, getLineProps({ line })), { children: [
-          showNumbers && /* @__PURE__ */ jsx129("span", { className: "mr-6", children: i + 1 }),
-          line.map((token, key) => /* @__PURE__ */ jsx129(
-            "span",
-            __spreadValues({}, getTokenProps({ token })),
-            key
-          ))
-        ] }), i))
-      }
-    ) })),
+    /* @__PURE__ */ jsx129(
+      Highlight2,
+      __spreadProps(__spreadValues({
+        theme: themes.oneDark,
+        language,
+        code: children
+      }, rest), {
+        children: ({ style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ jsx129(
+          "pre",
+          {
+            style,
+            className: "relative max-w-full overflow-x-scroll",
+            children: tokens.map((line, i) => /* @__PURE__ */ jsxs55("div", __spreadProps(__spreadValues({}, getLineProps({ line })), { children: [
+              showNumbers && /* @__PURE__ */ jsx129("span", { className: "mr-6", children: i + 1 }),
+              line.map((token, key) => /* @__PURE__ */ jsx129(
+                "span",
+                __spreadValues({}, getTokenProps({ token })),
+                key
+              ))
+            ] }), i))
+          }
+        )
+      })
+    ),
     /* @__PURE__ */ jsx129(
       ButtonIcon,
       {