opus-toolkit-components 0.1.0

package/README.md

@@ -0,0 +1,70 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
+
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
+
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).
+
+### Code Splitting
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
+
+### Advanced Configuration
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
+
+### Deployment
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
+
+### `npm run build` fails to minify
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)

package/lib/opus-toolkit-components.js

@@ -0,0 +1,690 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("react"));
+	else if(typeof define === 'function' && define.amd)
+		define("opus-components", ["react"], factory);
+	else if(typeof exports === 'object')
+		exports["opus-components"] = factory(require("react"));
+	else
+		root["opus-components"] = factory(root["react"]);
+})(self, (__WEBPACK_EXTERNAL_MODULE__156__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 735:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Z: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(537);
+/* 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__(645);
+/* 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"],"names":[],"mappings":"AAqBA,aACI,kBArBO,CAsBP,UAhBS,CAKX,mBACE,kBAbO,CA4BX,eACI,kBA7BO,CA8BP,UAvBS,CAKX,qBACE,kBAZO,CAkCX,aACI,eAAA,CACA,qBAAA,CACA,UA/BS,CAKX,mBACE,kBAZO,CAcL,oBAdK","sourcesContent":["$c247Blue: #005de5;\r\n$c247Pink: #e23193;\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}"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 676:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Z: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(537);
+/* 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__(645);
+/* 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"],"names":[],"mappings":"AAGA,WACI,wBAHO,CAIP,UAAA,CAEJ,YACI,qBAAA,CACA,aATW","sourcesContent":["$opusDeepBlue: #0c022f;\r\n$opusNavy: #24135f;\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}"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 645:
+/***/ ((module) => {
+
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+module.exports = function (cssWithMappingToString) {
+  var list = [];
+
+  // return the list of modules as css string
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = "";
+      var needLayer = typeof item[5] !== "undefined";
+      if (item[4]) {
+        content += "@supports (".concat(item[4], ") {");
+      }
+      if (item[2]) {
+        content += "@media ".concat(item[2], " {");
+      }
+      if (needLayer) {
+        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
+      }
+      content += cssWithMappingToString(item);
+      if (needLayer) {
+        content += "}";
+      }
+      if (item[2]) {
+        content += "}";
+      }
+      if (item[4]) {
+        content += "}";
+      }
+      return content;
+    }).join("");
+  };
+
+  // import a list of modules into the list
+  list.i = function i(modules, media, dedupe, supports, layer) {
+    if (typeof modules === "string") {
+      modules = [[null, modules, undefined]];
+    }
+    var alreadyImportedModules = {};
+    if (dedupe) {
+      for (var k = 0; k < this.length; k++) {
+        var id = this[k][0];
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+    for (var _k = 0; _k < modules.length; _k++) {
+      var item = [].concat(modules[_k]);
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        continue;
+      }
+      if (typeof layer !== "undefined") {
+        if (typeof item[5] === "undefined") {
+          item[5] = layer;
+        } else {
+          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
+          item[5] = layer;
+        }
+      }
+      if (media) {
+        if (!item[2]) {
+          item[2] = media;
+        } else {
+          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
+          item[2] = media;
+        }
+      }
+      if (supports) {
+        if (!item[4]) {
+          item[4] = "".concat(supports);
+        } else {
+          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
+          item[4] = supports;
+        }
+      }
+      list.push(item);
+    }
+  };
+  return list;
+};
+
+/***/ }),
+
+/***/ 537:
+/***/ ((module) => {
+
+
+
+module.exports = function (item) {
+  var content = item[1];
+  var cssMapping = item[3];
+  if (!cssMapping) {
+    return content;
+  }
+  if (typeof btoa === "function") {
+    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
+    var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
+    var sourceMapping = "/*# ".concat(data, " */");
+    return [content].concat([sourceMapping]).join("\n");
+  }
+  return [content].join("\n");
+};
+
+/***/ }),
+
+/***/ 379:
+/***/ ((module) => {
+
+
+
+var stylesInDOM = [];
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+  for (var i = 0; i < stylesInDOM.length; i++) {
+    if (stylesInDOM[i].identifier === identifier) {
+      result = i;
+      break;
+    }
+  }
+  return result;
+}
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var indexByIdentifier = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3],
+      supports: item[4],
+      layer: item[5]
+    };
+    if (indexByIdentifier !== -1) {
+      stylesInDOM[indexByIdentifier].references++;
+      stylesInDOM[indexByIdentifier].updater(obj);
+    } else {
+      var updater = addElementStyle(obj, options);
+      options.byIndex = i;
+      stylesInDOM.splice(i, 0, {
+        identifier: identifier,
+        updater: updater,
+        references: 1
+      });
+    }
+    identifiers.push(identifier);
+  }
+  return identifiers;
+}
+function addElementStyle(obj, options) {
+  var api = options.domAPI(options);
+  api.update(obj);
+  var updater = function updater(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
+        return;
+      }
+      api.update(obj = newObj);
+    } else {
+      api.remove();
+    }
+  };
+  return updater;
+}
+module.exports = function (list, options) {
+  options = options || {};
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDOM[index].references--;
+    }
+    var newLastIdentifiers = modulesToDom(newList, options);
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+      var _index = getIndexByIdentifier(_identifier);
+      if (stylesInDOM[_index].references === 0) {
+        stylesInDOM[_index].updater();
+        stylesInDOM.splice(_index, 1);
+      }
+    }
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ 569:
+/***/ ((module) => {
+
+
+
+var memo = {};
+
+/* istanbul ignore next  */
+function getTarget(target) {
+  if (typeof memo[target] === "undefined") {
+    var styleTarget = document.querySelector(target);
+
+    // Special case to return head of iframe instead of iframe itself
+    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+      try {
+        // This will throw an exception if access to iframe is blocked
+        // due to cross-origin restrictions
+        styleTarget = styleTarget.contentDocument.head;
+      } catch (e) {
+        // istanbul ignore next
+        styleTarget = null;
+      }
+    }
+    memo[target] = styleTarget;
+  }
+  return memo[target];
+}
+
+/* istanbul ignore next  */
+function insertBySelector(insert, style) {
+  var target = getTarget(insert);
+  if (!target) {
+    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+  }
+  target.appendChild(style);
+}
+module.exports = insertBySelector;
+
+/***/ }),
+
+/***/ 216:
+/***/ ((module) => {
+
+
+
+/* istanbul ignore next  */
+function insertStyleElement(options) {
+  var element = document.createElement("style");
+  options.setAttributes(element, options.attributes);
+  options.insert(element, options.options);
+  return element;
+}
+module.exports = insertStyleElement;
+
+/***/ }),
+
+/***/ 565:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement) {
+  var nonce =  true ? __webpack_require__.nc : 0;
+  if (nonce) {
+    styleElement.setAttribute("nonce", nonce);
+  }
+}
+module.exports = setAttributesWithoutAttributes;
+
+/***/ }),
+
+/***/ 795:
+/***/ ((module) => {
+
+
+
+/* istanbul ignore next  */
+function apply(styleElement, options, obj) {
+  var css = "";
+  if (obj.supports) {
+    css += "@supports (".concat(obj.supports, ") {");
+  }
+  if (obj.media) {
+    css += "@media ".concat(obj.media, " {");
+  }
+  var needLayer = typeof obj.layer !== "undefined";
+  if (needLayer) {
+    css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
+  }
+  css += obj.css;
+  if (needLayer) {
+    css += "}";
+  }
+  if (obj.media) {
+    css += "}";
+  }
+  if (obj.supports) {
+    css += "}";
+  }
+  var sourceMap = obj.sourceMap;
+  if (sourceMap && typeof btoa !== "undefined") {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  }
+
+  // For old IE
+  /* istanbul ignore if  */
+  options.styleTagTransform(css, styleElement, options.options);
+}
+function removeStyleElement(styleElement) {
+  // istanbul ignore if
+  if (styleElement.parentNode === null) {
+    return false;
+  }
+  styleElement.parentNode.removeChild(styleElement);
+}
+
+/* istanbul ignore next  */
+function domAPI(options) {
+  if (typeof document === "undefined") {
+    return {
+      update: function update() {},
+      remove: function remove() {}
+    };
+  }
+  var styleElement = options.insertStyleElement(options);
+  return {
+    update: function update(obj) {
+      apply(styleElement, options, obj);
+    },
+    remove: function remove() {
+      removeStyleElement(styleElement);
+    }
+  };
+}
+module.exports = domAPI;
+
+/***/ }),
+
+/***/ 589:
+/***/ ((module) => {
+
+
+
+/* istanbul ignore next  */
+function styleTagTransform(css, styleElement) {
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = css;
+  } else {
+    while (styleElement.firstChild) {
+      styleElement.removeChild(styleElement.firstChild);
+    }
+    styleElement.appendChild(document.createTextNode(css));
+  }
+}
+module.exports = styleTagTransform;
+
+/***/ }),
+
+/***/ 156:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__156__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// 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/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__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Accordion: () => (/* reexport */ Accordion),
+  Button: () => (/* reexport */ Button),
+  Card: () => (/* reexport */ Card),
+  Input: () => (/* reexport */ Input)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(156);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ./src/components/Accordions/Accordion.js
+
+function Accordion(_ref) {
+  let {
+    items = [],
+    children
+  } = _ref;
+  // Default value for items
+  const [activeIndex, setActiveIndex] = (0,external_react_.useState)(null);
+  const handleToggle = index => {
+    setActiveIndex(activeIndex === index ? null : index);
+  };
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion"
+  }, items.length > 0 ? items.map((item, index) => /*#__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: () => handleToggle(index),
+    style: {
+      cursor: 'pointer'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("h3", null, item.title), /*#__PURE__*/external_react_default().createElement("div", null, activeIndex === index ? '-' : '+')), activeIndex === index && /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion-body p-4 border-t"
+  }, item.content))) : /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion-body p-4 border-t"
+  }, children));
+}
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(379);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
+var styleDomAPI = __webpack_require__(795);
+var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
+var insertBySelector = __webpack_require__(569);
+var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
+var setAttributesWithoutAttributes = __webpack_require__(565);
+var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
+var insertStyleElement = __webpack_require__(216);
+var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
+var styleTagTransform = __webpack_require__(589);
+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__(735);
+;// CONCATENATED MODULE: ./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 */.Z, options);
+
+
+
+
+       /* harmony default export */ const Buttons_button = (_button/* default */.Z && _button/* default */.Z.locals ? _button/* default */.Z.locals : undefined);
+
+;// CONCATENATED MODULE: ./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'
+  } = _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
+  }, 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__(676);
+;// CONCATENATED MODULE: ./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 */.Z, card_options);
+
+
+
+
+       /* harmony default export */ const Cards_card = (card/* default */.Z && card/* default */.Z.locals ? card/* default */.Z.locals : undefined);
+
+;// CONCATENATED MODULE: ./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);
+}
+;// CONCATENATED MODULE: ./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 px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-400' : '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));
+}
+;// CONCATENATED MODULE: ./src/index.js
+
+
+
+
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=opus-toolkit-components.js.map

