basefn 1.0.0 → 1.1.1

package/src/Example.res.mjs

@@ -1,13 +1,8 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
 import * as Xote from "xote/src/Xote.res.mjs";
+import * as Basefn from "./Basefn.res.mjs";
 import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
-import * as Basefn__Input from "./components/Basefn__Input.res.mjs";
-import * as Basefn__Label from "./components/Basefn__Label.res.mjs";
-import * as Basefn__Button from "./components/Basefn__Button.res.mjs";
-import * as Basefn__Select from "./components/Basefn__Select.res.mjs";
-import * as Basefn__Checkbox from "./components/Basefn__Checkbox.res.mjs";
-import * as Basefn__Textarea from "./components/Basefn__Textarea.res.mjs";
 
 function Example$ExampleForm(props) {
   let name = Xote.Signal.make("", undefined, undefined);
@@ -62,11 +57,11 @@ function Example$ExampleForm(props) {
       Xote__JSX.Elements.jsxs("div", {
         style: "margin-bottom: 1rem;",
         children: Xote__JSX.array([
-          Xote__JSX.jsx(Basefn__Label.make, {
+          Xote__JSX.jsx(Basefn.Label.make, {
             text: "Name",
             required: true
           }),
-          Xote__JSX.jsx(Basefn__Input.make, {
+          Xote__JSX.jsx(Basefn.Input.make, {
             value: {
               TAG: "Reactive",
               _0: name
@@ -80,11 +75,11 @@ function Example$ExampleForm(props) {
       Xote__JSX.Elements.jsxs("div", {
         style: "margin-bottom: 1rem;",
         children: Xote__JSX.array([
-          Xote__JSX.jsx(Basefn__Label.make, {
+          Xote__JSX.jsx(Basefn.Label.make, {
             text: "Email",
             required: true
           }),
-          Xote__JSX.jsx(Basefn__Input.make, {
+          Xote__JSX.jsx(Basefn.Input.make, {
             value: {
               TAG: "Reactive",
               _0: email
@@ -98,11 +93,11 @@ function Example$ExampleForm(props) {
       Xote__JSX.Elements.jsxs("div", {
         style: "margin-bottom: 1rem;",
         children: Xote__JSX.array([
-          Xote__JSX.jsx(Basefn__Label.make, {
+          Xote__JSX.jsx(Basefn.Label.make, {
             text: "Choose an option",
             required: false
           }),
-          Xote__JSX.jsx(Basefn__Select.make, {
+          Xote__JSX.jsx(Basefn.Select.make, {
             value: selectedOption,
             options: selectOptions
           })
@@ -111,11 +106,11 @@ function Example$ExampleForm(props) {
       Xote__JSX.Elements.jsxs("div", {
         style: "margin-bottom: 1rem;",
         children: Xote__JSX.array([
-          Xote__JSX.jsx(Basefn__Label.make, {
+          Xote__JSX.jsx(Basefn.Label.make, {
             text: "Message",
             required: false
           }),
-          Xote__JSX.jsx(Basefn__Textarea.make, {
+          Xote__JSX.jsx(Basefn.Textarea.make, {
             value: {
               TAG: "Reactive",
               _0: message
@@ -127,7 +122,7 @@ function Example$ExampleForm(props) {
       }),
       Xote__JSX.Elements.jsx("div", {
         style: "margin-bottom: 1rem;",
-        children: Xote__JSX.jsx(Basefn__Checkbox.make, {
+        children: Xote__JSX.jsx(Basefn.Checkbox.make, {
           checked: agreeToTerms,
           onChange: handleCheckboxChange,
           label: "I agree to the terms and conditions"
@@ -136,7 +131,7 @@ function Example$ExampleForm(props) {
       Xote__JSX.Elements.jsxs("div", {
         style: "display: flex; gap: 1rem;",
         children: Xote__JSX.array([
-          Xote__JSX.jsx(Basefn__Button.make, {
+          Xote__JSX.jsx(Basefn.Button.make, {
             children: Xote.Component.textSignal(() => {
               if (Xote.Signal.get(isSubmitting)) {
                 return "Submitting...";
@@ -151,7 +146,7 @@ function Example$ExampleForm(props) {
             onClick: handleSubmit,
             variant: "Primary"
           }),
-          Xote__JSX.jsx(Basefn__Button.make, {
+          Xote__JSX.jsx(Basefn.Button.make, {
             label: {
               TAG: "Static",
               _0: "Cancel"

package/src/Eita.res.mjs

@@ -1,105 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-
-import './basefn.css'
-;
-
-let Button;
-
-let Input;
-
-let Textarea;
-
-let Select;
-
-let Checkbox;
-
-let Radio;
-
-let Label;
-
-let Badge;
-
-let Spinner;
-
-let Separator;
-
-let Kbd;
-
-let Typography;
-
-let Card;
-
-let Avatar;
-
-let Grid;
-
-let Alert;
-
-let Progress;
-
-let Tabs;
-
-let Accordion;
-
-let Breadcrumb;
-
-let Modal;
-
-let Tooltip;
-
-let Switch;
-
-let Slider;
-
-let Dropdown;
-
-let Toast;
-
-let Stepper;
-
-let Drawer;
-
-let Timeline;
-
-let Sidebar;
-
-let Topbar;
-
-let AppLayout;
-
-export {
-  Button,
-  Input,
-  Textarea,
-  Select,
-  Checkbox,
-  Radio,
-  Label,
-  Badge,
-  Spinner,
-  Separator,
-  Kbd,
-  Typography,
-  Card,
-  Avatar,
-  Grid,
-  Alert,
-  Progress,
-  Tabs,
-  Accordion,
-  Breadcrumb,
-  Modal,
-  Tooltip,
-  Switch,
-  Slider,
-  Dropdown,
-  Toast,
-  Stepper,
-  Drawer,
-  Timeline,
-  Sidebar,
-  Topbar,
-  AppLayout,
-}
-/*  Not a pure module */

package/src/Eita__Accordion.res.mjs

@@ -1,77 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
-import * as Core__Option from "@rescript/core/src/Core__Option.res.mjs";
-
-import './Eita__Accordion.css'
-;
-
-function Eita__Accordion(props) {
-  let __multiple = props.multiple;
-  let multiple = __multiple !== undefined ? __multiple : false;
-  let openItems = Xote.Signal.make(Core__Option.getOr(props.defaultOpen, []), undefined, undefined);
-  return Xote__JSX.Elements.jsx("div", {
-    class: "basefn-accordion",
-    children: Xote.Component.fragment(props.items.map(item => {
-      let itemIsOpen = Xote.Computed.make(() => {
-        let value = item.value;
-        return Xote.Signal.get(openItems).includes(value);
-      }, undefined);
-      return Xote__JSX.Elements.jsxsKeyed("div", {
-        class: "basefn-accordion__item",
-        children: Xote__JSX.array([
-          Xote__JSX.Elements.jsxs("button", {
-            class: "basefn-accordion__trigger",
-            disabled: Core__Option.getOr(item.disabled, false),
-            onClick: param => {
-              let value = item.value;
-              let disabled = item.disabled;
-              if (disabled !== undefined && disabled) {
-                return;
-              }
-              Xote.Signal.update(openItems, current => {
-                if (current.includes(value)) {
-                  return current.filter(item => item !== value);
-                } else if (multiple) {
-                  return current.concat([value]);
-                } else {
-                  return [value];
-                }
-              });
-            },
-            children: Xote__JSX.array([
-              Xote__JSX.Elements.jsx("span", {
-                children: Xote.Component.text(item.title)
-              }),
-              Xote__JSX.Elements.jsx("span", {
-                class: Xote.Computed.make(() => {
-                  let openClass = Xote.Signal.get(itemIsOpen) ? " basefn-accordion__icon--open" : "";
-                  return "basefn-accordion__icon" + openClass;
-                }, undefined),
-                children: Xote.Component.text("\u25bc")
-              })
-            ])
-          }),
-          Xote__JSX.Elements.jsx("div", {
-            class: Xote.Computed.make(() => {
-              let stateClass = Xote.Signal.get(itemIsOpen) ? " basefn-accordion__content--expanded" : " basefn-accordion__content--collapsed";
-              return "basefn-accordion__content" + stateClass;
-            }, undefined),
-            children: Xote__JSX.Elements.jsx("div", {
-              class: "basefn-accordion__content-inner",
-              children: item.content
-            })
-          })
-        ])
-      }, item.value, undefined);
-    }))
-  });
-}
-
-let make = Eita__Accordion;
-
-export {
-  make,
-}
-/*  Not a pure module */

package/src/Eita__Alert.res.mjs

@@ -1,81 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
-
-import './Eita__Alert.css'
-;
-
-function variantToString(variant) {
-  switch (variant) {
-    case "Info" :
-      return "info";
-    case "Success" :
-      return "success";
-    case "Warning" :
-      return "warning";
-    case "Error" :
-      return "error";
-  }
-}
-
-function Eita__Alert(props) {
-  let onDismiss = props.onDismiss;
-  let __dismissible = props.dismissible;
-  let __variant = props.variant;
-  let message = props.message;
-  let title = props.title;
-  let variant = __variant !== undefined ? __variant : "Info";
-  let dismissible = __dismissible !== undefined ? __dismissible : false;
-  let isVisible = Xote.Signal.make(true, undefined, undefined);
-  Xote.Effect.run(() => {
-    console.log(Xote.Signal.get(isVisible));
-  }, undefined);
-  let handleDismiss = () => {
-    Xote.Signal.set(isVisible, false);
-    if (onDismiss !== undefined) {
-      return onDismiss();
-    }
-  };
-  let getClassName = () => {
-    let variantClass = "basefn-alert--" + variantToString(variant);
-    return "basefn-alert " + variantClass;
-  };
-  return Xote.Component.signalFragment(Xote.Computed.make(() => {
-    if (Xote.Signal.get(isVisible)) {
-      return [Xote__JSX.Elements.jsxs("div", {
-          class: getClassName(),
-          children: Xote__JSX.array([
-            Xote__JSX.Elements.jsxs("div", {
-              class: "basefn-alert__content",
-              children: Xote__JSX.array([
-                title !== undefined ? Xote__JSX.Elements.jsx("div", {
-                    class: "basefn-alert__title",
-                    children: Xote.Component.text(title)
-                  }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-                Xote__JSX.Elements.jsx("div", {
-                  class: "basefn-alert__message",
-                  children: Xote.Component.textSignal(() => Xote.Signal.get(message))
-                })
-              ])
-            }),
-            dismissible ? Xote__JSX.Elements.jsx("button", {
-                class: "basefn-alert__dismiss",
-                onClick: param => handleDismiss(),
-                children: Xote.Component.text("\u00d7")
-              }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
-          ])
-        })];
-    } else {
-      return [];
-    }
-  }, undefined));
-}
-
-let make = Eita__Alert;
-
-export {
-  variantToString,
-  make,
-}
-/*  Not a pure module */

package/src/Eita__AppLayout.res.mjs

@@ -1,100 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
-import * as Core__Option from "@rescript/core/src/Core__Option.res.mjs";
-
-import './Eita__AppLayout.css'
-;
-
-function Eita__AppLayout(props) {
-  let __sidebarCollapsed = props.sidebarCollapsed;
-  let sidebarSize = props.sidebarSize;
-  let __noPadding = props.noPadding;
-  let __contentWidth = props.contentWidth;
-  let topbar = props.topbar;
-  let sidebar = props.sidebar;
-  let contentWidth = __contentWidth !== undefined ? __contentWidth : "FullWidth";
-  let noPadding = __noPadding !== undefined ? __noPadding : false;
-  let sidebarCollapsed = __sidebarCollapsed !== undefined ? __sidebarCollapsed : false;
-  let sidebarOpen = Xote.Signal.make(false, undefined, undefined);
-  let getLayoutClass = () => {
-    let hasSidebar = Core__Option.isSome(sidebar) ? " basefn-app-layout--has-sidebar" : "";
-    let sidebarSizeClass;
-    if (sidebarSize !== undefined) {
-      switch (sidebarSize) {
-        case "lg" :
-          sidebarSizeClass = " basefn-app-layout--sidebar-lg";
-          break;
-        case "sm" :
-          sidebarSizeClass = " basefn-app-layout--sidebar-sm";
-          break;
-        default:
-          sidebarSizeClass = "";
-      }
-    } else {
-      sidebarSizeClass = "";
-    }
-    let collapsedClass = sidebarCollapsed ? " basefn-app-layout--sidebar-collapsed" : "";
-    Xote.Computed.make(() => {
-      if (Xote.Signal.get(sidebarOpen)) {
-        return " basefn-app-layout--sidebar-open";
-      } else {
-        return "";
-      }
-    }, undefined);
-    return "basefn-app-layout" + hasSidebar + sidebarSizeClass + collapsedClass;
-  };
-  let getContentClass = () => {
-    let widthClass;
-    widthClass = contentWidth === "FullWidth" ? " basefn-app-layout--full-width" : " basefn-app-layout--contained";
-    let paddingClass = noPadding ? " basefn-app-layout__content-inner--no-padding" : "";
-    return "basefn-app-layout__content-inner" + widthClass + paddingClass;
-  };
-  return Xote__JSX.Elements.jsxs("div", {
-    class: Xote.Computed.make(() => getLayoutClass() + Xote.Signal.get(Xote.Computed.make(() => {
-      if (Xote.Signal.get(sidebarOpen)) {
-        return " basefn-app-layout--sidebar-open";
-      } else {
-        return "";
-      }
-    }, undefined)), undefined),
-    children: Xote__JSX.array([
-      sidebar !== undefined ? Xote__JSX.jsxs(Xote__JSX.jsxFragment, {
-          children: Xote__JSX.array([
-            Xote__JSX.Elements.jsx("div", {
-              class: "basefn-app-layout__sidebar",
-              children: sidebar
-            }),
-            Xote__JSX.Elements.jsx("div", {
-              class: "basefn-app-layout__sidebar-backdrop",
-              onClick: param => Xote.Signal.set(sidebarOpen, false)
-            })
-          ])
-        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-      Xote__JSX.Elements.jsxs("div", {
-        class: "basefn-app-layout__main-wrapper",
-        children: Xote__JSX.array([
-          topbar !== undefined ? Xote__JSX.Elements.jsx("div", {
-              class: "basefn-app-layout__topbar",
-              children: topbar
-            }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-          Xote__JSX.Elements.jsx("main", {
-            class: "basefn-app-layout__content",
-            children: Xote__JSX.Elements.jsx("div", {
-              class: getContentClass(),
-              children: props.children
-            })
-          })
-        ])
-      })
-    ])
-  });
-}
-
-let make = Eita__AppLayout;
-
-export {
-  make,
-}
-/*  Not a pure module */

package/src/Eita__Avatar.res.mjs

@@ -1,40 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
-import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
-
-import './Eita__Avatar.css'
-;
-
-function sizeToString(size) {
-  switch (size) {
-    case "Sm" :
-      return "sm";
-    case "Md" :
-      return "md";
-    case "Lg" :
-      return "lg";
-  }
-}
-
-function Eita__Avatar(props) {
-  let __size = props.size;
-  let size = __size !== undefined ? __size : "Md";
-  let sizeClass = "basefn-avatar--" + sizeToString(size);
-  let $$class = "basefn-avatar " + sizeClass;
-  return Xote__JSX.Elements.jsx("div", {
-    class: $$class,
-    children: Xote__JSX.Elements.jsx("img", {
-      src: Primitive_option.some(props.src),
-      alt: Primitive_option.some(props.name)
-    })
-  });
-}
-
-let make = Eita__Avatar;
-
-export {
-  sizeToString,
-  make,
-}
-/*  Not a pure module */

package/src/Eita__Badge.res.mjs

@@ -1,65 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
-
-import './Eita__Badge.css'
-;
-
-function variantToString(variant) {
-  switch (variant) {
-    case "Default" :
-      return "default";
-    case "Primary" :
-      return "primary";
-    case "Secondary" :
-      return "secondary";
-    case "Success" :
-      return "success";
-    case "Warning" :
-      return "warning";
-    case "Error" :
-      return "error";
-  }
-}
-
-function sizeToString(size) {
-  switch (size) {
-    case "Sm" :
-      return "sm";
-    case "Md" :
-      return "md";
-    case "Lg" :
-      return "lg";
-  }
-}
-
-function Eita__Badge(props) {
-  let __dot = props.dot;
-  let __size = props.size;
-  let __variant = props.variant;
-  let variant = __variant !== undefined ? __variant : "Default";
-  let size = __size !== undefined ? __size : "Md";
-  let dot = __dot !== undefined ? __dot : false;
-  let getClassName = () => {
-    let variantClass = "basefn-badge--" + variantToString(variant);
-    let sizeClass = "basefn-badge--" + sizeToString(size);
-    let dotClass = dot ? " basefn-badge--dot" : "";
-    return "basefn-badge " + variantClass + " " + sizeClass + dotClass;
-  };
-  return Xote__JSX.Elements.jsx("span", {
-    class: getClassName(),
-    children: {
-      TAG: "SignalText",
-      _0: props.label
-    }
-  });
-}
-
-let make = Eita__Badge;
-
-export {
-  variantToString,
-  sizeToString,
-  make,
-}
-/*  Not a pure module */

package/src/Eita__Breadcrumb.res.mjs

@@ -1,53 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
-
-import './Eita__Breadcrumb.css'
-;
-
-function Eita__Breadcrumb(props) {
-  let __separator = props.separator;
-  let items = props.items;
-  let separator = __separator !== undefined ? __separator : "/";
-  return Xote__JSX.Elements.jsx("nav", {
-    class: "basefn-breadcrumb",
-    children: Xote.Component.fragment(items.map((item, index) => {
-      let isLast = index === (items.length - 1 | 0);
-      let className = isLast ? "basefn-breadcrumb__link--active" : "";
-      let match = item.href;
-      let match$1 = item.onClick;
-      return Xote__JSX.Elements.jsxsKeyed("div", {
-        class: "basefn-breadcrumb__item",
-        children: Xote__JSX.array([
-          match !== undefined ? Xote__JSX.Elements.jsx("a", {
-              class: "basefn-breadcrumb__link " + className,
-              href: match,
-              children: Xote.Component.text(item.label)
-            }) : (
-              match$1 !== undefined ? Xote__JSX.Elements.jsx("button", {
-                  class: "basefn-breadcrumb__link " + className,
-                  style: "background: none; border: none; padding: 0; font: inherit;",
-                  onClick: param => match$1(),
-                  children: Xote.Component.text(item.label)
-                }) : Xote__JSX.Elements.jsx("span", {
-                  class: "basefn-breadcrumb__link " + className,
-                  children: Xote.Component.text(item.label)
-                })
-            ),
-          isLast ? Xote__JSX.jsx(Xote__JSX.jsxFragment, {}) : Xote__JSX.Elements.jsx("span", {
-              class: "basefn-breadcrumb__separator",
-              children: Xote.Component.text(separator)
-            })
-        ])
-      }, index.toString(), undefined);
-    }))
-  });
-}
-
-let make = Eita__Breadcrumb;
-
-export {
-  make,
-}
-/*  Not a pure module */

package/src/Eita__Button.res.mjs

@@ -1,47 +0,0 @@
-// Generated by ReScript, PLEASE EDIT WITH CARE
-
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
-
-import './Eita__Button.css'
-;
-
-function variantToString(variant) {
-  switch (variant) {
-    case "Primary" :
-      return "primary";
-    case "Secondary" :
-      return "secondary";
-    case "Ghost" :
-      return "ghost";
-  }
-}
-
-function Eita__Button(props) {
-  let __class = props.class;
-  let __children = props.children;
-  let __disabled = props.disabled;
-  let __variant = props.variant;
-  let variant = __variant !== undefined ? __variant : "Primary";
-  let disabled = __disabled !== undefined ? __disabled : Xote.Signal.make(false, undefined, undefined);
-  let children = __children !== undefined ? __children : Xote__JSX.$$null();
-  let $$class = __class !== undefined ? __class : Xote.Signal.make("", undefined, undefined);
-  let $$class$1 = Xote.Computed.make(() => {
-    let variantClass = "basefn-button--" + variantToString(variant);
-    return "basefn-button " + variantClass + " " + Xote.Signal.get($$class);
-  }, undefined);
-  return Xote__JSX.Elements.jsx("button", {
-    class: $$class$1,
-    disabled: disabled,
-    onClick: props.onClick,
-    children: children
-  });
-}
-
-let make = Eita__Button;
-
-export {
-  variantToString,
-  make,
-}
-/*  Not a pure module */