opus-toolkit-components 0.2.2 → 0.2.3

package/lib/{905.dab21ef1b7f753de58a0.js → main.10d428f5ec38bca77e8f.js}

@@ -1,5 +1,60 @@
-"use strict";
-(self["webpackChunkopus_components"] = self["webpackChunkopus_components"] || []).push([[905],{
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("react"), require("react-dom"));
+	else if(typeof define === 'function' && define.amd)
+		define("opus-components", ["react", "react-dom"], factory);
+	else if(typeof exports === 'object')
+		exports["opus-components"] = factory(require("react"), require("react-dom"));
+	else
+		root["opus-components"] = factory(root["react"], root["react-dom"]);
+})(self, (__WEBPACK_EXTERNAL_MODULE__155__, __WEBPACK_EXTERNAL_MODULE__514__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 250:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.primary-btn{background:#e23193;color:#fff}.primary-btn:hover{background:#005de5}.secondary-btn{background:#005de5;color:#fff}.secondary-btn:hover{background:#e23193}.outline-btn{background:none;border:2px solid #fff;color:#fff}.outline-btn:hover{background:#e23193;border-color:#e23193}`, "",{"version":3,"sources":["webpack://./src/components/Buttons/_button.scss","webpack://./node_modules/opus-toolkit-styles/fragments/_colours.scss"],"names":[],"mappings":"AAoBA,aACI,kBCEO,CDDP,UAhBS,CAKX,mBACE,kBCSO,CDMX,eACI,kBCPO,CDQP,UAvBS,CAKX,qBACE,kBCWO,CDWX,aACI,eAAA,CACA,qBAAA,CACA,UA/BS,CAKX,mBACE,kBCWO,CDTL,oBCSK","sourcesContent":["@import 'opus-toolkit-styles/fragments/colours';\r\n// Define color variables\r\n$primary-color: $c247Pink;\r\n$primary-hover-color: $c247Blue;\r\n$secondary-color: $c247Blue;\r\n$hover-color: $c247Pink;\r\n$text-color: white;\r\n$outline-border-color: white;\r\n\r\n// Create a mixin for hover effects to avoid repetition\r\n@mixin hover-effect($hover-bg, $hover-border: null) {\r\n  &:hover {\r\n    background: $hover-bg;\r\n    @if $hover-border {\r\n      border-color: $hover-border;\r\n    }\r\n  }\r\n}\r\n\r\n// Primary button styles\r\n.primary-btn {\r\n    background: $primary-color;\r\n    color: $text-color;\r\n    @include hover-effect($primary-hover-color);\r\n}\r\n\r\n// Secondary button styles\r\n.secondary-btn {\r\n    background: $secondary-color;\r\n    color: $text-color;\r\n    @include hover-effect($hover-color);\r\n}\r\n\r\n// Outline button styles\r\n.outline-btn {\r\n    background: none;\r\n    border: 2px solid $outline-border-color;\r\n    color: $text-color;\r\n    @include hover-effect($hover-color, $hover-color);\r\n}","// Foundation Brand colors\r\n$opusDeepBlue: #0c022f;\r\n$opusNavy: #24135f;\r\n$opusRichBlue: #003494;\r\n\r\n// Grey/Blue Scale\r\n$opusDarkest: #07011c;\r\n$opusGrey800: #1b1f51;\r\n$opusGrey700: #444877;\r\n$opusGrey600: #8b8fac;\r\n$opusGrey400: #e3e4eb;\r\n$opusGrey200: #f8f8fb;\r\n$opusWhite: #ffffff;\r\n\r\n// Brand Colours\r\n$opusLightBlue: #005de5;\r\n$opusBrandBlue: #0176d9;\r\n$opusPurple: #451f88;\r\n$opusPink: #e05db4;\r\n\r\n// C247 Colours\r\n$c247Blue: #005de5;\r\n$c247Purple: #ad43c4;\r\n$c247Pink: #e23193;\r\n\r\n// Utility Colours\r\n$danger: #bb0808;\r\n$success: #27be36;"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 865:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.dark-card{background-color:#24135f;color:#fff}.light-card{background-color:#fff;color:#0c022f}`, "",{"version":3,"sources":["webpack://./src/components/Cards/card.scss","webpack://./node_modules/opus-toolkit-styles/fragments/_colours.scss"],"names":[],"mappings":"AAGA,WACI,wBCFO,CDGP,UAAA,CAEJ,YACI,qBAAA,CACA,aCRW","sourcesContent":["@import 'opus-toolkit-styles/fragments/colours';\r\n\r\n\r\n.dark-card {\r\n    background-color: $opusNavy;\r\n    color: white;\r\n}\r\n.light-card {\r\n    background-color: white;\r\n    color: $opusDeepBlue;\r\n}","// Foundation Brand colors\r\n$opusDeepBlue: #0c022f;\r\n$opusNavy: #24135f;\r\n$opusRichBlue: #003494;\r\n\r\n// Grey/Blue Scale\r\n$opusDarkest: #07011c;\r\n$opusGrey800: #1b1f51;\r\n$opusGrey700: #444877;\r\n$opusGrey600: #8b8fac;\r\n$opusGrey400: #e3e4eb;\r\n$opusGrey200: #f8f8fb;\r\n$opusWhite: #ffffff;\r\n\r\n// Brand Colours\r\n$opusLightBlue: #005de5;\r\n$opusBrandBlue: #0176d9;\r\n$opusPurple: #451f88;\r\n$opusPink: #e05db4;\r\n\r\n// C247 Colours\r\n$c247Blue: #005de5;\r\n$c247Purple: #ad43c4;\r\n$c247Pink: #e23193;\r\n\r\n// Utility Colours\r\n$danger: #bb0808;\r\n$success: #27be36;"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
 
 /***/ 314:
 /***/ ((module) => {
@@ -363,20 +418,394 @@ module.exports = styleTagTransform;
 
 /***/ }),
 
-/***/ 66:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+/***/ 155:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__155__;
+
+/***/ }),
+
+/***/ 514:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__514__;
+
+/***/ })
 
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			id: moduleId,
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/create fake namespace object */
+/******/ 	(() => {
+/******/ 		var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
+/******/ 		var leafPrototypes;
+/******/ 		// create a fake namespace object
+/******/ 		// mode & 1: value is a module id, require it
+/******/ 		// mode & 2: merge all properties of value into the ns
+/******/ 		// mode & 4: return value when already ns object
+/******/ 		// mode & 16: return value when it's Promise-like
+/******/ 		// mode & 8|1: behave like require
+/******/ 		__webpack_require__.t = function(value, mode) {
+/******/ 			if(mode & 1) value = this(value);
+/******/ 			if(mode & 8) return value;
+/******/ 			if(typeof value === 'object' && value) {
+/******/ 				if((mode & 4) && value.__esModule) return value;
+/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
+/******/ 			}
+/******/ 			var ns = Object.create(null);
+/******/ 			__webpack_require__.r(ns);
+/******/ 			var def = {};
+/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
+/******/ 			for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
+/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
+/******/ 			}
+/******/ 			def['default'] = () => (value);
+/******/ 			__webpack_require__.d(ns, def);
+/******/ 			return ns;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/nonce */
+/******/ 	(() => {
+/******/ 		__webpack_require__.nc = undefined;
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  W1: () => (/* binding */ rn),
-  IU: () => (/* binding */ It),
-  Dr: () => (/* binding */ Et),
-  c: () => (/* binding */ gt)
+  Accordion: () => (/* reexport */ Accordions_Accordion),
+  Button: () => (/* reexport */ Button),
+  Card: () => (/* reexport */ Card),
+  DatePicker: () => (/* reexport */ DatePicker),
+  Dropdown: () => (/* reexport */ Dropdown),
+  Input: () => (/* reexport */ Input),
+  RadioButton: () => (/* reexport */ RadioButton),
+  Table: () => (/* reexport */ Table)
 });
 
-// UNUSED EXPORTS: MenuHeading, MenuSection, MenuSeparator
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(155);
+var external_react_namespaceObject = /*#__PURE__*/__webpack_require__.t(external_react_, 2);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// ./src/components/Accordions/Accordion.js
+
+const Accordion = _ref => {
+  let {
+    title,
+    handleToggle,
+    activeIndex,
+    index,
+    children
+  } = _ref;
+  const [internalActiveIndex, setInternalActiveIndex] = (0,external_react_.useState)(null);
+
+  // Determine which activeIndex to use: internal or external
+  const isActive = activeIndex !== undefined ? activeIndex === index : internalActiveIndex === index;
+
+  // Internal toggle function for self-managed state
+  const toggle = () => {
+    if (handleToggle) {
+      handleToggle(index); // Trigger external handler if provided
+    } else {
+      setInternalActiveIndex(isActive ? null : index); // Otherwise, toggle internal state
+    }
+  };
+
+  // Sync internal state with external state if activeIndex changes
+  (0,external_react_.useEffect)(() => {
+    if (activeIndex !== undefined) {
+      setInternalActiveIndex(activeIndex);
+    }
+  }, [activeIndex]);
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion"
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion-item border-2 rounded-lg border-gray-200 mb-2",
+    key: index
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion-header flex p-4 justify-between",
+    onClick: toggle // Handle both internal and external toggles
+    ,
+    style: {
+      cursor: 'pointer'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("h3", null, title), /*#__PURE__*/external_react_default().createElement("div", null, isActive ? '-' : '+'))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion-body p-4"
+  }, /*#__PURE__*/external_react_default().createElement("p", null, "Example Child Prop"), children));
+};
+/* harmony default export */ const Accordions_Accordion = (Accordion);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(72);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
+var styleDomAPI = __webpack_require__(825);
+var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
+var insertBySelector = __webpack_require__(659);
+var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
+var setAttributesWithoutAttributes = __webpack_require__(56);
+var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
+var insertStyleElement = __webpack_require__(540);
+var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
+var styleTagTransform = __webpack_require__(113);
+var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Buttons/_button.scss
+var _button = __webpack_require__(250);
+;// ./src/components/Buttons/_button.scss
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (styleTagTransform_default());
+options.setAttributes = (setAttributesWithoutAttributes_default());
+options.insert = insertBySelector_default().bind(null, "head");
+options.domAPI = (styleDomAPI_default());
+options.insertStyleElement = (insertStyleElement_default());
+
+var update = injectStylesIntoStyleTag_default()(_button/* default */.A, options);
+
+
+
+
+       /* harmony default export */ const Buttons_button = (_button/* default */.A && _button/* default */.A.locals ? _button/* default */.A.locals : undefined);
+
+;// ./src/components/Buttons/Button.js
+
+
+function Button(_ref) {
+  let {
+    type = 'button',
+    rank = 'primary',
+    text = 'Example Button',
+    size = 'md',
+    isFullWidth = false,
+    // The boolean to toggle 'w-full'
+    onClick
+  } = _ref;
+  // Conditional class based on isFullWidth
+  const classNames = `transition ease-in-out duration-700 rounded px-6 py-2 text-${size} ${rank}-btn ${isFullWidth ? 'w-full' : ''}`;
+  return /*#__PURE__*/external_react_default().createElement("button", {
+    type: type,
+    className: classNames,
+    onClick: onClick
+  }, text);
+}
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Cards/card.scss
+var card = __webpack_require__(865);
+;// ./src/components/Cards/card.scss
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
 
