fictoan-react 1.5.0 → 1.6.0

package/README.md

@@ -59,15 +59,6 @@
 
 ---
 
-## Storybook
-Start development server for storybook
-
-```sh
-yarn storybook
-```
-
----
-
 ## License
 Licensed under the [MIT License](LICENSE).
 

package/dist/UseClickOutside-Cy7gG1w2.js

@@ -0,0 +1,23 @@
+"use client";
+"use client;";
+import { useCallback, useEffect } from "react";
+var useClickOutside = function useClickOutside2(ref, handler) {
+  var memoizedHandler = useCallback(handler, []);
+  useEffect(function() {
+    var listener = function listener2(event) {
+      if (!ref.current || ref.current.contains(event.target)) {
+        return;
+      }
+      memoizedHandler(event);
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return function() {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, memoizedHandler]);
+};
+export {
+  useClickOutside as u
+};

package/dist/components/Accordion/Accordion.js

@@ -1,40 +1,69 @@
 "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]);
+"use client;";
+import React__default from "react";
+import { Element } from "../Element/Element.js";
+import { Text } from "../Typography/Text.js";
+var _excluded = ["summary", "children", "open"];
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return e2;
-  }, o.apply(this, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function a(e2, r2) {
-  if (null == e2)
-    return {};
-  var t2, n2, o2 = function(e3, r3) {
-    if (null == e3)
-      return {};
-    var t3, n3, o3 = {}, a3 = Object.keys(e3);
-    for (n3 = 0; n3 < a3.length; n3++)
-      t3 = a3[n3], r3.indexOf(t3) >= 0 || (o3[t3] = e3[t3]);
-    return o3;
-  }(e2, r2);
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
   if (Object.getOwnPropertySymbols) {
-    var a2 = Object.getOwnPropertySymbols(e2);
-    for (n2 = 0; n2 < a2.length; n2++)
-      t2 = a2[n2], r2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, t2) && (o2[t2] = e2[t2]);
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return o2;
+  return target;
 }
-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);
+var Accordion = /* @__PURE__ */ React__default.forwardRef(function(_ref, ref) {
+  var summary = _ref.summary, children = _ref.children, _ref$open = _ref.open, open = _ref$open === void 0 ? false : _ref$open, props = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */ React__default.createElement(Element, _extends({
+    as: "details",
+    "data-expandable-content": true,
+    ref
+  }, props, {
+    open,
+    role: "region",
+    "aria-labelledby": "accordion-summary"
+  }), /* @__PURE__ */ React__default.createElement("summary", {
+    role: "button",
+    tabIndex: 0,
+    "aria-controls": "accordion-content",
+    "aria-expanded": open
+  }, typeof summary === "string" ? /* @__PURE__ */ React__default.createElement(Text, {
+    margin: "none"
+  }, summary) : summary), children);
 });
 export {
-  i as Accordion
+  Accordion
 };

package/dist/components/Accordion/index.js

@@ -1,8 +1,6 @@
 "use client";
+"use client;";
 import { Accordion } from "./Accordion.js";
-import "react";
-import "../Element/Element.js";
-import "../Typography/Text.js";
 export {
   Accordion
 };

package/dist/components/Badge/Badge.js

@@ -1,43 +1,72 @@
 "use client";
-import e from "react";
-import { Element as t } from "../Element/Element.js";
-import { Text as r } from "../Typography/Text.js";
-var n = ["children", "size", "shape", "withDelete", "onDelete"];
-function o() {
-  return o = Object.assign ? Object.assign.bind() : function(e2) {
-    for (var t2 = 1; t2 < arguments.length; t2++) {
-      var r2 = arguments[t2];
-      for (var n2 in r2)
-        Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
+"use client;";
+import React__default from "react";
+import { Element } from "../Element/Element.js";
+import { Text } from "../Typography/Text.js";
+var _excluded = ["children", "size", "shape", "withDelete", "onDelete"];
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return e2;
-  }, o.apply(this, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function a(e2, t2) {
-  if (null == e2)
-    return {};
-  var r2, n2, o2 = function(e3, t3) {
-    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]);
-    return o3;
-  }(e2, t2);
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
   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 sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return o2;
+  return target;
 }
-var l = /* @__PURE__ */ e.forwardRef(function(l2, i) {
-  var s = l2.children, c = l2.size, p = void 0 === c ? "medium" : c, u = l2.shape, f = l2.withDelete, m = l2.onDelete, h = a(l2, n), b = [];
-  p && b.push("size-".concat(p)), u && b.push("shape-".concat(u));
-  return e.createElement(t, o({ "data-badge": true, ref: i, classNames: b }, h), /* @__PURE__ */ e.createElement(r, null, s), f && /* @__PURE__ */ e.createElement(r, { className: "dismiss-button", onClick: function(e2) {
-    e2.stopPropagation(), null == m || m(e2);
-  } }, "×"));
+var Badge = /* @__PURE__ */ React__default.forwardRef(function(_ref, ref) {
+  var children = _ref.children, _ref$size = _ref.size, size = _ref$size === void 0 ? "medium" : _ref$size, shape = _ref.shape, withDelete = _ref.withDelete, onDelete = _ref.onDelete, props = _objectWithoutProperties(_ref, _excluded);
+  var classNames = [];
+  if (size) {
+    classNames.push("size-".concat(size));
+  }
+  if (shape) {
+    classNames.push("shape-".concat(shape));
+  }
+  var handleDelete = function handleDelete2(e) {
+    e.stopPropagation();
+    onDelete === null || onDelete === void 0 || onDelete(e);
+  };
+  return /* @__PURE__ */ React__default.createElement(Element, _extends({
+    "data-badge": true,
+    ref,
+    classNames
+  }, props), /* @__PURE__ */ React__default.createElement(Text, null, children), withDelete && /* @__PURE__ */ React__default.createElement(Text, {
+    className: "dismiss-button",
+    onClick: handleDelete
+  }, "×"));
 });
 export {
-  l as Badge
+  Badge
 };

package/dist/components/Badge/index.js

@@ -1,8 +1,6 @@
 "use client";
+"use client;";
 import { Badge } from "./Badge.js";
-import "react";
-import "../Element/Element.js";
-import "../Typography/Text.js";
 export {
   Badge
 };

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

@@ -1,39 +1,62 @@
 "use client";
-import r from "react";
-import { Element as e } from "../../Element/Element.js";
-var t = ["children", "current"];
-function n() {
-  return n = Object.assign ? Object.assign.bind() : function(r2) {
-    for (var e2 = 1; e2 < arguments.length; e2++) {
-      var t2 = arguments[e2];
-      for (var n2 in t2)
-        Object.prototype.hasOwnProperty.call(t2, n2) && (r2[n2] = t2[n2]);
+"use client;";
+import React__default from "react";
+import { Element } from "../../Element/Element.js";
+var _excluded = ["children", "current"];
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return r2;
-  }, n.apply(this, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function a(r2, e2) {
-  if (null == r2)
-    return {};
-  var t2, n2, a2 = function(r3, e3) {
-    if (null == r3)
-      return {};
-    var t3, n3, a3 = {}, o3 = Object.keys(r3);
-    for (n3 = 0; n3 < o3.length; n3++)
-      t3 = o3[n3], e3.indexOf(t3) >= 0 || (a3[t3] = r3[t3]);
-    return a3;
-  }(r2, e2);
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
   if (Object.getOwnPropertySymbols) {
-    var o2 = Object.getOwnPropertySymbols(r2);
-    for (n2 = 0; n2 < o2.length; n2++)
-      t2 = o2[n2], e2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(r2, t2) && (a2[t2] = r2[t2]);
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return a2;
+  return target;
 }
-var o = /* @__PURE__ */ r.forwardRef(function(o2, i) {
-  var c = o2.children, l = o2.current, u = a(o2, t);
-  return r.createElement(e, n({ as: "li", "data-breadcrumb-item": true, ref: i }, u, { "aria-current": l ? "page" : void 0, className: l ? "current" : void 0, role: "navigation", "aria-label": "List of breadcrumbs" }), c);
+var BreadcrumbItem = /* @__PURE__ */ React__default.forwardRef(function(_ref, ref) {
+  var children = _ref.children, current = _ref.current, props = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */ React__default.createElement(Element, _extends({
+    as: "li",
+    "data-breadcrumb-item": true,
+    ref
+  }, props, {
+    "aria-current": current ? "page" : void 0,
+    className: current ? "current" : void 0,
+    role: "navigation",
+    "aria-label": "List of breadcrumbs"
+  }), children);
 });
 export {
-  o as BreadcrumbItem
+  BreadcrumbItem
 };

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

@@ -1,39 +1,59 @@
 "use client";
-import r from "react";
-import { Element as e } from "../../Element/Element.js";
-var t = ["children"];
-function n() {
-  return n = Object.assign ? Object.assign.bind() : function(r2) {
-    for (var e2 = 1; e2 < arguments.length; e2++) {
-      var t2 = arguments[e2];
-      for (var n2 in t2)
-        Object.prototype.hasOwnProperty.call(t2, n2) && (r2[n2] = t2[n2]);
+"use client;";
+import React__default from "react";
+import { Element } from "../../Element/Element.js";
+var _excluded = ["children"];
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return r2;
-  }, n.apply(this, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function a(r2, e2) {
-  if (null == r2)
-    return {};
-  var t2, n2, a2 = function(r3, e3) {
-    if (null == r3)
-      return {};
-    var t3, n3, a3 = {}, o3 = Object.keys(r3);
-    for (n3 = 0; n3 < o3.length; n3++)
-      t3 = o3[n3], e3.indexOf(t3) >= 0 || (a3[t3] = r3[t3]);
-    return a3;
-  }(r2, e2);
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
   if (Object.getOwnPropertySymbols) {
-    var o2 = Object.getOwnPropertySymbols(r2);
-    for (n2 = 0; n2 < o2.length; n2++)
-      t2 = o2[n2], e2.indexOf(t2) >= 0 || Object.prototype.propertyIsEnumerable.call(r2, t2) && (a2[t2] = r2[t2]);
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return a2;
+  return target;
 }
-var o = /* @__PURE__ */ r.forwardRef(function(o2, l) {
-  var c = o2.children, i = a(o2, t);
-  return r.createElement("nav", n({ "aria-label": "Breadcrumb", ref: l }, i), /* @__PURE__ */ r.createElement(e, { as: "ul", "data-breadcrumbs-wrapper": true }, c));
+var Breadcrumbs = /* @__PURE__ */ React__default.forwardRef(function(_ref, ref) {
+  var children = _ref.children, props = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */ React__default.createElement("nav", _extends({
+    "aria-label": "Breadcrumb",
+    ref
+  }, props), /* @__PURE__ */ React__default.createElement(Element, {
+    as: "ul",
+    "data-breadcrumbs-wrapper": true
+  }, children));
 });
 export {
-  o as Breadcrumbs
+  Breadcrumbs
 };

package/dist/components/Breadcrumbs/index.js

@@ -1,8 +1,7 @@
 "use client";
+"use client;";
 import { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs.js";
 import { BreadcrumbItem } from "./BreadcrumbItem/BreadcrumbItem.js";
-import "react";
-import "../Element/Element.js";
 export {
   BreadcrumbItem,
   Breadcrumbs

package/dist/components/Button/Button.js

@@ -1,39 +1,74 @@
 "use client";
-import e from "react";
-import { Element as t } from "../Element/Element.js";
-var r = ["size", "shape", "kind", "isLoading", "hasDelete"];
-function n() {
-  return n = Object.assign ? Object.assign.bind() : function(e2) {
-    for (var t2 = 1; t2 < arguments.length; t2++) {
-      var r2 = arguments[t2];
-      for (var n2 in r2)
-        Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
+"use client;";
+import React__default from "react";
+import { Element } from "../Element/Element.js";
+var _excluded = ["size", "shape", "kind", "isLoading", "hasDelete"];
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return e2;
-  }, n.apply(this, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function a(e2, t2) {
-  if (null == e2)
-    return {};
-  var r2, n2, a2 = function(e3, t3) {
-    if (null == e3)
-      return {};
-    var r3, n3, a3 = {}, o3 = Object.keys(e3);
-    for (n3 = 0; n3 < o3.length; n3++)
-      r3 = o3[n3], t3.indexOf(r3) >= 0 || (a3[r3] = e3[r3]);
-    return a3;
-  }(e2, t2);
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
   if (Object.getOwnPropertySymbols) {
-    var o2 = Object.getOwnPropertySymbols(e2);
-    for (n2 = 0; n2 < o2.length; n2++)
-      r2 = o2[n2], t2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (a2[r2] = e2[r2]);
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return a2;
+  return target;
 }
-var o = /* @__PURE__ */ e.forwardRef(function(o2, s) {
-  var i = o2.size, l = void 0 === i ? "medium" : i, u = o2.shape, p = o2.kind, c = o2.isLoading, f = o2.hasDelete, h = a(o2, r), b = [];
-  return p && b.push(p), l && b.push("size-".concat(l)), u && b.push("shape-".concat(u)), c && b.push("is-loading"), f && b.push("has-delete"), /* @__PURE__ */ e.createElement(t, n({ as: "button", "data-button": true, ref: s, classNames: b }, h));
+var Button = /* @__PURE__ */ React__default.forwardRef(function(_ref, ref) {
+  var _ref$size = _ref.size, size = _ref$size === void 0 ? "medium" : _ref$size, shape = _ref.shape, kind = _ref.kind, isLoading = _ref.isLoading, hasDelete = _ref.hasDelete, props = _objectWithoutProperties(_ref, _excluded);
+  var classNames = [];
+  if (kind) {
+    classNames.push(kind);
+  }
+  if (size) {
+    classNames.push("size-".concat(size));
+  }
+  if (shape) {
+    classNames.push("shape-".concat(shape));
+  }
+  if (isLoading) {
+    classNames.push("is-loading");
+  }
+  if (hasDelete) {
+    classNames.push("has-delete");
+  }
+  return /* @__PURE__ */ React__default.createElement(Element, _extends({
+    as: "button",
+    "data-button": true,
+    ref,
+    classNames
+  }, props));
 });
 export {
-  o as Button
+  Button
 };

package/dist/components/Button/index.js

@@ -1,7 +1,6 @@
 "use client";
+"use client;";
 import { Button } from "./Button.js";
-import "react";
-import "../Element/Element.js";
 export {
   Button
 };