opus-toolkit-components 0.6.8 → 0.7.0

package/lib/{main.f37f23b50e28b868a025.js → main.98cd993fcd00ffc115be.js}

@@ -602,14 +602,70 @@ __webpack_require__.d(__webpack_exports__, {
 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_);
+;// ./node_modules/@heroicons/react/24/outline/esm/PencilSquareIcon.js
+
+function PencilSquareIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/external_react_.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/external_react_.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/external_react_.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
+  }));
+}
+const ForwardRef = /*#__PURE__*/ external_react_.forwardRef(PencilSquareIcon);
+/* harmony default export */ const esm_PencilSquareIcon = (ForwardRef);
+;// ./node_modules/@heroicons/react/24/outline/esm/ChevronDownIcon.js
+
+function ChevronDownIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/external_react_.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/external_react_.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/external_react_.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m19.5 8.25-7.5 7.5-7.5-7.5"
+  }));
+}
+const ChevronDownIcon_ForwardRef = /*#__PURE__*/ external_react_.forwardRef(ChevronDownIcon);
+/* harmony default export */ const esm_ChevronDownIcon = (ChevronDownIcon_ForwardRef);
 ;// ./src/components/Accordions/Accordion.js
 
+
 const Accordion = _ref => {
   let {
     title,
     handleToggle,
     activeIndex,
     index,
+    isPreview,
     children
   } = _ref;
   const [internalActiveIndex, setInternalActiveIndex] = (0,external_react_.useState)(null);
@@ -633,24 +689,25 @@ const Accordion = _ref => {
     }
   }, [activeIndex]);
   return /*#__PURE__*/external_react_default().createElement("div", {
+    id: "accordion-".concat(index),
     className: "accordion rounded-md bg-[--color-primary-bg] border border-[--color-stroke] w-full"
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-item rounded-lg",
     key: index
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "accordion-header flex justify-between p-3",
-    onClick: toggle // Handle both internal and external toggles
-    ,
-    style: {
-      cursor: "pointer"
-    }
+    className: "accordion-header flex justify-between items-center p-3 cursor-pointer",
+    onClick: toggle
   }, /*#__PURE__*/external_react_default().createElement("h2", {
     className: "text-1xl text-[--color-text-strong]"
-  }, title), /*#__PURE__*/external_react_default().createElement("div", {
-    className: "text-[--color-text-strong]"
-  }, isActive ? "-" : "+"))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
+  }, title), isPreview ? /*#__PURE__*/external_react_default().createElement(esm_PencilSquareIcon, {
+    className: "w-5 h-5 text-[--color-text-strong]"
+  }) : /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
+    className: "w-4 h-4 text-[--color-text-strong] transition-transform transform ".concat(isActive ? "rotate-180" : "rotate-0")
+  }))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
+    className: "accordion-body text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
+  }, children.content), isPreview && activeIndex !== index && /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-body text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
-  }, children));
+  }, children.preview));
 };
 /* harmony default export */ const Accordions_Accordion = (Accordion);
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
@@ -3650,8 +3707,8 @@ function CalendarIcon({
     d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
   }));
 }
-const ForwardRef = /*#__PURE__*/ external_react_.forwardRef(CalendarIcon);
-/* harmony default export */ const esm_CalendarIcon = (ForwardRef);
+const CalendarIcon_ForwardRef = /*#__PURE__*/ external_react_.forwardRef(CalendarIcon);
+/* harmony default export */ const esm_CalendarIcon = (CalendarIcon_ForwardRef);
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Forms/Datepickers/datepicker.scss
 var datepicker = __webpack_require__(117);
 ;// ./src/components/Forms/Datepickers/datepicker.scss
@@ -12089,7 +12146,7 @@ let portal_force_root_e=(0,external_react_.createContext)(!1);function portal_fo
 
 ;// ./node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js
 
-function ChevronDownIcon({
+function ChevronDownIcon_ChevronDownIcon({
   title,
   titleId,
   ...props
@@ -12110,8 +12167,8 @@ function ChevronDownIcon({
     clipRule: "evenodd"
   }));
 }
-const ChevronDownIcon_ForwardRef = /*#__PURE__*/ external_react_.forwardRef(ChevronDownIcon);
-/* harmony default export */ const esm_ChevronDownIcon = (ChevronDownIcon_ForwardRef);
+const esm_ChevronDownIcon_ForwardRef = /*#__PURE__*/ external_react_.forwardRef(ChevronDownIcon_ChevronDownIcon);
+/* harmony default export */ const solid_esm_ChevronDownIcon = (esm_ChevronDownIcon_ForwardRef);
 ;// ./src/components/Forms/Dropdowns/Dropdown.jsx
 
 
@@ -12170,7 +12227,7 @@ function Dropdown(_ref) {
     className: "flex items-center gap-2"
   }, Icon && /*#__PURE__*/external_react_default().createElement(Icon, {
     className: "h-5 w-5 text-[--color-text-weak]"
-  }), " ", /*#__PURE__*/external_react_default().createElement("span", null, selectedItem ? selectedItem.label : placeholder)), /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
+  }), " ", /*#__PURE__*/external_react_default().createElement("span", null, selectedItem ? selectedItem.label : placeholder)), /*#__PURE__*/external_react_default().createElement(solid_esm_ChevronDownIcon, {
     "aria-hidden": "true",
     className: "-mr-1 h-5 w-5 text-[--color-text-weak] transition-transform duration-200 ".concat(isOpen ? 'rotate-180' : 'rotate-0')
   }))), /*#__PURE__*/external_react_default().createElement(gt, {
@@ -12343,4 +12400,4 @@ function Loader(_ref) {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.f37f23b50e28b868a025.js.map
+//# sourceMappingURL=main.98cd993fcd00ffc115be.js.map