fictoan-react 1.2.8 → 1.3.0

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,124 +1,207 @@
-import e, { useState as t, Suspense as r } from "react";
-import { Element as n } from "../Element/Element.js";
-import { Button as o } from "../Button/Button.js";
-import { Badge as a } from "../Badge/Badge.js";
-var l = ["children", "source", "language", "showCopyButton", "showLineNumbers"];
-function i() {
-  return i = Object.assign ? Object.assign.bind() : function(e2) {
-    for (var t2 = 1; t2 < arguments.length; t2++) {
-      var r2 = arguments[t2];
+"use client";
+import e, { useState as t } from "react";
+import { Element as r } from "../Element/Element.js";
+import { Button as n } from "../Button/Button.js";
+import { Badge as o } from "../Badge/Badge.js";
+import { f as i } from "../../themes-ZNdFZ86D.js";
+import { Prism as a } from "./prism.js";
+var l = ["children", "source", "language", "showCopyButton", "showLineNumbers", "theme"];
+function c() {
+  return c = Object.assign ? Object.assign.bind() : function(e2) {
+    for (var t3 = 1; t3 < arguments.length; t3++) {
+      var r2 = arguments[t3];
       for (var n2 in r2)
         Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
     }
     return e2;
-  }, i.apply(this, arguments);
+  }, c.apply(this, arguments);
 }
-function c(e2) {
-  return (c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e3) {
+function u(e2) {
+  return (u = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e3) {
     return typeof e3;
   } : function(e3) {
     return e3 && "function" == typeof Symbol && e3.constructor === Symbol && e3 !== Symbol.prototype ? "symbol" : typeof e3;
   })(e2);
 }
-function u(e2, t2) {
+function f(e2, t3) {
   return function(e3) {
     if (Array.isArray(e3))
       return e3;
-  }(e2) || function(e3, t3) {
+  }(e2) || function(e3, t4) {
     var r2 = null == e3 ? null : "undefined" != typeof Symbol && e3[Symbol.iterator] || e3["@@iterator"];
     if (null != r2) {
-      var n2, o2, a2, l2, i2 = [], c2 = true, u2 = false;
+      var n2, o2, i2, a2, l2 = [], c2 = true, u2 = false;
       try {
-        if (a2 = (r2 = r2.call(e3)).next, 0 === t3) {
+        if (i2 = (r2 = r2.call(e3)).next, 0 === t4) {
           if (Object(r2) !== r2)
             return;
           c2 = false;
         } else
-          for (; !(c2 = (n2 = a2.call(r2)).done) && (i2.push(n2.value), i2.length !== t3); c2 = true)
+          for (; !(c2 = (n2 = i2.call(r2)).done) && (l2.push(n2.value), l2.length !== t4); c2 = true)
             ;
       } catch (e4) {
         u2 = true, o2 = e4;
       } finally {
         try {
-          if (!c2 && null != r2.return && (l2 = r2.return(), Object(l2) !== l2))
+          if (!c2 && null != r2.return && (a2 = r2.return(), Object(a2) !== a2))
             return;
         } finally {
           if (u2)
             throw o2;
         }
       }
-      return i2;
+      return l2;
     }
-  }(e2, t2) || function(e3, t3) {
-    if (!e3)
-      return;
-    if ("string" == typeof e3)
-      return s(e3, t3);
-    var r2 = Object.prototype.toString.call(e3).slice(8, -1);
-    "Object" === r2 && e3.constructor && (r2 = e3.constructor.name);
-    if ("Map" === r2 || "Set" === r2)
-      return Array.from(e3);
-    if ("Arguments" === r2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2))
-      return s(e3, t3);
-  }(e2, t2) || function() {
+  }(e2, t3) || y(e2, t3) || function() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }();
 }
-function s(e2, t2) {
-  (null == t2 || t2 > e2.length) && (t2 = e2.length);
-  for (var r2 = 0, n2 = new Array(t2); r2 < t2; r2++)
-    n2[r2] = e2[r2];
-  return n2;
-}
-function m(e2, t2) {
+function s(e2, t3) {
   if (null == e2)
     return {};
-  var r2, n2, o2 = function(e3, t3) {
+  var r2, n2, o2 = function(e3, t4) {
     if (null == e3)
       return {};
-    var r3, n3, o3 = {}, a3 = Object.keys(e3);
-    for (n3 = 0; n3 < a3.length; n3++)
-      r3 = a3[n3], t3.indexOf(r3) >= 0 || (o3[r3] = e3[r3]);
+    var r3, n3, o3 = {}, i3 = Object.keys(e3);
+    for (n3 = 0; n3 < i3.length; n3++)
+      r3 = i3[n3], t4.indexOf(r3) >= 0 || (o3[r3] = e3[r3]);
     return o3;
-  }(e2, t2);
+  }(e2, t3);
   if (Object.getOwnPropertySymbols) {
-    var a2 = Object.getOwnPropertySymbols(e2);
-    for (n2 = 0; n2 < a2.length; n2++)
-      r2 = a2[n2], t2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (o2[r2] = e2[r2]);
+    var i2 = Object.getOwnPropertySymbols(e2);
+    for (n2 = 0; n2 < i2.length; n2++)
+      r2 = i2[n2], t3.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (o2[r2] = e2[r2]);
   }
   return o2;
 }
-var f = /* @__PURE__ */ e.lazy(function() {
-  return import("prism-react-renderer").then(function(t2) {
-    if (t2.Highlight)
-      return { default: t2.Highlight };
-    console.log("FICTOAN : \x1B[35mLooking\x1B[33m for\x1B[32m syntax\x1B[34m highlighting\x1B[36m?\x1B[31m\n╭──────────────────────────────────────────────────────────────────────────────────────────────────╮\n│   Please install the prism-react-renderer (https://www.npmjs.com/package/prism-react-renderer)   │\n│   package to have syntax highlighting in the CodeBlock component.                                │\n│   For example: \x1B[46m\x1B[30myarn add prism-react-renderer\x1B[0m\x1B[31m                                                     │\n╰──────────────────────────────────────────────────────────────────────────────────────────────────╯");
-    return { default: function(t3) {
-      var r2 = t3.code;
-      return e.createElement("pre", { "data-code-block": true, className: "module-fallback" }, r2);
+function y(e2, t3) {
+  if (e2) {
+    if ("string" == typeof e2)
+      return m(e2, t3);
+    var r2 = Object.prototype.toString.call(e2).slice(8, -1);
+    return "Object" === r2 && e2.constructor && (r2 = e2.constructor.name), "Map" === r2 || "Set" === r2 ? Array.from(e2) : "Arguments" === r2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2) ? m(e2, t3) : void 0;
+  }
+}
+function m(e2, t3) {
+  (null == t3 || t3 > e2.length) && (t3 = e2.length);
+  for (var r2 = 0, n2 = new Array(t3); r2 < t3; r2++)
+    n2[r2] = e2[r2];
+  return n2;
+}
+function p(e2, t3) {
+  var r2 = Object.keys(e2);
+  if (Object.getOwnPropertySymbols) {
+    var n2 = Object.getOwnPropertySymbols(e2);
+    t3 && (n2 = n2.filter(function(t4) {
+      return Object.getOwnPropertyDescriptor(e2, t4).enumerable;
+    })), r2.push.apply(r2, n2);
+  }
+  return r2;
+}
+function b(e2) {
+  for (var t3 = 1; t3 < arguments.length; t3++) {
+    var r2 = null != arguments[t3] ? arguments[t3] : {};
+    t3 % 2 ? p(Object(r2), true).forEach(function(t4) {
+      d(e2, t4, r2[t4]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(r2)) : p(Object(r2)).forEach(function(t4) {
+      Object.defineProperty(e2, t4, Object.getOwnPropertyDescriptor(r2, t4));
+    });
+  }
+  return e2;
+}
+function d(e2, t3, r2) {
+  var n2;
+  return n2 = function(e3, t4) {
+    if ("object" != u(e3) || !e3)
+      return e3;
+    var r3 = e3[Symbol.toPrimitive];
+    if (void 0 !== r3) {
+      var n3 = r3.call(e3, t4 || "default");
+      if ("object" != u(n3))
+        return n3;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === t4 ? String : Number)(e3);
+  }(t3, "string"), (t3 = "symbol" == u(n2) ? n2 : String(n2)) in e2 ? Object.defineProperty(e2, t3, { value: r2, enumerable: true, configurable: true, writable: true }) : e2[t3] = r2, e2;
+}
+var h = function(e2, t3) {
+  var r2, n2 = b({}, t3[e2.type]), o2 = function(e3, t4) {
+    var r3 = "undefined" != typeof Symbol && e3[Symbol.iterator] || e3["@@iterator"];
+    if (!r3) {
+      if (Array.isArray(e3) || (r3 = y(e3)) || t4 && e3 && "number" == typeof e3.length) {
+        r3 && (e3 = r3);
+        var n3 = 0, o3 = function() {
+        };
+        return { s: o3, n: function() {
+          return n3 >= e3.length ? { done: true } : { done: false, value: e3[n3++] };
+        }, e: function(e4) {
+          throw e4;
+        }, f: o3 };
+      }
+      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    var i3, a2 = true, l2 = false;
+    return { s: function() {
+      r3 = r3.call(e3);
+    }, n: function() {
+      var e4 = r3.next();
+      return a2 = e4.done, e4;
+    }, e: function(e4) {
+      l2 = true, i3 = e4;
+    }, f: function() {
+      try {
+        a2 || null == r3.return || r3.return();
+      } finally {
+        if (l2)
+          throw i3;
+      }
     } };
-  });
-}), p = /* @__PURE__ */ e.forwardRef(function(s2, p2) {
-  var y = s2.children, d = s2.source, b = s2.language, h = void 0 === b ? "json" : b, g = s2.showCopyButton, v = s2.showLineNumbers, j = m(s2, l), k = u(t(false), 2), O = k[0], w = k[1], E = "string" == typeof y ? y : e.Children.toArray(y).join("");
-  y || (E = "object" === c(d) ? JSON.stringify(d, null, 2) : null != d ? d : "");
+  }(Array.isArray(e2.alias) ? e2.alias : [e2.alias]);
+  try {
+    for (o2.s(); !(r2 = o2.n()).done; ) {
+      var i2 = r2.value;
+      n2 = b(b({}, n2), t3[i2]);
+    }
+  } catch (e3) {
+    o2.e(e3);
+  } finally {
+    o2.f();
+  }
+  return n2;
+}, v = function t2(r2) {
+  var n2 = r2.token, o2 = r2.theme, i2 = r2.inheritedStyles;
+  if (n2 instanceof a.Token) {
+    var l2 = b(b({}, i2), h(n2, o2));
+    return n2.content instanceof a.Token ? /* @__PURE__ */ e.createElement("span", { style: l2 }, /* @__PURE__ */ e.createElement(t2, { theme: o2, token: n2.content })) : "string" == typeof n2.content ? /* @__PURE__ */ e.createElement("span", { style: l2 }, n2.content) : /* @__PURE__ */ e.createElement(e.Fragment, null, n2.content.map(function(r3, n3) {
+      return e.createElement(t2, { inheritedStyles: l2, key: n3, theme: o2, token: r3 });
+    }));
+  }
+  return e.createElement("span", { style: i2 }, n2);
+}, g = /* @__PURE__ */ e.forwardRef(function(y2, m2) {
+  var p2 = y2.children, d2 = y2.source, h2 = y2.language, g2 = void 0 === h2 ? "json" : h2, j = y2.showCopyButton, O = y2.showLineNumbers, w = y2.theme, S = void 0 === w ? i : w, E = s(y2, l), k = f(t(false), 2), P = k[0], A = k[1], C = "string" == typeof p2 ? p2 : e.Children.toArray(p2).join("");
+  p2 || (C = "object" === u(d2) ? JSON.stringify(d2, null, 2) : null != d2 ? d2 : "");
   var N = [];
-  return v && N.push("show-line-numbers"), /* @__PURE__ */ e.createElement(n, i({ "data-code-block": true, as: "div", classNames: N }, j), g ? O ? /* @__PURE__ */ e.createElement(a, { className: "code-block-copied-badge", size: "tiny", shape: "rounded", "aria-live": "polite" }, "Copied!") : /* @__PURE__ */ e.createElement(o, { type: "button", className: "code-block-copy-button", size: "tiny", shape: "rounded", onClick: function() {
-    navigator.clipboard.writeText(E).then(function() {
-      w(true), setTimeout(function() {
-        return w(false);
+  O && N.push("show-line-numbers");
+  var T = a.languages[g2];
+  if (void 0 === T)
+    throw new Error("CodeBlock: There is no language defined on Prism called ".concat(g2));
+  var x = C.split(/\r\n|\r|\n/gm).map(function(e2) {
+    return a.tokenize(e2, T);
+  });
+  return e.createElement(r, c({ "data-code-block": true, as: "div", classNames: N }, E), j ? P ? /* @__PURE__ */ e.createElement(o, { className: "code-block-copied-badge", size: "tiny", shape: "rounded", "aria-live": "polite" }, "Copied!") : /* @__PURE__ */ e.createElement(n, { type: "button", className: "code-block-copy-button", size: "tiny", shape: "rounded", onClick: function() {
+    navigator.clipboard.writeText(C).then(function() {
+      A(true), setTimeout(function() {
+        return A(false);
       }, 3e3);
     }).catch(function(e2) {
       console.error("Could not copy text: ", e2);
     });
-  }, role: "button", "aria-label": "Copy code to clipboard" }, "Copy") : null, /* @__PURE__ */ e.createElement(r, { fallback: /* @__PURE__ */ e.createElement("pre", { "data-code-block": true, className: "suspense-fallback" }, E) }, /* @__PURE__ */ e.createElement(f, { code: E, language: h, theme: void 0 }, function(t2) {
-    var r2 = t2.className, n2 = t2.tokens, o2 = t2.getLineProps, a2 = t2.getTokenProps;
-    return e.createElement("pre", { ref: p2, className: r2 }, n2.map(function(t3, r3) {
-      return e.createElement("div", o2({ line: t3, key: r3 }), v && /* @__PURE__ */ e.createElement("span", { className: "line-numbers" }, r3 + 1), /* @__PURE__ */ e.createElement("span", { className: "l-o-c" }, t3.map(function(t4, r4) {
-        return e.createElement("span", a2({ token: t4, key: r4 }));
-      })));
+  }, role: "button", "aria-label": "Copy code to clipboard" }, "Copy") : null, /* @__PURE__ */ e.createElement("pre", { ref: m2, style: b(b({}, S.base), {}, { width: "100%" }) }, x.map(function(t3, r2) {
+    return e.createElement("div", { key: r2, className: "token-line" }, O && /* @__PURE__ */ e.createElement("span", { className: "line-numbers" }, r2 + 1), t3.map(function(t4, r3) {
+      return e.createElement(v, { key: r3, theme: S, token: t4 });
     }));
   })));
 });
 export {
-  p as CodeBlock
+  g as CodeBlock
 };

package/dist/components/CodeBlock/index.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CodeBlock.cjs");require("react"),require("../Element/Element.cjs"),require("../Button/Button.cjs"),require("../Badge/Badge.cjs"),exports.CodeBlock=e.CodeBlock;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CodeBlock.cjs"),r=require("../../themes-I70bpyU8.cjs");require("react"),require("../Element/Element.cjs"),require("../Button/Button.cjs"),require("../Badge/Badge.cjs"),require("./prism.cjs"),exports.CodeBlock=e.CodeBlock,exports.codeBlockThemes=r.themes;

package/dist/components/CodeBlock/index.d.ts

@@ -1 +1,2 @@
 export { CodeBlock, type CodeBlockProps } from "./CodeBlock";
+export * as codeBlockThemes from "./themes";

package/dist/components/CodeBlock/index.js

@@ -1,8 +1,12 @@
+"use client";
 import { CodeBlock } from "./CodeBlock.js";
+import { t } from "../../themes-ZNdFZ86D.js";
 import "react";
 import "../Element/Element.js";
 import "../Button/Button.js";
 import "../Badge/Badge.js";
+import "./prism.js";
 export {
-  CodeBlock
+  CodeBlock,
+  t as codeBlockThemes
 };