fictoan-react 1.2.8 → 1.3.0

package/README.md

@@ -1,5 +1,5 @@
 <p align="center" style="color: #343a40">
-    <a href="https://fictoan.io"><img src="fictoan-icon.svg" alt="Fictoan Framework" height="150" width="150"></a>
+    <a href="https://fictoan.io"><img src="https://raw.githubusercontent.com/fictoan/fictoan-react/main/fictoan-icon.svg" alt="Fictoan Framework" height="150" width="150"></a>
 </p>
 
 <h1 align="center">Fictoan-React</h1>
@@ -57,17 +57,6 @@
     }
     ```
 
----
-## Contributing
-Make changes to the source code and test them out in the Storybook environment. When ready, create a PR with the changes.  
-We’ll merge, and publish a new version to npm.
----
-
-## Publishing
-```sh
-yarn build && yarn publish
-```
-
 ---
 
 ## Storybook

package/dist/UseClickOutside-AZnVEg3i.js

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback as t, useEffect as e } from "react";
 var n = function(n2, r) {
   var o = t(r, []);

package/dist/UseClickOutside-ILhCRGTV.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";const e=require("react");exports.useClickOutside=function(t,n){var r=e.useCallback(n,[]);e.useEffect((function(){var e=function(e){t.current&&!t.current.contains(e.target)&&r(e)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[t,r])};

package/dist/components/Accordion/Accordion.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs"),t=require("../Typography/Text.cjs");var n=["summary","children","open"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}function a(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var i=e.forwardRef((function(i,l){var u,c,f=i.summary,s=i.children,y=i.open,p=void 0!==y&&y,b=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(i,n),d=(u=e.useState(p),c=2,function(e){if(Array.isArray(e))return e}(u)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a,i,l=[],u=!0,c=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=a.call(t)).done)&&(l.push(n.value),l.length!==r);u=!0);}catch(f){c=!0,o=f}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(u,c)||function(e,r){if(e){if("string"==typeof e)return a(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,r):void 0}}(u,c)||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.")}()),m=d[0],g=d[1],v=function(){return g(!m)};return e.useEffect((function(){l&&"current"in l&&l.current&&l.current.setAttribute("aria-expanded",m.toString())}),[m,l]),e.createElement(r.Element,o({as:"details","data-expandable-content":!0,ref:l},b,{open:m,role:"region","aria-labelledby":"accordion-summary"}),e.createElement("summary",{role:"button",tabIndex:0,"aria-controls":"accordion-content","aria-expanded":m,onClick:v,onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v())}},"string"==typeof f?e.createElement(t.Text,{margin:"none"},f):f),s)}));exports.Accordion=i;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs"),t=require("../Typography/Text.cjs");var n=["summary","children","open"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}var a=e.forwardRef((function(a,c){var i=a.summary,l=a.children,u=a.open,s=void 0!==u&&u,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(a,n);return e.createElement(r.Element,o({as:"details","data-expandable-content":!0,ref:c},p,{open:s,role:"region","aria-labelledby":"accordion-summary"}),e.createElement("summary",{role:"button",tabIndex:0,"aria-controls":"accordion-content","aria-expanded":s},"string"==typeof i?e.createElement(t.Text,{margin:"none"},i):i),l)}));exports.Accordion=a;

package/dist/components/Accordion/Accordion.js

@@ -1,96 +1,40 @@
-import r, { useState as t, useEffect as e } from "react";
-import { Element as n } from "../Element/Element.js";
-import { Text as o } from "../Typography/Text.js";
-var a = ["summary", "children", "open"];
-function i() {
-  return i = Object.assign ? Object.assign.bind() : function(r2) {
-    for (var t2 = 1; t2 < arguments.length; t2++) {
-      var e2 = arguments[t2];
-      for (var n2 in e2)
-        Object.prototype.hasOwnProperty.call(e2, n2) && (r2[n2] = e2[n2]);
+"use client";
+import e from "react";
+import { Element as r } from "../Element/Element.js";
+import { Text as t } from "../Typography/Text.js";
+var n = ["summary", "children", "open"];
+function o() {
+  return o = Object.assign ? Object.assign.bind() : function(e2) {
+    for (var r2 = 1; r2 < arguments.length; r2++) {
+      var t2 = arguments[r2];
+      for (var n2 in t2)
+        Object.prototype.hasOwnProperty.call(t2, n2) && (e2[n2] = t2[n2]);
     }
-    return r2;
-  }, i.apply(this, arguments);
+    return e2;
+  }, o.apply(this, arguments);
 }
-function l(r2, t2) {
-  return function(r3) {
-    if (Array.isArray(r3))
-      return r3;
-  }(r2) || function(r3, t3) {
-    var e2 = null == r3 ? null : "undefined" != typeof Symbol && r3[Symbol.iterator] || r3["@@iterator"];
-    if (null != e2) {
-      var n2, o2, a2, i2, l2 = [], u2 = true, c2 = false;
-      try {
-        if (a2 = (e2 = e2.call(r3)).next, 0 === t3) {
-          if (Object(e2) !== e2)
-            return;
-          u2 = false;
-        } else
-          for (; !(u2 = (n2 = a2.call(e2)).done) && (l2.push(n2.value), l2.length !== t3); u2 = true)
-            ;
-      } catch (r4) {
-        c2 = true, o2 = r4;
-      } finally {
-        try {
-          if (!u2 && null != e2.return && (i2 = e2.return(), Object(i2) !== i2))
-            return;
-        } finally {
-          if (c2)
-            throw o2;
-        }
-      }
-      return l2;
-    }
-  }(r2, t2) || function(r3, t3) {
-    if (!r3)
-      return;
-    if ("string" == typeof r3)
-      return u(r3, t3);
-    var e2 = Object.prototype.toString.call(r3).slice(8, -1);
-    "Object" === e2 && r3.constructor && (e2 = r3.constructor.name);
-    if ("Map" === e2 || "Set" === e2)
-      return Array.from(r3);
-    if ("Arguments" === e2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e2))
-      return u(r3, t3);
-  }(r2, t2) || 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 u(r2, t2) {
-  (null == t2 || t2 > r2.length) && (t2 = r2.length);
-  for (var e2 = 0, n2 = new Array(t2); e2 < t2; e2++)
-    n2[e2] = r2[e2];
-  return n2;
-}
-function c(r2, t2) {
-  if (null == r2)
+function a(e2, r2) {
+  if (null == e2)
     return {};
-  var e2, n2, o2 = function(r3, t3) {
-    if (null == r3)
+  var t2, n2, o2 = function(e3, r3) {
+    if (null == e3)
       return {};
-    var e3, n3, o3 = {}, a3 = Object.keys(r3);
+    var t3, n3, o3 = {}, a3 = Object.keys(e3);
     for (n3 = 0; n3 < a3.length; n3++)
-      e3 = a3[n3], t3.indexOf(e3) >= 0 || (o3[e3] = r3[e3]);
+      t3 = a3[n3], r3.indexOf(t3) >= 0 || (o3[t3] = e3[t3]);
     return o3;
-  }(r2, t2);
+  }(e2, r2);
   if (Object.getOwnPropertySymbols) {
-    var a2 = Object.getOwnPropertySymbols(r2);
+    var a2 = Object.getOwnPropertySymbols(e2);
     for (n2 = 0; n2 < a2.length; n2++)
-      e2 = a2[n2], t2.indexOf(e2) >= 0 || Object.prototype.propertyIsEnumerable.call(r2, e2) && (o2[e2] = r2[e2]);
+      t2 = a2[n2], r2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, t2) && (o2[t2] = e2[t2]);
   }
   return o2;
 }
-var f = /* @__PURE__ */ r.forwardRef(function(u2, f2) {
-  var y = u2.summary, p = u2.children, s = u2.open, m = void 0 !== s && s, b = c(u2, a), d = l(t(m), 2), g = d[0], v = d[1], h = function() {
-    return v(!g);
-  };
-  e(function() {
-    f2 && "current" in f2 && f2.current && f2.current.setAttribute("aria-expanded", g.toString());
-  }, [g, f2]);
-  return r.createElement(n, i({ as: "details", "data-expandable-content": true, ref: f2 }, b, { open: g, role: "region", "aria-labelledby": "accordion-summary" }), /* @__PURE__ */ r.createElement("summary", { role: "button", tabIndex: 0, "aria-controls": "accordion-content", "aria-expanded": g, onClick: h, onKeyDown: function(r2) {
-    "Enter" !== r2.key && " " !== r2.key || (r2.preventDefault(), h());
-  } }, "string" == typeof y ? /* @__PURE__ */ r.createElement(o, { margin: "none" }, y) : y), p);
+var i = /* @__PURE__ */ e.forwardRef(function(i2, l) {
+  var c = i2.summary, m = i2.children, p = i2.open, f = void 0 !== p && p, s = a(i2, n);
+  return e.createElement(r, o({ as: "details", "data-expandable-content": true, ref: l }, s, { open: f, role: "region", "aria-labelledby": "accordion-summary" }), /* @__PURE__ */ e.createElement("summary", { role: "button", tabIndex: 0, "aria-controls": "accordion-content", "aria-expanded": f }, "string" == typeof c ? /* @__PURE__ */ e.createElement(t, { margin: "none" }, c) : c), m);
 });
 export {
-  f as Accordion
+  i as Accordion
 };

package/dist/components/Accordion/index.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion.cjs");require("react"),require("../Element/Element.cjs"),require("../Typography/Text.cjs"),exports.Accordion=e.Accordion;

package/dist/components/Accordion/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Accordion } from "./Accordion.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Badge/Badge.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["size","shape","kind"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=e.forwardRef((function(a,o){var s=a.size,i=void 0===s?"medium":s,c=a.shape,u=a.kind,l=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t),p=[];return u&&p.push(u),i&&p.push("size-".concat(i)),c&&p.push("shape-".concat(c)),e.createElement(r.Element,n({as:"mark","data-badge":!0,ref:o,classNames:p},l))}));exports.Badge=a;

package/dist/components/Badge/Badge.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "react";
 import { Element as r } from "../Element/Element.js";
 var t = ["size", "shape", "kind"];

package/dist/components/Badge/index.cjs

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

package/dist/components/Badge/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Badge } from "./Badge.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),e=require("../../Element/Element.cjs");var t=["children","current"];function n(){return n=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},n.apply(this,arguments)}var a=r.forwardRef((function(a,o){var i=a.children,c=a.current,l=function(r,e){if(null==r)return{};var t,n,a=function(r,e){if(null==r)return{};var t,n,a={},o=Object.keys(r);for(n=0;n<o.length;n++)t=o[n],e.indexOf(t)>=0||(a[t]=r[t]);return a}(r,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);for(n=0;n<o.length;n++)t=o[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(a[t]=r[t])}return a}(a,t);return r.createElement(e.Element,n({as:"li","data-breadcrumb-item":!0,ref:o},l,{"aria-current":c?"page":void 0,className:c?"current":void 0,role:"navigation","aria-label":"List of breadcrumbs"}),i)}));exports.BreadcrumbItem=a;

package/dist/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../../Element/Element.js";
 var t = ["children", "current"];

package/dist/components/Breadcrumbs/Breadcrumbs/Breadcrumbs.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Element/Element.cjs");var t=["children"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=e.forwardRef((function(a,l){var o=a.children,c=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t);return e.createElement("nav",n({"aria-label":"Breadcrumb",ref:l},c),e.createElement(r.Element,{as:"ul","data-breadcrumbs-wrapper":!0},o))}));exports.Breadcrumbs=a;

package/dist/components/Breadcrumbs/Breadcrumbs/Breadcrumbs.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../../Element/Element.js";
 var t = ["children"];

package/dist/components/Breadcrumbs/index.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Breadcrumbs/Breadcrumbs.cjs"),r=require("./BreadcrumbItem/BreadcrumbItem.cjs");require("react"),require("../Element/Element.cjs"),exports.Breadcrumbs=e.Breadcrumbs,exports.BreadcrumbItem=r.BreadcrumbItem;

package/dist/components/Breadcrumbs/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs.js";
 import { BreadcrumbItem } from "./BreadcrumbItem/BreadcrumbItem.js";
 import "react";

package/dist/components/Button/Button.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs");var r=["size","shape","kind","isLoading","hasDelete"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e.forwardRef((function(a,s){var o=a.size,i=void 0===o?"medium":o,u=a.shape,l=a.kind,c=a.isLoading,p=a.hasDelete,f=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(a,r),h=[];return l&&h.push(l),i&&h.push("size-".concat(i)),u&&h.push("shape-".concat(u)),c&&h.push("is-loading"),p&&h.push("has-delete"),e.createElement(t.Element,n({as:"button","data-button":!0,ref:s,classNames:h},f))}));exports.Button=a;

package/dist/components/Button/Button.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "react";
 import { Element as t } from "../Element/Element.js";
 var r = ["size", "shape", "kind", "isLoading", "hasDelete"];

package/dist/components/Button/index.cjs

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

package/dist/components/Button/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Button } from "./Button.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Callout/Callout.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["kind","children"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var l=e.forwardRef((function(l,o){var a=l.kind,i=l.children,c=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(l,t);return e.createElement(r.Element,n({as:"div","data-callout":!0,ref:o,className:a},c),i)}));exports.Callout=l;

package/dist/components/Callout/Callout.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../Element/Element.js";
 var t = ["kind", "children"];

package/dist/components/Callout/index.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Callout.cjs");require("react"),require("../Element/Element.cjs"),exports.Callout=e.Callout;

package/dist/components/Callout/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Callout } from "./Callout.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/Card/Card.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs");var t=["shape"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=e.forwardRef((function(a,o){var c=a.shape,s=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,t),l=[];return c&&l.push("shape-".concat(c)),e.createElement(r.Element,n({as:"div","data-card":!0,ref:o,classNames:l},s))}));exports.Card=a;

package/dist/components/Card/Card.js

@@ -1,3 +1,4 @@
+"use client";
 import r from "react";
 import { Element as e } from "../Element/Element.js";
 var t = ["shape"];

package/dist/components/Card/index.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Card.cjs");require("react"),require("../Element/Element.cjs"),exports.Card=e.Card;

package/dist/components/Card/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { Card } from "./Card.js";
 import "react";
 import "../Element/Element.js";

package/dist/components/CodeBlock/CodeBlock.cjs

@@ -1 +1,2 @@
-"use strict";Object.create,Object.defineProperty,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.prototype.hasOwnProperty;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs"),r=require("../Button/Button.cjs"),n=require("../Badge/Badge.cjs");var o=["children","source","language","showCopyButton","showLineNumbers"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var i=e.lazy((function(){return import("prism-react-renderer").then((function(t){return t.Highlight?{default:t.Highlight}:(console.log("FICTOAN : Looking for syntax highlighting?\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: yarn add prism-react-renderer                                                     │\n╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"),{default:function(t){var r=t.code;return e.createElement("pre",{"data-code-block":!0,className:"module-fallback"},r)}})}))})),u=e.forwardRef((function(u,s){var p,m,f=u.children,y=u.source,d=u.language,b=void 0===d?"json":d,g=u.showCopyButton,h=u.showLineNumbers,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(u,o),v=(p=e.useState(!1),m=2,function(e){if(Array.isArray(e))return e}(p)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(s){u=!0,o=s}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}(p,m)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}(p,m)||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.")}()),j=v[0],k=v[1],w="string"==typeof f?f:e.Children.toArray(f).join("");f||(w="object"===l(y)?JSON.stringify(y,null,2):null!=y?y:"");var E=[];return h&&E.push("show-line-numbers"),e.createElement(t.Element,a({"data-code-block":!0,as:"div",classNames:E},O),g?j?e.createElement(n.Badge,{className:"code-block-copied-badge",size:"tiny",shape:"rounded","aria-live":"polite"},"Copied!"):e.createElement(r.Button,{type:"button",className:"code-block-copy-button",size:"tiny",shape:"rounded",onClick:function(){navigator.clipboard.writeText(w).then((function(){k(!0),setTimeout((function(){return k(!1)}),3e3)})).catch((function(e){console.error("Could not copy text: ",e)}))},role:"button","aria-label":"Copy code to clipboard"},"Copy"):null,e.createElement(e.Suspense,{fallback:e.createElement("pre",{"data-code-block":!0,className:"suspense-fallback"},w)},e.createElement(i,{code:w,language:b,theme:void 0},(function(t){var r=t.className,n=t.tokens,o=t.getLineProps,a=t.getTokenProps;return e.createElement("pre",{ref:s,className:r},n.map((function(t,r){return e.createElement("div",o({line:t,key:r}),h&&e.createElement("span",{className:"line-numbers"},r+1),e.createElement("span",{className:"l-o-c"},t.map((function(t,r){return e.createElement("span",a({token:t,key:r}))}))))})))}))))}));exports.CodeBlock=u;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs"),r=require("../Button/Button.cjs"),n=require("../Badge/Badge.cjs"),o=require("../../themes-I70bpyU8.cjs"),i=require("./prism.cjs");var a=["children","source","language","showCopyButton","showLineNumbers","theme"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e,t,r){var n;return n=function(e,t){if("object"!=c(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==c(n)?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var p=function t(r){var n=r.token,o=r.theme,a=r.inheritedStyles;if(n instanceof i.Prism.Token){var l=y(y({},a),function(e,t){var r,n=y({},t[e.type]),o=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=u(e))){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}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 i,a=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==r.return||r.return()}finally{if(l)throw i}}}}(Array.isArray(e.alias)?e.alias:[e.alias]);try{for(o.s();!(r=o.n()).done;){var i=r.value;n=y(y({},n),t[i])}}catch(a){o.e(a)}finally{o.f()}return n}(n,o));return n.content instanceof i.Prism.Token?e.createElement("span",{style:l},e.createElement(t,{theme:o,token:n.content})):"string"==typeof n.content?e.createElement("span",{style:l},n.content):e.createElement(e.Fragment,null,n.content.map((function(r,n){return e.createElement(t,{inheritedStyles:l,key:n,theme:o,token:r})})))}return e.createElement("span",{style:a},n)},b=e.forwardRef((function(s,f){var m,b,d=s.children,v=s.source,h=s.language,g=void 0===h?"json":h,j=s.showCopyButton,O=s.showLineNumbers,w=s.theme,S=void 0===w?o.fictoan:w,E=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(s,a),P=(m=e.useState(!1),b=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(s){u=!0,o=s}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(m,b)||u(m,b)||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.")}()),k=P[0],A=P[1],C="string"==typeof d?d:e.Children.toArray(d).join("");d||(C="object"===c(v)?JSON.stringify(v,null,2):null!=v?v:"");var B=[];O&&B.push("show-line-numbers");var T=i.Prism.languages[g];if(void 0===T)throw new Error("CodeBlock: There is no language defined on Prism called ".concat(g));var x=C.split(/\r\n|\r|\n/gm).map((function(e){return i.Prism.tokenize(e,T)}));return e.createElement(t.Element,l({"data-code-block":!0,as:"div",classNames:B},E),j?k?e.createElement(n.Badge,{className:"code-block-copied-badge",size:"tiny",shape:"rounded","aria-live":"polite"},"Copied!"):e.createElement(r.Button,{type:"button",className:"code-block-copy-button",size:"tiny",shape:"rounded",onClick:function(){navigator.clipboard.writeText(C).then((function(){A(!0),setTimeout((function(){return A(!1)}),3e3)})).catch((function(e){console.error("Could not copy text: ",e)}))},role:"button","aria-label":"Copy code to clipboard"},"Copy"):null,e.createElement("pre",{ref:f,style:y(y({},S.base),{},{width:"100%"})},x.map((function(t,r){return e.createElement("div",{key:r,className:"token-line"},O&&e.createElement("span",{className:"line-numbers"},r+1),t.map((function(t,r){return e.createElement(p,{key:r,theme:S,token:t})})))}))))}));exports.CodeBlock=b;

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

@@ -1,10 +1,12 @@
 import React from "react";
 import { CommonAndHTMLProps } from "../Element/constants";
+import type { Theme } from "./themes";
 export interface CodeBlockCustomProps {
     source?: object | string;
     language?: string | undefined;
     showCopyButton?: boolean;
     showLineNumbers?: boolean;
+    theme?: Theme;
 }
 export type CodeBlockElementType = HTMLPreElement;
 export type CodeBlockProps = Omit<CommonAndHTMLProps<CodeBlockElementType>, keyof CodeBlockCustomProps> & CodeBlockCustomProps;