opus-toolkit-components 1.9.7 → 1.9.8

package/lib/components/Accordions/index.d.ts

@@ -1,19 +1,19 @@
-// Accordion Typescript Definitions - update when new props added
-export interface AccordionProps {
-  title: string | React.ReactNode;
-  handleToggle?: (index: number) => void;
-  activeIndex?: number;
-  index: number;
-  isPreview?: boolean;
-  isLocked?: boolean;
-  onExitPreview?: () => void;
-  content: React.ReactNode;
-  preview?: React.ReactNode;
-  isPill?: boolean;
-  pillText?: string;
-  pillStatus?: "success" | "warning" | "error" | "info" | string;
-  pillIcon?: React.ReactNode;
-  disabled?: boolean;
-}
-
-export const Accordion: React.ComponentType<AccordionProps>;
+// Accordion Typescript Definitions - update when new props added
+export interface AccordionProps {
+  title?: string | React.ReactNode;
+  handleToggle?: (index: number) => void;
+  activeIndex?: number;
+  index: number;
+  isPreview?: boolean;
+  isLocked?: boolean;
+  onExitPreview?: () => void;
+  content: React.ReactNode;
+  preview?: React.ReactNode;
+  isPill?: boolean;
+  pillText?: string;
+  pillStatus?: "success" | "warning" | "error" | "info" | string;
+  pillIcon?: React.ReactNode;
+  disabled?: boolean;
+}
+
+export const Accordion: React.ComponentType<AccordionProps>;

package/lib/main.js

@@ -21,54 +21,54 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/**
- * @typedef {Object} AccordionProps
- *
- * @property {string | React.ReactNode} title
- *   Title rendered inside the header.
- *
- * @property {Function} [handleToggle]
- *   Optional external toggle handler called with (index).
- *
- * @property {number} [activeIndex]
- *   Controlled active index. If provided, the accordion becomes controlled.
- *
- * @property {number} index
- *   This accordion's position in a list.
- *
- * @property {boolean} [isPreview]
- *   If true, accordion goes into preview mode.
- *
- * @property {boolean} [isLocked]
- *   If true, accordion cannot toggle.
- *
- * @property {Function} [onExitPreview]
- *   Callback fired when exiting preview mode.
- *
- * @property {React.ReactNode} content
- *   Accordion expanded content.
- *
- * @property {React.ReactNode} [preview]
- *   Rendered when in preview mode and not active.
- *
- * @property {boolean} [isPill]
- *   Whether to show a status pill.
- *
- * @property {string} [pillText]
- *   Label inside the pill.
- *
- * @property {'success'|'warning'|'error'|'info'|string} [pillStatus]
- *   Visual status for the pill.
- *
- * @property {React.ReactNode} [pillIcon]
- *   Optional icon inside the pill.
- *
- * @property {boolean} [disabled]
- *   Disables interaction with the accordion.
+/**
+ * @typedef {Object} AccordionProps
+ *
+ * @property {string | React.ReactNode} [title]
+ *   Title rendered inside the header.
+ *
+ * @property {Function} [handleToggle]
+ *   Optional external toggle handler called with (index).
+ *
+ * @property {number} [activeIndex]
+ *   Controlled active index. If provided, the accordion becomes controlled.
+ *
+ * @property {number} index
+ *   This accordion's position in a list.
+ *
+ * @property {boolean} [isPreview]
+ *   If true, accordion goes into preview mode.
+ *
+ * @property {boolean} [isLocked]
+ *   If true, accordion cannot toggle.
+ *
+ * @property {Function} [onExitPreview]
+ *   Callback fired when exiting preview mode.
+ *
+ * @property {React.ReactNode} content
+ *   Accordion expanded content.
+ *
+ * @property {React.ReactNode} [preview]
+ *   Rendered when in preview mode and not active.
+ *
+ * @property {boolean} [isPill]
+ *   Whether to show a status pill.
+ *
+ * @property {string} [pillText]
+ *   Label inside the pill.
+ *
+ * @property {'success'|'warning'|'error'|'info'|string} [pillStatus]
+ *   Visual status for the pill.
+ *
+ * @property {React.ReactNode} [pillIcon]
+ *   Optional icon inside the pill.
+ *
+ * @property {boolean} [disabled]
+ *   Disables interaction with the accordion.
  */
 
-/**
- * @param {AccordionProps} props
+/**
+ * @param {AccordionProps} props
  */
 
 const Accordion = _ref => {
@@ -89,6 +89,7 @@ const Accordion = _ref => {
     disabled = false
   } = _ref;
   const [internalActiveIndex, setInternalActiveIndex] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  const hasTitle = title !== undefined && title !== null && title !== "";
 
   // Determine which activeIndex to use: internal or external
   const isActive = activeIndex !== undefined ? activeIndex === index : internalActiveIndex === index;
@@ -116,7 +117,7 @@ const Accordion = _ref => {
       children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
         onClick: !isPreview && !isLocked ? toggle : null,
         className: `accordion-header flex items-center justify-between rounded-t-lg bg-[--color-accordion-header] ${isActive || isPreview ? "" : "rounded-b-lg"} hover: ${!isLocked ? "cursor-pointer" : null} `,
-        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
+        children: [hasTitle && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
           className: "flex items-center justify-between gap-2",
           children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_3__["default"], {
             as: "h2",