+var card_options = {};
+
+card_options.styleTagTransform = (styleTagTransform_default());
+card_options.setAttributes = (setAttributesWithoutAttributes_default());
+card_options.insert = insertBySelector_default().bind(null, "head");
+card_options.domAPI = (styleDomAPI_default());
+card_options.insertStyleElement = (insertStyleElement_default());
+
+var card_update = injectStylesIntoStyleTag_default()(card/* default */.A, card_options);
+
+
+
+
+       /* harmony default export */ const Cards_card = (card/* default */.A && card/* default */.A.locals ? card/* default */.A.locals : undefined);
+
+;// ./src/components/Cards/Card.js
+
+
+function Card(_ref) {
+  let {
+    mode = 'light',
+    children
+  } = _ref;
+  const cardClasses = `p-5 ${mode}-card rounded-lg shadow-lg`;
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: cardClasses
+  }, children);
+}
+;// ./src/components/Forms/Inputs/Input.js
+
+function Input(_ref) {
+  let {
+    label,
+    placeholder,
+    type = 'text',
+    name,
+    isValid = true,
+    errorMessage = `${label} is required`,
+    onChange
+  } = _ref;
+  const inputClasses = `rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-500' : 'border-rose-500'}`;
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: "flex flex-col mb-4"
+  }, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("input", {
+    className: inputClasses,
+    type: type,
+    name: name,
+    placeholder: placeholder,
+    onChange: onChange
+  }), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
+    className: "text-rose-500 text-sm"
+  }, errorMessage));
+}
+;// ./src/components/Forms/Datepickers/DatePicker.js
+
+function DatePicker(_ref) {
+  let {
+    initialDate = '',
+    label = 'Select a Date:',
+    isValid = true,
+    errorMessage = "Error message"
+  } = _ref;
+  const [selectedDate, setSelectedDate] = (0,external_react_.useState)(initialDate);
+  (0,external_react_.useEffect)(() => {
+    setSelectedDate(initialDate);
+  }, [initialDate]);
+  const handleDateChange = e => {
+    setSelectedDate(e.target.value);
+  };
+  const inputClasses = `rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-400' : 'border-rose-500'}`;
+  return /*#__PURE__*/external_react_.React.createElement("div", {
+    className: "flex flex-col mb-4"
+  }, /*#__PURE__*/external_react_.React.createElement("label", {
+    htmlFor: "date"
+  }, label), /*#__PURE__*/external_react_.React.createElement("input", {
+    type: "date",
+    id: "date",
+    value: selectedDate,
+    onChange: handleDateChange,
+    className: inputClasses
+  }), !isValid && /*#__PURE__*/external_react_.React.createElement("span", {
+    className: "text-rose-500 text-sm"
+  }, errorMessage));
+}
+;// ./src/components/Forms/Radios/RadioButton.js
+
+function RadioButton(_ref) {
+  let {
+    name,
+    value,
+    checked,
+    onChange,
+    rank = 'primary',
+    // Can be 'primary', 'secondary', etc.
+    text = 'Example Radio',
+    size = 'md' // Sizes can be 'sm', 'md', 'lg'
+  } = _ref;
+  // Conditional class based on rank and size
+  const classNames = `
+    flex items-center cursor-pointer transition 
+    duration-200 ease-in-out 
+    ${rank === 'primary' ? 'text-blue-600' : 'text-gray-600'} 
+    ${size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : 'text-base'}
+  `;
+  return /*#__PURE__*/external_react_default().createElement("label", {
+    className: classNames
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    type: "radio",
+    name: name,
+    value: value,
+    checked: checked,
+    onChange: onChange,
+    className: `mr-2 form-radio ${rank}-radio` // Apply Tailwind styles
+  }), text);
+}
+;// ./src/components/Tables/Table.js
+
+function Table() {
+  return /*#__PURE__*/external_react_default().createElement("table", {
+    class: "table-auto"
+  }, /*#__PURE__*/external_react_default().createElement("thead", null, /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("th", null, "Song"), /*#__PURE__*/external_react_default().createElement("th", null, "Artist"), /*#__PURE__*/external_react_default().createElement("th", null, "Year"))), /*#__PURE__*/external_react_default().createElement("tbody", null, /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "The Sliding Mr. Bones (Next Stop, Pottersville)"), /*#__PURE__*/external_react_default().createElement("td", null, "Malcolm Lockyer"), /*#__PURE__*/external_react_default().createElement("td", null, "1961")), /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "Witchy Woman"), /*#__PURE__*/external_react_default().createElement("td", null, "The Eagles"), /*#__PURE__*/external_react_default().createElement("td", null, "1972")), /*#__PURE__*/external_react_default().createElement("tr", null, /*#__PURE__*/external_react_default().createElement("td", null, "Shining Star"), /*#__PURE__*/external_react_default().createElement("td", null, "Earth, Wind, and Fire"), /*#__PURE__*/external_react_default().createElement("td", null, "1975"))));
+}
 ;// ./node_modules/@react-aria/utils/dist/platform.mjs
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -489,9 +918,6 @@ const $431fbd86ca7dc216$export$f21a1ffae260145a = (el)=>{
 
 //# sourceMappingURL=domHelpers.module.js.map
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(155);
-var external_react_namespaceObject = /*#__PURE__*/__webpack_require__.t(external_react_, 2);
 ;// ./node_modules/@react-aria/interactions/dist/useFocusVisible.mjs
 
 
@@ -8537,23 +8963,14 @@ let portal_force_root_e=(0,external_react_.createContext)(!1);function portal_fo
 ;// ./node_modules/@headlessui/react/dist/components/menu/menu.js
 "use client";var qe=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(qe||{}),ze=(r=>(r[r.Pointer=0]="Pointer",r[r.Other=1]="Other",r))(ze||{}),Ye=(a=>(a[a.OpenMenu=0]="OpenMenu",a[a.CloseMenu=1]="CloseMenu",a[a.GoToItem=2]="GoToItem",a[a.Search=3]="Search",a[a.ClearSearch=4]="ClearSearch",a[a.RegisterItem=5]="RegisterItem",a[a.UnregisterItem=6]="UnregisterItem",a[a.SetButtonElement=7]="SetButtonElement",a[a.SetItemsElement=8]="SetItemsElement",a))(Ye||{});function menu_j(e,n=r=>r){let r=e.activeItemIndex!==null?e.items[e.activeItemIndex]:null,l=_(n(e.items.slice()),u=>u.dataRef.current.domRef.current),o=r?l.indexOf(r):null;return o===-1&&(o=null),{items:l,activeItemIndex:o}}let Ze={[1](e){return e.menuState===1?e:{...e,activeItemIndex:null,menuState:1}},[0](e){return e.menuState===0?e:{...e,__demoMode:!1,menuState:0}},[2]:(e,n)=>{var u,p,s,m,a;if(e.menuState===1)return e;let r={...e,searchQuery:"",activationTrigger:(u=n.trigger)!=null?u:1,__demoMode:!1};if(n.focus===calculate_active_index_c.Nothing)return{...r,activeItemIndex:null};if(n.focus===calculate_active_index_c.Specific)return{...r,activeItemIndex:e.items.findIndex(t=>t.id===n.id)};if(n.focus===calculate_active_index_c.Previous){let t=e.activeItemIndex;if(t!==null){let d=e.items[t].dataRef.current.domRef,f=calculate_active_index_f(n,{resolveItems:()=>e.items,resolveActiveIndex:()=>e.activeItemIndex,resolveId:c=>c.id,resolveDisabled:c=>c.dataRef.current.disabled});if(f!==null){let c=e.items[f].dataRef.current.domRef;if(((p=d.current)==null?void 0:p.previousElementSibling)===c.current||((s=c.current)==null?void 0:s.previousElementSibling)===null)return{...r,activeItemIndex:f}}}}else if(n.focus===calculate_active_index_c.Next){let t=e.activeItemIndex;if(t!==null){let d=e.items[t].dataRef.current.domRef,f=calculate_active_index_f(n,{resolveItems:()=>e.items,resolveActiveIndex:()=>e.activeItemIndex,resolveId:c=>c.id,resolveDisabled:c=>c.dataRef.current.disabled});if(f!==null){let c=e.items[f].dataRef.current.domRef;if(((m=d.current)==null?void 0:m.nextElementSibling)===c.current||((a=c.current)==null?void 0:a.nextElementSibling)===null)return{...r,activeItemIndex:f}}}}let l=menu_j(e),o=calculate_active_index_f(n,{resolveItems:()=>l.items,resolveActiveIndex:()=>l.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return{...r,...l,activeItemIndex:o}},[3]:(e,n)=>{let l=e.searchQuery!==""?0:1,o=e.searchQuery+n.value.toLowerCase(),p=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+l).concat(e.items.slice(0,e.activeItemIndex+l)):e.items).find(m=>{var a;return((a=m.dataRef.current.textValue)==null?void 0:a.startsWith(o))&&!m.dataRef.current.disabled}),s=p?e.items.indexOf(p):-1;return s===-1||s===e.activeItemIndex?{...e,searchQuery:o}:{...e,searchQuery:o,activeItemIndex:s,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,n)=>{let r=menu_j(e,l=>[...l,{id:n.id,dataRef:n.dataRef}]);return{...e,...r}},[6]:(e,n)=>{let r=menu_j(e,l=>{let o=l.findIndex(u=>u.id===n.id);return o!==-1&&l.splice(o,1),l});return{...e,...r,activationTrigger:1}},[7]:(e,n)=>e.buttonElement===n.element?e:{...e,buttonElement:n.element},[8]:(e,n)=>e.itemsElement===n.element?e:{...e,itemsElement:n.element}},menu_Q=(0,external_react_.createContext)(null);menu_Q.displayName="MenuContext";function menu_w(e){let n=(0,external_react_.useContext)(menu_Q);if(n===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,menu_w),r}return n}function et(e,n){return match_u(n.type,Ze,e,n)}let tt=external_react_.Fragment;function nt(e,n){let{__demoMode:r=!1,...l}=e,o=(0,external_react_.useReducer)(et,{__demoMode:r,menuState:r?0:1,buttonElement:null,itemsElement:null,items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:u,itemsElement:p,buttonElement:s},m]=o,a=use_sync_refs_y(n);R(u===0,[s,p],(b,S)=>{m({type:1}),focus_management_A(S,focus_management_h.Loose)||(b.preventDefault(),s==null||s.focus())});let d=use_event_o(()=>{m({type:1})}),f=(0,external_react_.useMemo)(()=>({open:u===0,close:d}),[u,d]),c={ref:a},A=render_D();return external_react_.createElement(Me,null,external_react_.createElement(menu_Q.Provider,{value:o},external_react_.createElement(open_closed_c,{value:match_u(u,{[0]:open_closed_i.Open,[1]:open_closed_i.Closed})},A({ourProps:c,theirProps:l,slot:f,defaultTag:tt,name:"Menu"}))))}let rt="button";function ot(e,n){var h;let r=(0,external_react_.useId)(),{id:l=`headlessui-menu-button-${r}`,disabled:o=!1,autoFocus:u=!1,...p}=e,[s,m]=menu_w("Menu.Button"),a=Fe(),t=use_sync_refs_y(n,ye(),use_event_o(T=>m({type:7,element:T}))),d=use_event_o(T=>{switch(T.key){case keyboard_o.Space:case keyboard_o.Enter:case keyboard_o.ArrowDown:T.preventDefault(),T.stopPropagation(),(0,external_react_dom_.flushSync)(()=>m({type:0})),m({type:2,focus:calculate_active_index_c.First});break;case keyboard_o.ArrowUp:T.preventDefault(),T.stopPropagation(),(0,external_react_dom_.flushSync)(()=>m({type:0})),m({type:2,focus:calculate_active_index_c.Last});break}}),f=use_event_o(T=>{switch(T.key){case keyboard_o.Space:T.preventDefault();break}}),c=use_event_o(T=>{var F;if(bugs_r(T.currentTarget))return T.preventDefault();o||(s.menuState===0?((0,external_react_dom_.flushSync)(()=>m({type:1})),(F=s.buttonElement)==null||F.focus({preventScroll:!0})):(T.preventDefault(),m({type:0})))}),{isFocusVisible:A,focusProps:b}=$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:u}),{isHovered:S,hoverProps:D}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:o}),{pressed:M,pressProps:P}=w({disabled:o}),v=(0,external_react_.useMemo)(()=>({open:s.menuState===0,active:M||s.menuState===0,disabled:o,hover:S,focus:A,autofocus:u}),[s,S,A,M,o,u]),C=W(a(),{ref:t,id:l,type:use_resolve_button_type_e(e,s.buttonElement),"aria-haspopup":"menu","aria-controls":(h=s.itemsElement)==null?void 0:h.id,"aria-expanded":s.menuState===0,disabled:o||void 0,autoFocus:u,onKeyDown:d,onKeyUp:f,onClick:c},b,D,P);return render_D()({ourProps:C,theirProps:p,slot:v,defaultTag:rt,name:"Menu.Button"})}let at="div",lt=render_M.RenderStrategy|render_M.Static;function it(e,n){var J,V;let r=(0,external_react_.useId)(),{id:l=`headlessui-menu-items-${r}`,anchor:o,portal:u=!1,modal:p=!0,transition:s=!1,...m}=e,a=xe(o),[t,d]=menu_w("Menu.Items"),[f,c]=Re(a),A=be(),[b,S]=(0,external_react_.useState)(null),D=use_sync_refs_y(n,a?f:null,use_event_o(i=>d({type:8,element:i})),S),M=use_owner_n(t.itemsElement);a&&(u=!0);let P=open_closed_u(),[v,C]=use_transition_x(s,b,P!==null?(P&open_closed_i.Open)===open_closed_i.Open:t.menuState===0);use_on_disappear_m(v,t.buttonElement,()=>{d({type:1})});let O=t.__demoMode?!1:p&&t.menuState===0;use_scroll_lock_f(O,M);let h=t.__demoMode?!1:p&&t.menuState===0;y(h,{allowed:(0,external_react_.useCallback)(()=>[t.buttonElement,t.itemsElement],[t.buttonElement,t.itemsElement])});let T=t.menuState!==0,K=use_did_element_move_s(T,t.buttonElement)?!1:v;(0,external_react_.useEffect)(()=>{let i=t.itemsElement;i&&t.menuState===0&&i!==(M==null?void 0:M.activeElement)&&i.focus({preventScroll:!0})},[t.menuState,t.itemsElement,M]),use_tree_walker_F(t.menuState===0,{container:t.itemsElement,accept(i){return i.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:i.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(i){i.setAttribute("role","none")}});let I=use_disposables_p(),G=use_event_o(i=>{var X,$,q;switch(I.dispose(),i.key){case keyboard_o.Space:if(t.searchQuery!=="")return i.preventDefault(),i.stopPropagation(),d({type:3,value:i.key});case keyboard_o.Enter:if(i.preventDefault(),i.stopPropagation(),d({type:1}),t.activeItemIndex!==null){let{dataRef:ue}=t.items[t.activeItemIndex];($=(X=ue.current)==null?void 0:X.domRef.current)==null||$.click()}focus_management_G(t.buttonElement);break;case keyboard_o.ArrowDown:return i.preventDefault(),i.stopPropagation(),d({type:2,focus:calculate_active_index_c.Next});case keyboard_o.ArrowUp:return i.preventDefault(),i.stopPropagation(),d({type:2,focus:calculate_active_index_c.Previous});case keyboard_o.Home:case keyboard_o.PageUp:return i.preventDefault(),i.stopPropagation(),d({type:2,focus:calculate_active_index_c.First});case keyboard_o.End:case keyboard_o.PageDown:return i.preventDefault(),i.stopPropagation(),d({type:2,focus:calculate_active_index_c.Last});case keyboard_o.Escape:i.preventDefault(),i.stopPropagation(),(0,external_react_dom_.flushSync)(()=>d({type:1})),(q=t.buttonElement)==null||q.focus({preventScroll:!0});break;case keyboard_o.Tab:i.preventDefault(),i.stopPropagation(),(0,external_react_dom_.flushSync)(()=>d({type:1})),j(t.buttonElement,i.shiftKey?F.Previous:F.Next);break;default:i.key.length===1&&(d({type:3,value:i.key}),I.setTimeout(()=>d({type:4}),350));break}}),ae=use_event_o(i=>{switch(i.key){case keyboard_o.Space:i.preventDefault();break}}),le=(0,external_react_.useMemo)(()=>({open:t.menuState===0}),[t.menuState]),ie=W(a?A():{},{"aria-activedescendant":t.activeItemIndex===null||(J=t.items[t.activeItemIndex])==null?void 0:J.id,"aria-labelledby":(V=t.buttonElement)==null?void 0:V.id,id:l,onKeyDown:G,onKeyUp:ae,role:"menu",tabIndex:t.menuState===0?0:void 0,ref:D,style:{...m.style,...c,"--button-width":use_element_size_d(t.buttonElement,!0).width},...use_transition_R(C)}),se=render_D();return external_react_.createElement(re,{enabled:u?e.static||v:!1},se({ourProps:ie,theirProps:m,slot:le,defaultTag:at,features:lt,visible:K,name:"Menu.Items"}))}let st=external_react_.Fragment;function ut(e,n){let r=(0,external_react_.useId)(),{id:l=`headlessui-menu-item-${r}`,disabled:o=!1,...u}=e,[p,s]=menu_w("Menu.Item"),m=p.activeItemIndex!==null?p.items[p.activeItemIndex].id===l:!1,a=(0,external_react_.useRef)(null),t=use_sync_refs_y(n,a);use_iso_morphic_effect_n(()=>{if(!p.__demoMode&&p.menuState===0&&m&&p.activationTrigger!==0)return disposables_o().requestAnimationFrame(()=>{var I,G;(G=(I=a.current)==null?void 0:I.scrollIntoView)==null||G.call(I,{block:"nearest"})})},[p.__demoMode,a,m,p.menuState,p.activationTrigger,p.activeItemIndex]);let d=use_text_value_s(a),f=(0,external_react_.useRef)({disabled:o,domRef:a,get textValue(){return d()}});use_iso_morphic_effect_n(()=>{f.current.disabled=o},[f,o]),use_iso_morphic_effect_n(()=>(s({type:5,id:l,dataRef:f}),()=>s({type:6,id:l})),[f,l]);let c=use_event_o(()=>{s({type:1})}),A=use_event_o(I=>{if(o)return I.preventDefault();s({type:1}),focus_management_G(p.buttonElement)}),b=use_event_o(()=>{if(o)return s({type:2,focus:calculate_active_index_c.Nothing});s({type:2,focus:calculate_active_index_c.Specific,id:l})}),S=use_tracked_pointer_u(),D=use_event_o(I=>{S.update(I),!o&&(m||s({type:2,focus:calculate_active_index_c.Specific,id:l,trigger:0}))}),M=use_event_o(I=>{S.wasMoved(I)&&(o||m||s({type:2,focus:calculate_active_index_c.Specific,id:l,trigger:0}))}),P=use_event_o(I=>{S.wasMoved(I)&&(o||m&&s({type:2,focus:calculate_active_index_c.Nothing}))}),[v,C]=label_K(),[O,h]=description_w(),T=(0,external_react_.useMemo)(()=>({active:m,focus:m,disabled:o,close:c}),[m,o,c]),F={id:l,ref:t,role:"menuitem",tabIndex:o===!0?void 0:-1,"aria-disabled":o===!0?!0:void 0,"aria-labelledby":v,"aria-describedby":O,disabled:void 0,onClick:A,onFocus:b,onPointerEnter:D,onMouseEnter:D,onPointerMove:M,onMouseMove:M,onPointerLeave:P,onMouseLeave:P},K=render_D();return external_react_.createElement(C,null,external_react_.createElement(h,null,K({ourProps:F,theirProps:u,slot:T,defaultTag:st,name:"Menu.Item"})))}let pt="div";function mt(e,n){let[r,l]=label_K(),o=e,u={ref:n,"aria-labelledby":r,role:"group"},p=render_D();return external_react_.createElement(l,null,p({ourProps:u,theirProps:o,slot:{},defaultTag:pt,name:"Menu.Section"}))}let dt="header";function ct(e,n){let r=(0,external_react_.useId)(),{id:l=`headlessui-menu-heading-${r}`,...o}=e,u=label_P();use_iso_morphic_effect_n(()=>u.register(l),[l,u.register]);let p={id:l,ref:n,role:"presentation",...u.props};return render_D()({ourProps:p,theirProps:o,slot:{},defaultTag:dt,name:"Menu.Heading"})}let ft="div";function Tt(e,n){let r=e,l={ref:n,role:"separator"};return render_D()({ourProps:l,theirProps:r,slot:{},defaultTag:ft,name:"Menu.Separator"})}let yt=render_L(nt),It=render_L(ot),gt=render_L(it),Et=render_L(ut),Mt=render_L(mt),St=render_L(ct),At=render_L(Tt),rn=Object.assign(yt,{Button:It,Items:gt,Item:Et,Section:Mt,Heading:St,Separator:At});
 
-
-/***/ }),
-
-/***/ 519:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(155);
+;// ./node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js
 
 function ChevronDownIcon({
   title,
   titleId,
   ...props
 }, svgRef) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+  return /*#__PURE__*/external_react_.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -8561,18 +8978,95 @@ function ChevronDownIcon({
     "data-slot": "icon",
     ref: svgRef,
     "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("title", {
+  }, props), title ? /*#__PURE__*/external_react_.createElement("title", {
     id: titleId
-  }, title) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+  }, title) : null, /*#__PURE__*/external_react_.createElement("path", {
     fillRule: "evenodd",
     d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
     clipRule: "evenodd"
   }));
 }
