fictoan-react 1.8.4 → 1.9.0

package/dist/components/Accordion/Accordion.js

@@ -1,11 +1,11 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../Element/Element.js";
 import { Text } from "../Typography/Text.js";
-const Accordion = React__default.forwardRef(
+const Accordion = React.forwardRef(
   ({ summary, children, open = false, ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "details",
@@ -16,7 +16,7 @@ const Accordion = React__default.forwardRef(
         role: "region",
         "aria-labelledby": "accordion-summary"
       },
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(
         "summary",
         {
           role: "button",
@@ -24,7 +24,7 @@ const Accordion = React__default.forwardRef(
           "aria-controls": "accordion-content",
           "aria-expanded": open
         },
-        typeof summary === "string" ? /* @__PURE__ */ React__default.createElement(Text, { margin: "none" }, summary) : summary
+        typeof summary === "string" ? /* @__PURE__ */ React.createElement(Text, { margin: "none" }, summary) : summary
       ),
       children
     );

package/dist/components/Badge/Badge.js

@@ -1,9 +1,9 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../Element/Element.js";
 import { Text } from "../Typography/Text.js";
-const Badge = React__default.forwardRef(
+const Badge = React.forwardRef(
   ({
     children,
     size = "medium",
@@ -30,7 +30,7 @@ const Badge = React__default.forwardRef(
         onDelete == null ? void 0 : onDelete(e);
       }
     };
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         "data-badge": true,
@@ -40,8 +40,8 @@ const Badge = React__default.forwardRef(
         "aria-label": label || (typeof children === "string" ? children : void 0),
         ...props
       },
-      /* @__PURE__ */ React__default.createElement(Text, null, children),
-      withDelete && /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(Text, null, children),
+      withDelete && /* @__PURE__ */ React.createElement(
         Text,
         {
           className: "dismiss-button",

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

@@ -1,11 +1,11 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
 import "../../Element/Tags.js";
-const BreadcrumbItem = React__default.forwardRef(
+const BreadcrumbItem = React.forwardRef(
   ({ children, current, ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "li",

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

@@ -1,11 +1,11 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
 import "../../Element/Tags.js";
-const Breadcrumbs = React__default.forwardRef(
+const Breadcrumbs = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement("nav", { "aria-label": "Breadcrumb", ref, ...props }, /* @__PURE__ */ React__default.createElement(Element, { as: "ul", "data-breadcrumbs-wrapper": true }, children));
+    return /* @__PURE__ */ React.createElement("nav", { "aria-label": "Breadcrumb", ref, ...props }, /* @__PURE__ */ React.createElement(Element, { as: "ul", "data-breadcrumbs-wrapper": true }, children));
   }
 );
 export {

package/dist/components/Button/Button.js

@@ -1,8 +1,8 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../Element/Element.js";
-const Button = React__default.forwardRef(
+const Button = React.forwardRef(
   ({ size = "medium", shape, kind, isLoading, hasDelete, label, ...props }, ref) => {
     let classNames = [];
     if (kind) {
@@ -20,7 +20,7 @@ const Button = React__default.forwardRef(
     if (hasDelete) {
       classNames.push("has-delete");
     }
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "button",

package/dist/components/Callout/Callout.js

@@ -1,9 +1,9 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../Element/Element.js";
 import "../Element/Tags.js";
-const Callout = React__default.forwardRef(
+const Callout = React.forwardRef(
   ({ kind, children, title, ...props }, ref) => {
     const roleMap = {
       info: "status",
@@ -11,7 +11,7 @@ const Callout = React__default.forwardRef(
       warning: "alert",
       error: "alert"
     };
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "div",

package/dist/components/Card/Card.js

@@ -1,13 +1,13 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../Element/Element.js";
-const Card = React__default.forwardRef(({ shape, heading, children, ...props }, ref) => {
+const Card = React.forwardRef(({ shape, heading, children, ...props }, ref) => {
   let classNames = [];
   if (shape) {
     classNames.push(`shape-${shape}`);
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Element,
     {
       as: "div",

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,6 +1,6 @@
 "use client";
 "use client;";
-import React__default, { useState } from "react";
+import React$1, { useState } from "react";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs, P as Prism } from "../../prism-3zG3kdoy.js";
 import { Element as Element$1 } from "../Element/Element.js";
 import { Button } from "../Button/Button.js";
@@ -2013,7 +2013,7 @@ var cjs = StyleToJS;
   exports.returnFirstArg = exports.canTextBeChildOfNode = exports.ELEMENTS_WITH_NO_TEXT_CHILDREN = exports.PRESERVE_CUSTOM_ATTRIBUTES = void 0;
   exports.isCustomComponent = isCustomComponent;
   exports.setStyleProp = setStyleProp;
-  var react_12 = React__default;
+  var react_12 = React$1;
   var style_to_js_1 = __importDefault2(cjs);
   var RESERVED_SVG_MATHML_ELEMENTS = /* @__PURE__ */ new Set([
     "annotation-xml",
@@ -2130,7 +2130,7 @@ var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || functi
 };
 Object.defineProperty(domToReact$1, "__esModule", { value: true });
 domToReact$1.default = domToReact;
-var react_1 = React__default;
+var react_1 = React$1;
 var attributes_to_props_1 = __importDefault(attributesToProps$1);
 var utilities_1 = utilities$1;
 var React = {
@@ -2249,7 +2249,7 @@ function skipAttributesToProps(node2) {
 })(lib$3);
 const HTMLReactParser = /* @__PURE__ */ getDefaultExportFromCjs(lib$3);
 const parse = HTMLReactParser.default || HTMLReactParser;
-const CodeBlock = React__default.forwardRef(
+const CodeBlock = React$1.forwardRef(
   ({
     children,
     source,
@@ -2260,7 +2260,7 @@ const CodeBlock = React__default.forwardRef(
     ...props
   }, ref) => {
     const [isCodeCopied, setIsCodeCopied] = useState(false);
-    let code = typeof children === "string" ? children : React__default.Children.toArray(children).join("");
+    let code = typeof children === "string" ? children : React$1.Children.toArray(children).join("");
     if (!children) {
       code = typeof source === "object" ? JSON.stringify(source, null, 2) : source ?? "";
     }
@@ -2288,7 +2288,7 @@ const CodeBlock = React__default.forwardRef(
         await copyToClipboard();
       }
     };
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React$1.createElement(
       Element$1,
       {
         "data-code-block": true,
@@ -2298,7 +2298,7 @@ const CodeBlock = React__default.forwardRef(
         "aria-label": description || `Code block in ${language}`,
         ...props
       },
-      showCopyButton ? isCodeCopied ? /* @__PURE__ */ React__default.createElement(
+      showCopyButton ? isCodeCopied ? /* @__PURE__ */ React$1.createElement(
         Badge,
         {
           className: "code-block-copied-badge",
@@ -2307,7 +2307,7 @@ const CodeBlock = React__default.forwardRef(
           "aria-live": "polite"
         },
         "Copied!"
-      ) : /* @__PURE__ */ React__default.createElement(
+      ) : /* @__PURE__ */ React$1.createElement(
         Button,
         {
           type: "button",
@@ -2320,7 +2320,7 @@ const CodeBlock = React__default.forwardRef(
         },
         "Copy"
       ) : null,
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React$1.createElement(
         "pre",
         {
           ref,
@@ -2328,7 +2328,7 @@ const CodeBlock = React__default.forwardRef(
           tabIndex: 0,
           "aria-label": `Code in ${language}`
         },
-        showLineNumbers && Array.from(Array(lines.length).keys()).map((index) => /* @__PURE__ */ React__default.createElement(
+        showLineNumbers && Array.from(Array(lines.length).keys()).map((index) => /* @__PURE__ */ React$1.createElement(
           "span",
           {
             key: index,

package/dist/components/Divider/Divider.js

@@ -1,14 +1,14 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../Element/Element.js";
-const Divider = React__default.forwardRef(
+const Divider = React.forwardRef(
   ({ kind, height, label, ...props }, ref) => {
     let classNames = [];
     if (kind) {
       classNames.push(kind);
     }
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "hr",

package/dist/components/Drawer/Drawer.js

@@ -1,10 +1,10 @@
 "use client";
 "use client;";
-import React__default, { useState, useRef, useEffect } from "react";
+import React, { useState, useRef, useEffect } from "react";
 import { Element } from "../Element/Element.js";
 import { Div } from "../Element/Tags.js";
 import { u as useClickOutside } from "../../UseClickOutside-CJ5IQE6n.js";
-const Drawer = React__default.forwardRef(
+const Drawer = React.forwardRef(
   ({
     children,
     openWhen,
@@ -53,7 +53,7 @@ const Drawer = React__default.forwardRef(
         closeDrawer();
       }
     };
-    return shouldRender ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    return shouldRender ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "div",
@@ -69,14 +69,14 @@ const Drawer = React__default.forwardRef(
         ...closeOnClickOutside ? { onClick: closeDrawer } : {},
         ...props
       },
-      openWhen && showOverlay && /* @__PURE__ */ React__default.createElement(
+      openWhen && showOverlay && /* @__PURE__ */ React.createElement(
         Div,
         {
           className: `rest-of-page-overlay ${openWhen ? "visible" : ""}`,
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(
         Element,
         {
           as: "div",
@@ -86,7 +86,7 @@ const Drawer = React__default.forwardRef(
           bgColour,
           role: "document"
         },
-        isDismissible && /* @__PURE__ */ React__default.createElement(
+        isDismissible && /* @__PURE__ */ React.createElement(
           "button",
           {
             className: "dismiss-button",

package/dist/components/Element/Element.js

@@ -1,10 +1,10 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 const createClassName = (classNames) => {
   return classNames.filter((item) => !!item).join(" ");
 };
-const Element = React__default.forwardRef(
+const Element = React.forwardRef(
   ({
     as: Component = "div",
     role,
@@ -66,7 +66,7 @@ const Element = React__default.forwardRef(
       weight,
       ...minimalProps
     } = props;
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Component,
       {
         ref,

package/dist/components/Element/Tags.js

@@ -1,10 +1,10 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "./Element.js";
 const createComponentWithElement = (tagName) => {
-  return React__default.forwardRef(
-    (props, ref) => /* @__PURE__ */ React__default.createElement(Element, { as: tagName, ref, ...props })
+  return React.forwardRef(
+    (props, ref) => /* @__PURE__ */ React.createElement(Element, { as: tagName, ref, ...props })
   );
 };
 const Article = createComponentWithElement("article");

package/dist/components/Form/BaseInputComponent/BaseInputComponent.js

@@ -1,11 +1,11 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
 import { Div } from "../../Element/Tags.js";
 import { InputLabel } from "../InputLabel/InputLabel.js";
 import { FormItem } from "../FormItem/FormItem.js";
-const BaseInputComponent = React__default.forwardRef(
+const BaseInputComponent = React.forwardRef(
   ({
     as: Component,
     className,
@@ -15,13 +15,13 @@ const BaseInputComponent = React__default.forwardRef(
     validateThis,
     classNames,
     ...inputProps
-  }, ref) => /* @__PURE__ */ React__default.createElement(
+  }, ref) => /* @__PURE__ */ React.createElement(
     FormItem,
     {
       "data-form-item": true,
       required: inputProps.required
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       Element,
       {
         as: Component,
@@ -33,8 +33,8 @@ const BaseInputComponent = React__default.forwardRef(
         ...inputProps
       }
     ),
-    label && /* @__PURE__ */ React__default.createElement(InputLabel, { label, htmlFor: inputProps.id }),
-    (helpText || errorText) && /* @__PURE__ */ React__default.createElement(Div, { className: "info-section vertically-center-items", marginTop: "nano" }, helpText && /* @__PURE__ */ React__default.createElement(Element, { as: "span", className: "help-text" }, helpText), errorText && /* @__PURE__ */ React__default.createElement(Element, { as: "span", className: "error-text" }, errorText))
+    label && /* @__PURE__ */ React.createElement(InputLabel, { label, htmlFor: inputProps.id }),
+    (helpText || errorText) && /* @__PURE__ */ React.createElement(Div, { className: "info-section vertically-center-items", marginTop: "nano" }, helpText && /* @__PURE__ */ React.createElement(Element, { as: "span", className: "help-text" }, helpText), errorText && /* @__PURE__ */ React.createElement(Element, { as: "span", className: "error-text" }, errorText))
   )
 );
 export {

package/dist/components/Form/Checkbox/Checkbox.js

@@ -1,10 +1,10 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
 import { BaseInputComponent } from "../BaseInputComponent/BaseInputComponent.js";
-const Checkbox = React__default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ React__default.createElement(Element, { as: "div", "data-checkbox": true, ref }, /* @__PURE__ */ React__default.createElement(BaseInputComponent, { as: "input", type: "checkbox", ...props }));
+const Checkbox = React.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement(Element, { as: "div", "data-checkbox": true, ref }, /* @__PURE__ */ React.createElement(BaseInputComponent, { as: "input", type: "checkbox", ...props }));
 });
 export {
   Checkbox

package/dist/components/Form/Checkbox/Switch.js

@@ -1,11 +1,11 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
 import { BaseInputComponent } from "../BaseInputComponent/BaseInputComponent.js";
-const Switch = React__default.forwardRef(
+const Switch = React.forwardRef(
   ({ size = "medium", ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(Element, { as: "div", "data-switch": true, ref, className: `size-${size}` }, /* @__PURE__ */ React__default.createElement(BaseInputComponent, { as: "input", type: "checkbox", ...props }));
+    return /* @__PURE__ */ React.createElement(Element, { as: "div", "data-switch": true, ref, className: `size-${size}` }, /* @__PURE__ */ React.createElement(BaseInputComponent, { as: "input", type: "checkbox", ...props }));
   }
 );
 export {

package/dist/components/Form/Form/Form.js

@@ -1,10 +1,10 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
 import { Callout } from "../../Callout/Callout.js";
 import { generateFormThroughConfig } from "./FormGenerator.js";
-const Form = React__default.forwardRef(
+const Form = React.forwardRef(
   ({ spacing = "small", fields, onFieldsChange, children, errorText, ...props }, ref) => {
     let classNames = [];
     if (spacing) {
@@ -13,7 +13,7 @@ const Form = React__default.forwardRef(
     if (fields && fields.length > 0) {
       children = [generateFormThroughConfig(fields, onFieldsChange, spacing), children];
     }
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "form",
@@ -23,7 +23,7 @@ const Form = React__default.forwardRef(
         ...props
       },
       children,
-      errorText && /* @__PURE__ */ React__default.createElement(Callout, { kind: "error" }, errorText)
+      errorText && /* @__PURE__ */ React.createElement(Callout, { kind: "error" }, errorText)
     );
   }
 );

package/dist/components/Form/Form/FormGenerator.js

@@ -1,6 +1,6 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
 import { Row } from "../../Row/Row.js";
 import { Portion } from "../../Portion/Portion.js";
@@ -27,7 +27,7 @@ const FormElements = {
 };
 const getFormItem = (formField, onFieldsChange) => {
   const { as: elementName, ...formFieldProps } = formField;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Element,
     {
       as: FormElements[elementName] || InputField,
@@ -49,10 +49,10 @@ const generateFormThroughConfig = (fields, onFieldsChange, spacing) => {
       isHorizontal
     };
     formChildren.push(
-      /* @__PURE__ */ React__default.createElement(Portion, { ...portionProps, key: `fields-${i}` }, getFormItem(formField, onFieldsChange))
+      /* @__PURE__ */ React.createElement(Portion, { ...portionProps, key: `fields-${i}` }, getFormItem(formField, onFieldsChange))
     );
   }
-  return /* @__PURE__ */ React__default.createElement(Row, { gutters: spacing }, formChildren);
+  return /* @__PURE__ */ React.createElement(Row, { gutters: spacing }, formChildren);
 };
 export {
   generateFormThroughConfig

package/dist/components/Form/FormItem/FormItem.js

@@ -1,9 +1,9 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
-const FormItem = React__default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ React__default.createElement(
+const FormItem = React.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement(
     Element,
     {
       as: "div",

package/dist/components/Form/FormItemGroup/FormItemGroup.js

@@ -1,8 +1,8 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
-const FormItemGroup = React__default.forwardRef(
+const FormItemGroup = React.forwardRef(
   ({
     isJoint,
     retainLayout,
@@ -19,7 +19,7 @@ const FormItemGroup = React__default.forwardRef(
     if (retainLayout) {
       classNames.push("retain-layout");
     }
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "div",

package/dist/components/Form/InputField/FileUpload.js

@@ -1,8 +1,8 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { InputField } from "./InputField.js";
-const FileUpload = React__default.forwardRef(
+const FileUpload = React.forwardRef(
   ({
     accept,
     multiple,
@@ -11,7 +11,7 @@ const FileUpload = React__default.forwardRef(
     label,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       InputField,
       {
         type: "file",

package/dist/components/Form/InputField/InputField.js

@@ -1,14 +1,14 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { BaseInputComponent } from "../BaseInputComponent/BaseInputComponent.js";
-const InputField = React__default.forwardRef(
+const InputField = React.forwardRef(
   ({
     "aria-label": ariaLabel,
     "aria-invalid": ariaInvalid,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       BaseInputComponent,
       {
         as: "input",

package/dist/components/Form/InputLabel/InputLabel.js

@@ -1,8 +1,8 @@
 "use client";
 "use client;";
-import React__default from "react";
+import React from "react";
 import { Element } from "../../Element/Element.js";
-const InputLabel = React__default.forwardRef(
+const InputLabel = React.forwardRef(
   ({
     label,
     hideLabel,
@@ -13,7 +13,7 @@ const InputLabel = React__default.forwardRef(
     if (hideLabel) {
       classNames.push("visually-hidden");
     }
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       Element,
       {
         as: "label",