package/lib/opus-toolkit-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opus-toolkit-components.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;;;;;;;;;;;;;;ACVA;AACgH;AACjB;AAC/F,8BAA8B,mFAA2B,CAAC,4FAAqC;AAC/F;AACA,uDAAuD,mBAAmB,WAAW,mBAAmB,mBAAmB,eAAe,mBAAmB,WAAW,qBAAqB,mBAAmB,aAAa,gBAAgB,sBAAsB,WAAW,mBAAmB,mBAAmB,qBAAqB,OAAO,wSAAwS,uBAAuB,2DAA2D,oCAAoC,gCAAgC,4BAA4B,uBAAuB,iCAAiC,wHAAwH,eAAe,8BAA8B,2BAA2B,sCAAsC,SAAS,OAAO,KAAK,kDAAkD,mCAAmC,2BAA2B,oDAAoD,KAAK,sDAAsD,qCAAqC,2BAA2B,4CAA4C,KAAK,kDAAkD,yBAAyB,gDAAgD,2BAA2B,0DAA0D,KAAK,mBAAmB;AACrpD;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;;;;;;;;ACPvC;AACgH;AACjB;AAC/F,8BAA8B,mFAA2B,CAAC,4FAAqC;AAC/F;AACA,qDAAqD,yBAAyB,WAAW,YAAY,sBAAsB,cAAc,OAAO,2LAA2L,uBAAuB,oBAAoB,oCAAoC,qBAAqB,KAAK,iBAAiB,gCAAgC,6BAA6B,KAAK,mBAAmB;AAC1hB;AACA,iEAAe,uBAAuB,EAAC;;;;;;;;ACP1B;;AAEb;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA,gDAAgD;AAChD;AACA;AACA,qFAAqF;AACrF;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,iBAAiB;AACvC;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qBAAqB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sFAAsF,qBAAqB;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,iDAAiD,qBAAqB;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,sDAAsD,qBAAqB;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACpFa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD,cAAc;AACrE;AACA;AACA;AACA;AACA;;;;;;;ACfa;;AAEb;AACA;AACA;AACA,kBAAkB,wBAAwB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,iBAAiB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,4BAA4B;AAChD;AACA;AACA;AACA;AACA;AACA,qBAAqB,6BAA6B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACnFa;;AAEb;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACjCa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACTa;;AAEb;AACA;AACA,cAAc,KAAwC,GAAG,sBAAiB,GAAG,CAAI;AACjF;AACA;AACA;AACA;AACA;;;;;;;ACTa;;AAEb;AACA;AACA;AACA;AACA,kDAAkD;AAClD;AACA;AACA,0CAA0C;AAC1C;AACA;AACA;AACA,iFAAiF;AACjF;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,yDAAyD;AACzD;;AAEA;AACA;AACA;AACA;AACA;AAC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","sources":["webpack://opus-components/webpack/universalModuleDefinition","webpack://opus-components/./src/components/Buttons/_button.scss","webpack://opus-components/./src/components/Cards/card.scss","webpack://opus-components/./node_modules/css-loader/dist/runtime/api.js","webpack://opus-components/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://opus-components/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://opus-components/external umd \"react\"","webpack://opus-components/webpack/bootstrap","webpack://opus-components/webpack/runtime/compat get default export","webpack://opus-components/webpack/runtime/define property getters","webpack://opus-components/webpack/runtime/hasOwnProperty shorthand","webpack://opus-components/webpack/runtime/make namespace object","webpack://opus-components/webpack/runtime/nonce","webpack://opus-components/./src/components/Accordions/Accordion.js","webpack://opus-components/./src/components/Buttons/_button.scss?fd85","webpack://opus-components/./src/components/Buttons/Button.js","webpack://opus-components/./src/components/Cards/card.scss?8bf6","webpack://opus-components/./src/components/Cards/Card.js","webpack://opus-components/./src/components/Forms/Inputs/Input.js","webpack://opus-components/./src/index.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"opus-components\", [\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"opus-components\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"opus-components\"] = factory(root[\"react\"]);\n})(self, (__WEBPACK_EXTERNAL_MODULE__156__) => {\nreturn ","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___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\"],\"names\":[],\"mappings\":\"AAqBA,aACI,kBArBO,CAsBP,UAhBS,CAKX,mBACE,kBAbO,CA4BX,eACI,kBA7BO,CA8BP,UAvBS,CAKX,qBACE,kBAZO,CAkCX,aACI,eAAA,CACA,qBAAA,CACA,UA/BS,CAKX,mBACE,kBAZO,CAcL,oBAdK\",\"sourcesContent\":[\"$c247Blue: #005de5;\\r\\n$c247Pink: #e23193;\\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}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___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\"],\"names\":[],\"mappings\":\"AAGA,WACI,wBAHO,CAIP,UAAA,CAEJ,YACI,qBAAA,CACA,aATW\",\"sourcesContent\":[\"$opusDeepBlue: #0c022f;\\r\\n$opusNavy: #24135f;\\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}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n  if (!cssMapping) {\n    return content;\n  }\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    return [content].concat([sourceMapping]).join(\"\\n\");\n  }\n  return [content].join(\"\\n\");\n};","\"use strict\";\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n}\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n    identifiers.push(identifier);\n  }\n  return identifiers;\n}\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n  return updater;\n}\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n    var newLastIdentifiers = modulesToDom(newList, options);\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n      var _index = getIndexByIdentifier(_identifier);\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","\"use strict\";\n\nvar memo = {};\n\n/* istanbul ignore next  */\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target);\n\n    // Special case to return head of iframe instead of iframe itself\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n    memo[target] = styleTarget;\n  }\n  return memo[target];\n}\n\n/* istanbul ignore next  */\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n  target.appendChild(style);\n}\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n  var needLayer = typeof obj.layer !== \"undefined\";\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n  css += obj.css;\n  if (needLayer) {\n    css += \"}\";\n  }\n  if (obj.media) {\n    css += \"}\";\n  }\n  if (obj.supports) {\n    css += \"}\";\n  }\n  var sourceMap = obj.sourceMap;\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  }\n\n  // For old IE\n  /* istanbul ignore if  */\n  options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n  styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next  */\nfunction domAPI(options) {\n  if (typeof document === \"undefined\") {\n    return {\n      update: function update() {},\n      remove: function remove() {}\n    };\n  }\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\nmodule.exports = styleTagTransform;","module.exports = __WEBPACK_EXTERNAL_MODULE__156__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","import React, { useState } from 'react';\r\n\r\nexport default function Accordion({ items = [], children }) {  // Default value for items\r\n  const [activeIndex, setActiveIndex] = useState(null);\r\n\r\n  const handleToggle = (index) => {\r\n    setActiveIndex(activeIndex === index ? null : index);\r\n  };\r\n\r\n  return (\r\n    <div className=\"accordion\">\r\n      {items.length > 0 ? (\r\n        items.map((item, index) => (\r\n          <div className=\"accordion-item border-2 rounded-lg border-gray-200 mb-2\" key={index}>\r\n            <div\r\n              className=\"accordion-header flex p-4 justify-between\"\r\n              onClick={() => handleToggle(index)}\r\n              style={{ cursor: 'pointer' }}\r\n            >\r\n              <h3>{item.title}</h3>\r\n              <div>{activeIndex === index ? '-' : '+'}</div>\r\n            </div>\r\n            {activeIndex === index && (\r\n              <div className=\"accordion-body p-4 border-t\">\r\n                {item.content}\r\n              </div>\r\n            )}\r\n          </div>\r\n        ))\r\n      ) : (\r\n        <div className=\"accordion-body p-4 border-t\">\r\n          {children}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}","\n      import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./_button.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./_button.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport './_button.scss';\r\n\r\nexport default function Button({ \r\n  type = 'button', \r\n  rank = 'primary',\r\n  text = 'Example Button', \r\n  size = 'md',\r\n  isFullWidth = false  // The boolean to toggle 'w-full'\r\n}) {\r\n\r\n  // Conditional class based on isFullWidth\r\n  const classNames = `transition ease-in-out duration-700 rounded px-6 py-2 text-${size} ${rank}-btn ${isFullWidth ? 'w-full' : ''}`;\r\n\r\n  return (\r\n    <button type={type} className={classNames}>\r\n      {text}\r\n    </button>\r\n  );\r\n}","\n      import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./card.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./card.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport './card.scss';\r\n\r\nexport default function Card({mode = 'light', children}) {\r\n\r\n    const cardClasses = `p-5 ${mode}-card rounded-lg shadow-lg`\r\n\r\n    return (\r\n        <div className={cardClasses}>\r\n            {children}\r\n        </div>\r\n    )\r\n}","import React from 'react';\r\n\r\nexport default function Input({\r\n  label,\r\n  placeholder,\r\n  type = 'text',\r\n  name,\r\n  isValid = true,\r\n  errorMessage = `${label} is required`,\r\n  onChange\r\n}) {\r\n\r\n  const inputClasses = `rounded-md bg-white px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-400' : 'border-rose-500'}`;\r\n\r\n  return (\r\n    <div className=\"flex flex-col mb-4\">\r\n      <label>{label}</label>\r\n      <input\r\n        className={inputClasses}\r\n        type={type}\r\n        name={name}\r\n        placeholder={placeholder}\r\n        onChange={onChange}\r\n      />\r\n      {!isValid && (\r\n        <span className=\"text-rose-500 text-sm\">{errorMessage}</span>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","export { default as Accordion } from './components/Accordions/Accordion';\r\nexport { default as Button } from './components/Buttons/Button';\r\nexport { default as Card } from './components/Cards/Card';\r\nexport { default as Input } from './components/Forms/Inputs/Input';"],"names":["React","useState","Accordion","_ref","items","children","activeIndex","setActiveIndex","handleToggle","index","createElement","className","length","map","item","key","onClick","style","cursor","title","content","Button","type","rank","text","size","isFullWidth","classNames","Card","mode","cardClasses","Input","label","placeholder","name","isValid","errorMessage","onChange","inputClasses","default"],"sourceRoot":""}

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "opus-toolkit-components",
+  "version": "0.1.0",
+  "private": false,
+  "dependencies": {
+    "@headlessui/react": "^2.1.8",
+    "@heroicons/react": "^2.1.5",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.2",
+    "react-scripts": "5.0.1",
+    "semantic-ui-react": "^2.1.5",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "webpack --mode production",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest",
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.7",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/preset-env": "^7.25.7",
+    "@babel/preset-react": "^7.25.7",
+    "@chromatic-com/storybook": "^1.9.0",
+    "@storybook/addon-essentials": "^8.3.3",
+    "@storybook/addon-interactions": "^8.3.3",
+    "@storybook/addon-links": "^8.3.3",
+    "@storybook/addon-onboarding": "^8.3.3",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/blocks": "^8.3.3",
+    "@storybook/manager-api": "^8.3.3",
+    "@storybook/preset-create-react-app": "^8.3.3",
+    "@storybook/react": "^8.3.3",
+    "@storybook/react-webpack5": "^8.3.3",
+    "@storybook/test": "^8.3.3",
+    "@storybook/theming": "^8.3.3",
+    "@tailwindcss/forms": "^0.5.9",
+    "autoprefixer": "^10.4.20",
+    "babel-loader": "^9.2.1",
+    "babel-plugin-named-exports-order": "0.0.2",
+    "compression-webpack-plugin": "^11.1.0",
+    "css-loader": "^7.1.2",
+    "cypress": "^13.4.0",
+    "eslint-plugin-storybook": "^0.9.0",
+    "html-webpack-plugin": "^5.6.0",
+    "postcss": "^8.4.47",
+    "postcss-loader": "^8.1.1",
+    "postcss-preset-env": "^10.0.5",
+    "prop-types": "^15.8.1",
+    "sass": "^1.79.4",
+    "storybook": "^8.3.3",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^3.4.13",
+    "terser-webpack-plugin": "^5.3.10",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.1.0"
+  },
+  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
+  "main": "index.js\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[Dscr/index.js",
+  "author": "Sye",
+  "license": "ISC",
+  "files": [
+    "lib"
+  ],
+  "directories": {
+    "lib": "lib"
+  }
+}