-const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(ChevronDownIcon);
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
+const ForwardRef = /*#__PURE__*/ external_react_.forwardRef(ChevronDownIcon);
+/* harmony default export */ const esm_ChevronDownIcon = (ForwardRef);
+;// ./src/components/Forms/Dropdowns/Dropdown.jsx
+
+
+
+
+/* 
+
+    Usage:
+
+    import Dropdown from './Dropdown';
+
+    const menuItems = [
+        { label: 'Account settings', href: '#' },
+        { label: 'Support', href: '#' },
+        { label: 'License', href: '#' },
+        { label: 'Sign out', onClick: () => alert('Signed out!') },
+    ];
+
+    function App() {
+        return <Dropdown items={menuItems} />;
+    }
+
+    export default App;
+
+
+*/
+
+function Dropdown(_ref) {
+  let {
+    items,
+    label = "Test Label",
+    isValid = true,
+    placeholder = "Example Placeholder",
+    name,
+    onChange
+  } = _ref;
+  const inputClasses = `inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-500' : 'border-rose-500'}`;
+  return /*#__PURE__*/external_react_default().createElement(rn, {
+    as: "div",
+    className: "relative inline-block text-left",
+    name: name
+  }, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(It, {
+    className: inputClasses
+  }, placeholder, /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
+    "aria-hidden": "true",
+    className: "-mr-1 h-5 w-5 text-gray-400"
+  }))), /*#__PURE__*/external_react_default().createElement(gt, {
+    transition: true,
+    className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in"
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: "py-1"
+  }, items.map((item, index) => /*#__PURE__*/external_react_default().createElement(Et, {
+    key: index
+  }, _ref2 => {
+    let {
+      active
+    } = _ref2;
+    return item.href ? /*#__PURE__*/external_react_default().createElement("a", {
+      href: item.href,
+      className: `block px-4 py-2 text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
+    }, item.label) : /*#__PURE__*/external_react_default().createElement("button", {
+      onClick: item.onClick,
+      className: `block w-full px-4 py-2 text-left text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
+    }, item.label);
+  })))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
+    className: "text-rose-500 text-sm"
+  }));
+}
+;// ./src/index.js
+
 
-/***/ })
 
-}]);
-//# sourceMappingURL=905.dab21ef1b7f753de58a0.js.map
+
+
+
+
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=main.10d428f5ec38bca77e8f.js.map