@luscii-healthtech/web-ui 49.0.0 → 49.0.2

package/dist/index.development.js

@@ -5718,7 +5718,7 @@ FullPageModal.setAppElement = ReactModal__default.default.setAppElement;
 
 const context$2 = React.createContext({ isOpen: false });
 const DetailsDisclosure = (_a) => {
-  var { children, onToggleDetails, name, onToggle, openByDefault, open, className, omitBorder = false } = _a, rest = __rest(_a, ["children", "onToggleDetails", "name", "onToggle", "openByDefault", "open", "className", "omitBorder"]);
+  var { children, onToggleDetails, name, onToggle, openByDefault, open, className, omitBorder = false, omitSummaryDivider = false } = _a, rest = __rest(_a, ["children", "onToggleDetails", "name", "onToggle", "openByDefault", "open", "className", "omitBorder", "omitSummaryDivider"]);
   const [internalIsOpen, setInternalIsOpen] = React.useState(openByDefault !== null && openByDefault !== void 0 ? openByDefault : false);
   const isOpen = open !== null && open !== void 0 ? open : internalIsOpen;
   const classes = classNames__default.default(
@@ -5737,12 +5737,14 @@ const DetailsDisclosure = (_a) => {
     "ui:open:details-content:opacity-100 ui:open:details-content:h-auto",
     className
   );
-  return jsxRuntime.jsx(context$2.Provider, { value: { isOpen }, children: jsxRuntime.jsx(Box, Object.assign({ as: "details", name, onToggle: (e) => {
+  return jsxRuntime.jsx(context$2.Provider, { value: { isOpen }, children: jsxRuntime.jsxs(Box, Object.assign({ as: "details", name, onToggle: (e) => {
     const wasOpened = e.currentTarget.hasAttribute("open");
     onToggleDetails === null || onToggleDetails === void 0 ? void 0 : onToggleDetails(wasOpened);
     setInternalIsOpen(wasOpened);
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(e);
-  }, open: isOpen, className: classes }, rest, { children })) });
+  }, open: isOpen, className: classes }, rest, { children: [!omitSummaryDivider && jsxRuntime.jsx(Divider, { className: classNames__default.default("ui:transition-opacity", {
+    "ui:opacity-0": !isOpen
+  }) }), children] })) });
 };
 const DefaultOpenIndicator = ({ isOpen }) => {
   return jsxRuntime.jsx(ChevronRightIcon, { className: classNames__default.default("ui:shrink-0 ui:transition-transform ui:ml-s", {
@@ -5936,7 +5938,7 @@ function MenuItemGroupOpenIndicator({ isOpen }) {
 }
 function MenuItemGroup(_a) {
   var { title, children, className } = _a, rest = __rest(_a, ["title", "children", "className"]);
-  return jsxRuntime.jsxs(DetailsDisclosure, Object.assign({ omitBorder: true, className: classNames__default.default("ui:w-full", className) }, rest, { children: [jsxRuntime.jsx(DetailsDisclosure.Summary, { hoverBackgroundColor: void 0, pl: void 0, omitOpenIndicator: true, children: jsxRuntime.jsx(MenuItemLayout, { children: jsxRuntime.jsx(MenuItemPadding, { children: jsxRuntime.jsxs(Stack, { axis: "x", align: "center", justify: "between", children: [jsxRuntime.jsx(MenuItemText, { children: title }), jsxRuntime.jsx(DetailsDisclosure.Summary.OpenIndicator, { component: MenuItemGroupOpenIndicator })] }) }) }) }), jsxRuntime.jsx(MenuItemPadding, { paddingX: true, paddingY: false, children })] }));
+  return jsxRuntime.jsxs(DetailsDisclosure, Object.assign({ omitBorder: true, omitSummaryDivider: true, className: classNames__default.default("ui:w-full", className) }, rest, { children: [jsxRuntime.jsx(DetailsDisclosure.Summary, { hoverBackgroundColor: void 0, pl: void 0, omitOpenIndicator: true, children: jsxRuntime.jsx(MenuItemLayout, { children: jsxRuntime.jsx(MenuItemPadding, { children: jsxRuntime.jsxs(Stack, { axis: "x", align: "center", justify: "between", children: [jsxRuntime.jsx(MenuItemText, { children: title }), jsxRuntime.jsx(DetailsDisclosure.Summary.OpenIndicator, { component: MenuItemGroupOpenIndicator })] }) }) }) }), jsxRuntime.jsx(MenuItemPadding, { paddingX: true, paddingY: false, children })] }));
 }
 function SectionTitle(props) {
   return jsxRuntime.jsx(MenuItemPadding, { children: jsxRuntime.jsx(Text, { variant: "strong", children: props.children }) });