@itiseeron/component-lib 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -1,11 +1,5 @@
-// src/components/HelloWorld/HelloWorld.jsx
-import React from "react";
-var HelloWorld = () => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, "HelloWorld");
-};
-
 // src/components/Button/ThinButton.tsx
-import React2 from "react";
+import React from "react";
 import PropTypes from "prop-types";
 var container = {
   //flex: 1,
@@ -32,7 +26,12 @@ var buttonText = {
   color: "#B3C0C2",
   fontSize: "16px",
   alignSelf: "center",
-  font: ""
+  fontFamily: "nunito-regular"
+};
+var buttonReset = {
+  appearance: "none",
+  border: "none",
+  backgroundColor: "transparent"
 };
 function ThinButton({
   testID = "thin-button",
@@ -44,17 +43,17 @@ function ThinButton({
   },
   children
 }) {
-  const [touched, touchedSet] = React2.useState(false);
-  return /* @__PURE__ */ React2.createElement(
+  const [touched, touchedSet] = React.useState(false);
+  return /* @__PURE__ */ React.createElement(
     "button",
     {
       id: testID,
-      style: { ...buttonStyle, opacity: touched ? 0.5 : 1, transition: "opacity 300ms ease" },
+      style: { ...buttonReset, ...buttonStyle, opacity: touched ? 0.5 : 1, transition: "opacity 300ms ease" },
       onClick: onclick,
       onMouseDown: () => touchedSet(true),
       onMouseUp: () => touchedSet(false)
     },
-    children == void 0 || children == null ? /* @__PURE__ */ React2.createElement("span", { style: buttonTextStyle }, text) : children
+    children == void 0 || children == null ? /* @__PURE__ */ React.createElement("span", { style: buttonTextStyle }, text) : children
   );
 }
 ThinButton.propTypes = {
@@ -69,7 +68,7 @@ ThinButton.propTypes = {
 };
 
 // src/components/Card/Card.tsx
-import React3 from "react";
+import React2 from "react";
 import PropTypes2 from "prop-types";
 var container2 = {
   backgroundColor: "white",
@@ -122,6 +121,11 @@ var closeButtonContainer = {
   border: "none",
   background: "none"
 };
+var buttonReset2 = {
+  appearance: "none",
+  border: "none",
+  backgroundColor: "transparent"
+};
 function Card({
   containerStyle = container2,
   wrapperStyle = wrapper,
@@ -131,58 +135,59 @@ function Card({
   subtitleStyle = subtitle,
   titleContainerStyle = titleBoxContainer,
   closeButtonStyle = closeButton,
+  closeButtonContainerStyle = closeButtonContainer,
   showCloseButton = false,
   onClickCloseButton: closeButtonPressedCallBack = () => {
   },
   children
 }) {
-  const [touched, touchedSet] = React3.useState(false);
+  const [touched, touchedSet] = React2.useState(false);
   function renderCloseButton() {
     if (showCloseButton) {
-      return /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React2.createElement(
         "button",
         {
           id: "click-card-close-button",
-          style: { ...closeButtonContainer, opacity: touched ? 0.5 : 1, transition: "opacity 300ms ease" },
+          style: { ...buttonReset2, ...closeButtonContainerStyle, opacity: touched ? 0.5 : 1, transition: "opacity 300ms ease" },
           onClick: closeButtonPressedCallBack,
           onMouseDown: () => touchedSet(true),
           onMouseUp: () => touchedSet(false)
         },
-        /* @__PURE__ */ React3.createElement("span", { style: closeButtonStyle }, "X")
+        /* @__PURE__ */ React2.createElement("span", { style: closeButtonStyle }, "X")
       );
     }
-    return /* @__PURE__ */ React3.createElement(React3.Fragment, null);
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, null);
   }
   function renderSubtitle() {
     if (subtitleText == null || subtitleText == void 0) {
-      return /* @__PURE__ */ React3.createElement(React3.Fragment, null);
+      return /* @__PURE__ */ React2.createElement(React2.Fragment, null);
     }
-    return /* @__PURE__ */ React3.createElement("span", { style: subtitleStyle }, subtitleText);
+    return /* @__PURE__ */ React2.createElement("span", { style: subtitleStyle }, subtitleText);
   }
   function renderTitle() {
-    if (titleText2 == null || titleText2 == void 0) return /* @__PURE__ */ React3.createElement(React3.Fragment, null);
-    return /* @__PURE__ */ React3.createElement("div", { style: titleContainerStyle }, /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement("span", { style: titleStyle }, titleText2)), /* @__PURE__ */ React3.createElement("div", null, renderSubtitle()));
+    if (titleText2 == null || titleText2 == void 0) return /* @__PURE__ */ React2.createElement(React2.Fragment, null);
+    return /* @__PURE__ */ React2.createElement("div", { style: titleContainerStyle }, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("span", { style: titleStyle }, titleText2)), /* @__PURE__ */ React2.createElement("div", null, renderSubtitle()));
   }
-  return /* @__PURE__ */ React3.createElement("div", { style: containerStyle }, renderCloseButton(), renderTitle(), /* @__PURE__ */ React3.createElement("div", { style: wrapperStyle }, children));
+  return /* @__PURE__ */ React2.createElement("div", { style: containerStyle }, renderCloseButton(), renderTitle(), /* @__PURE__ */ React2.createElement("div", { style: wrapperStyle }, children));
 }
 Card.propTypes = {
   key: PropTypes2.string,
   children: PropTypes2.any,
   containerStyle: PropTypes2.object,
   wrapperStyle: PropTypes2.object,
-  title: PropTypes2.string,
+  titleText: PropTypes2.string,
   titleStyle: PropTypes2.object,
-  subtitle: PropTypes2.string,
-  subtitleStyle: PropTypes2.string,
+  subtitleText: PropTypes2.string,
+  subtitleStyle: PropTypes2.object,
   titleContainerStyle: PropTypes2.object,
   closeButtonStyle: PropTypes2.object,
   closeButtonContainerStyle: PropTypes2.object,
-  showCloseButton: PropTypes2.object,
-  closeButtonPressedCallBack: PropTypes2.func
+  showCloseButton: PropTypes2.bool,
+  onClickCloseButton: PropTypes2.func
 };
 
 // src/components/InputForm/InputForm.tsx
-import React4 from "react";
+import React3 from "react";
 import PropTypes3 from "prop-types";
 var container3 = {
   flex: 1,
@@ -190,7 +195,7 @@ var container3 = {
 };
 var formTitle = {
   flex: 1,
-  fontFamily: "nunito_regular",
+  fontFamily: "nunito-regular",
   color: "#AFB3B5",
   fontSize: "15px"
 };
@@ -218,7 +223,7 @@ var inputForm = {
   paddingLeft: 10
 };
 var errorText = {
-  fontFamily: "nunito_regular",
+  fontFamily: "nunito-regular",
   fontSize: 14,
   color: "#C70000"
 };
@@ -241,7 +246,7 @@ function InputForm({
   trim = false,
   maxLength = 200
 }) {
-  const [internalValue, setInternalValue] = React4.useState(defaultValue);
+  const [internalValue, setInternalValue] = React3.useState(defaultValue);
   const isControlled = controlledValue != null;
   const value = isControlled ? controlledValue : internalValue;
   function onChange(rawValue) {
@@ -249,14 +254,14 @@ function InputForm({
     onInput(trim ? rawValue.trim() : rawValue);
   }
   function renderLabel() {
-    if (name == null) return /* @__PURE__ */ React4.createElement(React4.Fragment, null);
-    return /* @__PURE__ */ React4.createElement("div", { style: formTitleWrapper }, /* @__PURE__ */ React4.createElement("label", { style: formTitleStyle }, name));
+    if (name == null) return /* @__PURE__ */ React3.createElement(React3.Fragment, null);
+    return /* @__PURE__ */ React3.createElement("div", { style: formTitleWrapper }, /* @__PURE__ */ React3.createElement("label", { style: formTitleStyle }, name));
   }
   function renderError() {
-    if (errorMessage == null) return /* @__PURE__ */ React4.createElement(React4.Fragment, null);
-    return /* @__PURE__ */ React4.createElement("span", { style: errorStyle }, errorMessage);
+    if (errorMessage == null) return /* @__PURE__ */ React3.createElement(React3.Fragment, null);
+    return /* @__PURE__ */ React3.createElement("span", { style: errorStyle }, errorMessage);
   }
-  return /* @__PURE__ */ React4.createElement("div", { id: testID, style: containerStyle }, renderLabel(), /* @__PURE__ */ React4.createElement("div", { style: inputWrapper }, multiline ? /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { id: testID, style: containerStyle }, renderLabel(), /* @__PURE__ */ React3.createElement("div", { style: inputWrapper }, multiline ? /* @__PURE__ */ React3.createElement(
     "textarea",
     {
       value,
@@ -266,7 +271,7 @@ function InputForm({
       maxLength,
       onChange: (input) => onChange(input.currentTarget.value)
     }
-  ) : /* @__PURE__ */ React4.createElement(
+  ) : /* @__PURE__ */ React3.createElement(
     "input",
     {
       value,
@@ -299,11 +304,11 @@ InputForm.propTypes = {
 };
 
 // src/components/NavigationBar/NavigationBar.tsx
-import React6 from "react";
+import React5 from "react";
 import PropTypes5 from "prop-types";
 
 // src/components/NavigationBar/NavigationBarView.tsx
-import React5 from "react";
+import React4 from "react";
 import PropTypes4 from "prop-types";
 var container4 = {
   display: "flex",
@@ -337,6 +342,11 @@ var itemText = {
 var activeItemText = {
   color: "#00ADE9"
 };
+var itemReset = {
+  appearance: "none",
+  border: "none",
+  backgroundColor: "transparent"
+};
 function NavigationBarView({
   testID = "navigation-bar",
   items,
@@ -350,20 +360,20 @@ function NavigationBarView({
 }) {
   function renderItem(navItem) {
     const active = navItem.key === selectedKey;
-    return /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React4.createElement(
       "button",
       {
         id: `${testID}-item-${navItem.key}`,
         key: navItem.key,
         disabled: navItem.disabled,
-        style: { ...itemStyle, ...active ? activeItemStyle : {}, opacity: navItem.disabled ? 0.4 : 1 },
+        style: { ...itemReset, ...itemStyle, ...active ? activeItemStyle : {}, opacity: navItem.disabled ? 0.4 : 1 },
         onClick: () => onItemSelect(navItem)
       },
       navItem.icon,
-      /* @__PURE__ */ React5.createElement("span", { style: { ...itemTextStyle, ...active ? activeItemTextStyle : {} } }, navItem.label)
+      /* @__PURE__ */ React4.createElement("span", { style: { ...itemTextStyle, ...active ? activeItemTextStyle : {} } }, navItem.label)
     );
   }
-  return /* @__PURE__ */ React5.createElement("nav", { id: testID, style: containerStyle }, items.map(renderItem));
+  return /* @__PURE__ */ React4.createElement("nav", { id: testID, style: containerStyle }, items.map(renderItem));
 }
 NavigationBarView.propTypes = {
   testID: PropTypes4.string,
@@ -390,7 +400,7 @@ function NavigationBar({
   selectedKey: controlledSelectedKey,
   onSelect: onSelectCallback = () => {
   },
-  render = (viewProps) => /* @__PURE__ */ React6.createElement(NavigationBarView, { ...viewProps }),
+  render = (viewProps) => /* @__PURE__ */ React5.createElement(NavigationBarView, { ...viewProps }),
   containerStyle,
   itemStyle,
   activeItemStyle,
@@ -398,7 +408,7 @@ function NavigationBar({
   activeItemTextStyle
 }) {
   var _a;
-  const [internalSelectedKey, setInternalSelectedKey] = React6.useState(defaultSelectedKey != null ? defaultSelectedKey : (_a = items[0]) == null ? void 0 : _a.key);
+  const [internalSelectedKey, setInternalSelectedKey] = React5.useState(defaultSelectedKey != null ? defaultSelectedKey : (_a = items[0]) == null ? void 0 : _a.key);
   const isControlled = controlledSelectedKey != null;
   const selectedKey = isControlled ? controlledSelectedKey : internalSelectedKey;
   function selectItem(navItem) {
@@ -439,11 +449,11 @@ NavigationBar.propTypes = {
 };
 
 // src/components/HamburgerMenu/HamburgerMenu.tsx
-import React8 from "react";
+import React7 from "react";
 import PropTypes7 from "prop-types";
 
 // src/components/HamburgerMenu/HamburgerMenuView.tsx
-import React7 from "react";
+import React6 from "react";
 import PropTypes6 from "prop-types";
 var container5 = {
   position: "relative",
@@ -467,6 +477,11 @@ var iconText = {
   color: "#B3C0C2",
   fontSize: "24px"
 };
+var buttonReset3 = {
+  appearance: "none",
+  border: "none",
+  backgroundColor: "transparent"
+};
 var panel = {
   position: "absolute",
   top: "100%",
@@ -497,22 +512,22 @@ function HamburgerMenuView({
   itemTextStyle,
   activeItemTextStyle
 }) {
-  const [isOpen, setIsOpen] = React7.useState(false);
+  const [isOpen, setIsOpen] = React6.useState(false);
   function selectAndClose(navItem) {
     onItemSelect(navItem);
     setIsOpen(false);
   }
-  return /* @__PURE__ */ React7.createElement("div", { id: testID, style: containerStyle }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { id: testID, style: containerStyle }, /* @__PURE__ */ React6.createElement(
     "button",
     {
       id: `${testID}-toggle`,
       type: "button",
       "aria-expanded": isOpen,
-      style: buttonStyle,
+      style: { ...buttonReset3, ...buttonStyle },
       onClick: () => setIsOpen((open) => !open)
     },
-    icon != null ? icon : /* @__PURE__ */ React7.createElement("span", { style: iconStyle }, "\u2630")
-  ), isOpen && /* @__PURE__ */ React7.createElement(
+    icon != null ? icon : /* @__PURE__ */ React6.createElement("span", { style: iconStyle }, "\u2630")
+  ), isOpen && /* @__PURE__ */ React6.createElement(
     NavigationBarView,
     {
       testID: `${testID}-panel`,
@@ -565,7 +580,7 @@ function HamburgerMenu({
   itemTextStyle,
   activeItemTextStyle
 }) {
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React7.createElement(
     NavigationBar,
     {
       testID,
@@ -573,7 +588,7 @@ function HamburgerMenu({
       defaultSelectedKey,
       selectedKey,
       onSelect,
-      render: (viewProps) => /* @__PURE__ */ React8.createElement(
+      render: (viewProps) => /* @__PURE__ */ React7.createElement(
         HamburgerMenuView,
         {
           testID: viewProps.testID,
@@ -618,11 +633,11 @@ HamburgerMenu.propTypes = {
 };
 
 // src/components/RadioButtonGroup/RadioButtonGroup.tsx
-import React10 from "react";
+import React9 from "react";
 import PropTypes9 from "prop-types";
 
 // src/components/RadioButtonGroup/RadioButtonGroupView.tsx
-import React9 from "react";
+import React8 from "react";
 import PropTypes8 from "prop-types";
 var titleContainer = {
   width: "100%"
@@ -650,7 +665,9 @@ var item2 = {
   height: "40px",
   padding: "10px",
   backgroundColor: "transparent",
-  border: "1px solid rgba(55,66,69,.5)",
+  borderWidth: "1px",
+  borderStyle: "solid",
+  borderColor: "rgba(55,66,69,.5)",
   cursor: "pointer",
   transition: "opacity 300ms ease"
 };
@@ -666,6 +683,11 @@ var itemText2 = {
 var activeItemText2 = {
   color: "white"
 };
+var itemReset2 = {
+  appearance: "none",
+  border: "none",
+  backgroundColor: "transparent"
+};
 function RadioButtonGroupView({
   testID = "radio-button-group",
   items,
@@ -681,8 +703,8 @@ function RadioButtonGroupView({
   activeItemTextStyle = activeItemText2
 }) {
   function renderTitle() {
-    if (title2 == null) return /* @__PURE__ */ React9.createElement(React9.Fragment, null);
-    return /* @__PURE__ */ React9.createElement("div", { style: titleContainerStyle }, /* @__PURE__ */ React9.createElement("span", { style: titleStyle }, title2));
+    if (title2 == null) return /* @__PURE__ */ React8.createElement(React8.Fragment, null);
+    return /* @__PURE__ */ React8.createElement("div", { style: titleContainerStyle }, /* @__PURE__ */ React8.createElement("span", { style: titleStyle }, title2));
   }
   function renderItem(navItem, index) {
     const active = navItem.key === selectedKey;
@@ -690,20 +712,20 @@ function RadioButtonGroupView({
       ...index === 0 ? { borderTopLeftRadius: 4, borderBottomLeftRadius: 4 } : {},
       ...index === items.length - 1 ? { borderTopRightRadius: 4, borderBottomRightRadius: 4 } : {}
     };
-    return /* @__PURE__ */ React9.createElement(
+    return /* @__PURE__ */ React8.createElement(
       "button",
       {
         id: `${testID}-item-${navItem.key}`,
         key: navItem.key,
         disabled: navItem.disabled,
-        style: { ...positionStyle, ...itemStyle, ...active ? activeItemStyle : {}, opacity: navItem.disabled ? 0.4 : 1 },
+        style: { ...itemReset2, ...positionStyle, ...itemStyle, ...active ? activeItemStyle : {}, opacity: navItem.disabled ? 0.4 : 1 },
         onClick: () => onItemSelect(navItem)
       },
       navItem.icon,
-      /* @__PURE__ */ React9.createElement("span", { style: { ...itemTextStyle, ...active ? activeItemTextStyle : {} } }, navItem.label)
+      /* @__PURE__ */ React8.createElement("span", { style: { ...itemTextStyle, ...active ? activeItemTextStyle : {} } }, navItem.label)
     );
   }
-  return /* @__PURE__ */ React9.createElement("div", { id: testID }, renderTitle(), /* @__PURE__ */ React9.createElement("div", { style: containerStyle }, items.map(renderItem)));
+  return /* @__PURE__ */ React8.createElement("div", { id: testID }, renderTitle(), /* @__PURE__ */ React8.createElement("div", { style: containerStyle }, items.map(renderItem)));
 }
 RadioButtonGroupView.propTypes = {
   testID: PropTypes8.string,
@@ -741,7 +763,7 @@ function RadioButtonGroup({
   itemTextStyle,
   activeItemTextStyle
 }) {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React9.createElement(
     NavigationBar,
     {
       testID,
@@ -749,7 +771,7 @@ function RadioButtonGroup({
       defaultSelectedKey,
       selectedKey,
       onSelect,
-      render: (viewProps) => /* @__PURE__ */ React10.createElement(
+      render: (viewProps) => /* @__PURE__ */ React9.createElement(
         RadioButtonGroupView,
         {
           testID: viewProps.testID,
@@ -792,7 +814,7 @@ RadioButtonGroup.propTypes = {
 };
 
 // src/components/Loading/Loading.tsx
-import React11 from "react";
+import React10 from "react";
 import PropTypes10 from "prop-types";
 var spinnerKeyframes = `
 @keyframes component-lib-loading-spin {
@@ -832,7 +854,7 @@ function Loading({
   wrapperStyle = wrapper2,
   spinnerStyle = spinner
 }) {
-  return /* @__PURE__ */ React11.createElement("div", { id: testID }, /* @__PURE__ */ React11.createElement("style", null, spinnerKeyframes), /* @__PURE__ */ React11.createElement(Card, { containerStyle, wrapperStyle }, /* @__PURE__ */ React11.createElement("div", { style: spinnerStyle }), children));
+  return /* @__PURE__ */ React10.createElement("div", { id: testID }, /* @__PURE__ */ React10.createElement("style", null, spinnerKeyframes), /* @__PURE__ */ React10.createElement(Card, { containerStyle, wrapperStyle }, /* @__PURE__ */ React10.createElement("div", { style: spinnerStyle }), children));
 }
 Loading.propTypes = {
   key: PropTypes10.any,
@@ -844,11 +866,11 @@ Loading.propTypes = {
 };
 
 // src/components/ScrollMenu/ScrollMenu.tsx
-import React13 from "react";
+import React12 from "react";
 import PropTypes12 from "prop-types";
 
 // src/components/ScrollMenu/ScrollMenuView.tsx
-import React12 from "react";
+import React11 from "react";
 import PropTypes11 from "prop-types";
 var container8 = {
   display: "flex",
@@ -886,6 +908,11 @@ var tileText = {
   fontSize: "14px",
   textAlign: "center"
 };
+var tileReset = {
+  appearance: "none",
+  border: "none",
+  backgroundColor: "transparent"
+};
 function ScrollMenuView({
   testID = "scroll-menu",
   items,
@@ -899,19 +926,19 @@ function ScrollMenuView({
   function renderItem(navItem) {
     var _a;
     const active = navItem.key === selectedKey;
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React11.createElement(
       "button",
       {
         id: `${testID}-item-${navItem.key}`,
         key: navItem.key,
         disabled: navItem.disabled,
-        style: { ...tileStyle, ...active ? activeTileStyle : {}, opacity: navItem.disabled ? 0.4 : 1 },
+        style: { ...tileReset, ...tileStyle, ...active ? activeTileStyle : {}, opacity: navItem.disabled ? 0.4 : 1 },
         onClick: () => onItemSelect(navItem)
       },
-      (_a = navItem.icon) != null ? _a : /* @__PURE__ */ React12.createElement("span", { style: tileTextStyle }, navItem.label)
+      (_a = navItem.icon) != null ? _a : /* @__PURE__ */ React11.createElement("span", { style: tileTextStyle }, navItem.label)
     );
   }
-  return /* @__PURE__ */ React12.createElement("div", { id: testID, style: containerStyle }, items.map(renderItem));
+  return /* @__PURE__ */ React11.createElement("div", { id: testID, style: containerStyle }, items.map(renderItem));
 }
 ScrollMenuView.propTypes = {
   testID: PropTypes11.string,
@@ -941,7 +968,7 @@ function ScrollMenu({
   activeTileStyle,
   tileTextStyle
 }) {
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React12.createElement(
     NavigationBar,
     {
       testID,
@@ -949,7 +976,7 @@ function ScrollMenu({
       defaultSelectedKey,
       selectedKey,
       onSelect,
-      render: (viewProps) => /* @__PURE__ */ React13.createElement(
+      render: (viewProps) => /* @__PURE__ */ React12.createElement(
         ScrollMenuView,
         {
           testID: viewProps.testID,
@@ -984,7 +1011,7 @@ ScrollMenu.propTypes = {
 };
 
 // src/components/Tile/Tile.tsx
-import React14 from "react";
+import React13 from "react";
 import PropTypes13 from "prop-types";
 var imageTileContainer = {
   display: "flex",
@@ -1030,16 +1057,18 @@ var tileText2 = {
 function ImageTile({
   testID = "image-tile",
   image,
+  alt = "",
   enlarge = false,
   containerStyle = enlarge ? imageTileContainerLarge : imageTileContainer,
   imageStyle = tileImage
 }) {
-  return /* @__PURE__ */ React14.createElement("div", { id: testID, style: containerStyle }, /* @__PURE__ */ React14.createElement("img", { src: image, style: imageStyle }));
+  return /* @__PURE__ */ React13.createElement("div", { id: testID, style: containerStyle }, /* @__PURE__ */ React13.createElement("img", { src: image, alt, style: imageStyle }));
 }
 ImageTile.propTypes = {
   key: PropTypes13.any,
   testID: PropTypes13.string,
   image: PropTypes13.string.isRequired,
+  alt: PropTypes13.string,
   enlarge: PropTypes13.bool,
   containerStyle: PropTypes13.object,
   imageStyle: PropTypes13.object
@@ -1051,7 +1080,7 @@ function TextTile({
   containerStyle = textTileContainer,
   textStyle = tileText2
 }) {
-  return /* @__PURE__ */ React14.createElement("div", { id: testID, style: containerStyle }, /* @__PURE__ */ React14.createElement("span", { style: { ...textStyle, fontSize } }, text));
+  return /* @__PURE__ */ React13.createElement("div", { id: testID, style: containerStyle }, /* @__PURE__ */ React13.createElement("span", { style: { ...textStyle, fontSize } }, text));
 }
 TextTile.propTypes = {
   key: PropTypes13.any,
@@ -1063,7 +1092,7 @@ TextTile.propTypes = {
 };
 
 // src/components/SearchBar/SearchBar.tsx
-import React15 from "react";
+import React14 from "react";
 import PropTypes14 from "prop-types";
 
 // src/components/SearchBar/matching.ts
@@ -1144,9 +1173,9 @@ function SearchBar({
   debounceMs = 0,
   ...inputFormProps
 }) {
-  const [text, setText] = React15.useState(defaultValue);
-  const isFirstRender = React15.useRef(true);
-  const debounceRef = React15.useRef();
+  const [text, setText] = React14.useState(defaultValue);
+  const isFirstRender = React14.useRef(true);
+  const debounceRef = React14.useRef();
   const matchOptions = { matchStrategy, caseSensitive, ignoreAccents, rank };
   function emitResults(searchText) {
     onResults(filterObjects(searchText, objects, keys, matchOptions));
@@ -1160,19 +1189,19 @@ function SearchBar({
       emitResults(searchText);
     }
   }
-  React15.useEffect(() => {
+  React14.useEffect(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, []);
-  React15.useEffect(() => {
+  React14.useEffect(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
     }
     emitResults(text);
   }, [objects]);
-  return /* @__PURE__ */ React15.createElement(InputForm, { ...inputFormProps, value: text, onInput: runFilter });
+  return /* @__PURE__ */ React14.createElement(InputForm, { ...inputFormProps, value: text, onInput: runFilter });
 }
 SearchBar.propTypes = {
   objects: PropTypes14.array,
@@ -1192,7 +1221,6 @@ export {
   Card,
   HamburgerMenu,
   HamburgerMenuView,
-  HelloWorld,
   ImageTile,
   InputForm,
   Loading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itiseeron/component-lib",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Eeron Grant's personal React component library",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",