@olenbetong/synergi-react 2.1.0 → 2.1.2

package/dist/esm/ob.react.css

@@ -591,13 +591,15 @@
   transform: translateX(-100%);
   transition: transform 0.2s ease-out;
   will-change: transform;
-  overflow-y: auto;
 }
 .ObSidebar-root.Ob-right {
   left: unset;
   right: 0;
   transform: translateX(100%);
 }
+.ObSidebar-root {
+  overflow-y: auto;
+}
 .ObSidebar-root.Ob-open {
   transform: translateX(0);
 }

package/dist/esm/ob.react.js

@@ -74,7 +74,7 @@ var require_localforage = __commonJS({
       }
     })(function() {
       var define2, module2, exports2;
-      return function e(t, n, r2) {
+      return (function e(t, n, r2) {
         function s(o2, u) {
           if (!n[o2]) {
             if (!t[o2]) {
@@ -95,7 +95,7 @@ var require_localforage = __commonJS({
         var i = typeof __require == "function" && __require;
         for (var o = 0; o < r2.length; o++) s(r2[o]);
         return s;
-      }({ 1: [function(_dereq_, module3, exports3) {
+      })({ 1: [function(_dereq_, module3, exports3) {
         (function(global2) {
           "use strict";
           var Mutation = global2.MutationObserver || global2.WebKitMutationObserver;
@@ -1977,7 +1977,7 @@ var require_localforage = __commonJS({
           }
           return arguments[0];
         }
-        var LocalForage = function() {
+        var LocalForage = (function() {
           function LocalForage2(options) {
             _classCallCheck(this, LocalForage2);
             for (var driverTypeKey in DefaultDrivers) {
@@ -2188,7 +2188,7 @@ var require_localforage = __commonJS({
             return new LocalForage2(options);
           };
           return LocalForage2;
-        }();
+        })();
         var localforage_js = new LocalForage();
         module3.exports = localforage_js;
       }, { "3": 3 }] }, {}, [4])(4);
@@ -2214,8 +2214,9 @@ var clsx_default = clsx;
 
 // src/Checkbox/index.tsx
 var import_react = __toESM(require_react(), 1);
+import { jsx, jsxs } from "react/jsx-runtime";
 function Mark(props) {
-  return /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M20.285 2L9 13.567 3.714 8.556 0 12.272 9 21 24 5.715z", fill: "currentColor" }));
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "M20.285 2L9 13.567 3.714 8.556 0 12.272 9 21 24 5.715z", fill: "currentColor" }) });
 }
 var Checkbox = (0, import_react.forwardRef)(function Checkbox2({ className, disabled = false, id, onChange = () => null, label, title, reverse, value, ...other }, ref) {
   let inputId = (0, import_react.useId)();
@@ -2250,39 +2251,45 @@ var Checkbox = (0, import_react.forwardRef)(function Checkbox2({ className, disa
       }
     }
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx_default("ObCheckbox-root", disabled && "Ob-disabled", reverse && "Ob-reverse", className),
-      title
-    },
-    /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        className: "ObCheckbox-input",
-        id: inputId,
-        type: "checkbox",
-        onChange: handleInputChanged,
-        checked: value,
-        disabled,
-        ref: input,
-        ...other
-      }
-    ),
-    /* @__PURE__ */ React.createElement("label", { htmlFor: inputIdRef, className: "ObCheckbox-label", onKeyDown: handleKeyDown, onClick: handleClick }, /* @__PURE__ */ React.createElement("div", { className: "ObCheckbox-box" }, /* @__PURE__ */ React.createElement(Mark, { className: "ObCheckbox-mark" })), label && /* @__PURE__ */ React.createElement("div", { className: "ObCheckbox-label-text" }, label))
+      title,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "ObCheckbox-input",
+            id: inputId,
+            type: "checkbox",
+            onChange: handleInputChanged,
+            checked: value,
+            disabled,
+            ref: input,
+            ...other
+          }
+        ),
+        /* @__PURE__ */ jsxs("label", { htmlFor: inputIdRef, className: "ObCheckbox-label", onKeyDown: handleKeyDown, onClick: handleClick, children: [
+          /* @__PURE__ */ jsx("div", { className: "ObCheckbox-box", children: /* @__PURE__ */ jsx(Mark, { className: "ObCheckbox-mark" }) }),
+          label && /* @__PURE__ */ jsx("div", { className: "ObCheckbox-label-text", children: label })
+        ] })
+      ]
+    }
   );
 });
 
 // src/ColorCard/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ColorCard({ as: Component, children, className, href, ...other }) {
   const BaseElement = Component ? Component : href ? "a" : "div";
-  return /* @__PURE__ */ React.createElement(BaseElement, { className: clsx_default("ObColorCard-root", className), href, ...other }, children);
+  return /* @__PURE__ */ jsx2(BaseElement, { className: clsx_default("ObColorCard-root", className), href, ...other, children });
 }
 function CardStepList({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-stepList", className), ...props }, children);
+  return /* @__PURE__ */ jsx2("div", { className: clsx_default("ObColorCard-stepList", className), ...props, children });
 }
 function CardStep({ children, className, ...props }) {
-  return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-step", className), ...props }, /* @__PURE__ */ React.createElement("div", { className: "ObColorCard-stepText" }, children));
+  return /* @__PURE__ */ jsx2("div", { className: clsx_default("ObColorCard-step", className), ...props, children: /* @__PURE__ */ jsx2("div", { className: "ObColorCard-stepText", children }) });
 }
 function CardColumn({
   children,
@@ -2290,7 +2297,7 @@ function CardColumn({
   minor,
   ...other
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-column", minor && "ObColorCard-minor", className), ...other }, children);
+  return /* @__PURE__ */ jsx2("div", { className: clsx_default("ObColorCard-column", minor && "ObColorCard-minor", className), ...other, children });
 }
 function CardDetail({
   children,
@@ -2299,15 +2306,19 @@ function CardDetail({
   primary,
   ...other
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-detail", primary && "ObColorCard-primary", className), ...other }, label && /* @__PURE__ */ React.createElement("div", { className: "ObColorCard-detailLabel" }, label), /* @__PURE__ */ React.createElement("div", { className: "ObColorCard-detailValue" }, children));
+  return /* @__PURE__ */ jsxs2("div", { className: clsx_default("ObColorCard-detail", primary && "ObColorCard-primary", className), ...other, children: [
+    label && /* @__PURE__ */ jsx2("div", { className: "ObColorCard-detailLabel", children: label }),
+    /* @__PURE__ */ jsx2("div", { className: "ObColorCard-detailValue", children })
+  ] });
 }
 function CardLabel({ children, className, ...other }) {
-  return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObColorCard-label", className), ...other }, children);
+  return /* @__PURE__ */ jsx2("div", { className: clsx_default("ObColorCard-label", className), ...other, children });
 }
 
 // src/DateNavigator/index.tsx
 var import_appframe_core = __toESM(require_appframe_core(), 1);
 var import_react2 = __toESM(require_react(), 1);
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function getUiCulture() {
   return af?.userSession?.culture ?? "default";
 }
@@ -2315,7 +2326,7 @@ function Arrow({
   direction,
   ...rest
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       className: clsx_default(
@@ -2323,21 +2334,21 @@ function Arrow({
         direction === "left" ? "ObDateNavigator-arrowLeft" : "ObDateNavigator-arrowRight"
       ),
       "aria-label": direction === "left" ? (0, import_appframe_core.getLocalizedString)("Previous day") : (0, import_appframe_core.getLocalizedString)("Next day"),
-      ...rest
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "ObDateNavigator-icon" }, direction === "left" ? /* @__PURE__ */ React.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 320 512" }, /* @__PURE__ */ React.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"
-      }
-    )) : /* @__PURE__ */ React.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 320 512" }, /* @__PURE__ */ React.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
-      }
-    )))
+      ...rest,
+      children: /* @__PURE__ */ jsx3("span", { className: "ObDateNavigator-icon", children: direction === "left" ? /* @__PURE__ */ jsx3("svg", { "aria-hidden": "true", viewBox: "0 0 320 512", children: /* @__PURE__ */ jsx3(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"
+        }
+      ) }) : /* @__PURE__ */ jsx3("svg", { "aria-hidden": "true", viewBox: "0 0 320 512", children: /* @__PURE__ */ jsx3(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
+        }
+      ) }) })
+    }
   );
 }
 var formatter = new Intl.DateTimeFormat(getUiCulture(), {
@@ -2441,13 +2452,20 @@ function DateNavigator({
   }
   return (
     // biome-ignore lint/a11y/noNoninteractiveTabindex: I hate this component
-    /* @__PURE__ */ React.createElement("div", { className: "ObDateNavigator-root", onKeyDown: handleKeyDown, tabIndex: 0, "aria-label": "Date navigator" }, /* @__PURE__ */ React.createElement(Arrow, { direction: "left", onClick: () => updateDate(new Date(dateUtc - oneDay)), disabled: disablePrev }), /* @__PURE__ */ React.createElement("div", { className: "ObDateNavigator-date" }, text), /* @__PURE__ */ React.createElement(Arrow, { direction: "right", onClick: () => updateDate(new Date(dateUtc + oneDay)), disabled: disableNext }), !disableTodayButton && /* @__PURE__ */ React.createElement("button", { type: "button", className: "ObDateNavigator-today btn-reset", onClick: jumpToToday }, (0, import_appframe_core.getLocalizedString)("Today")), /* @__PURE__ */ React.createElement("div", { "aria-live": "polite", ref: liveRef, style: { position: "absolute", left: "-9999px" } }))
+    /* @__PURE__ */ jsxs3("div", { className: "ObDateNavigator-root", onKeyDown: handleKeyDown, tabIndex: 0, "aria-label": "Date navigator", children: [
+      /* @__PURE__ */ jsx3(Arrow, { direction: "left", onClick: () => updateDate(new Date(dateUtc - oneDay)), disabled: disablePrev }),
+      /* @__PURE__ */ jsx3("div", { className: "ObDateNavigator-date", children: text }),
+      /* @__PURE__ */ jsx3(Arrow, { direction: "right", onClick: () => updateDate(new Date(dateUtc + oneDay)), disabled: disableNext }),
+      !disableTodayButton && /* @__PURE__ */ jsx3("button", { type: "button", className: "ObDateNavigator-today btn-reset", onClick: jumpToToday, children: (0, import_appframe_core.getLocalizedString)("Today") }),
+      /* @__PURE__ */ jsx3("div", { "aria-live": "polite", ref: liveRef, style: { position: "absolute", left: "-9999px" } })
+    ] })
   );
 }
 
 // src/LinkedCardList/index.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function LinkedList({ children, className, ...other }) {
-  return /* @__PURE__ */ React.createElement("ul", { className: clsx_default("ObLinkedList-root", className), ...other }, children);
+  return /* @__PURE__ */ jsx4("ul", { className: clsx_default("ObLinkedList-root", className), ...other, children });
 }
 function LinkedListItem({
   children,
@@ -2455,46 +2473,52 @@ function LinkedListItem({
   label,
   ...other
 }) {
-  return /* @__PURE__ */ React.createElement("li", { className: clsx_default("ObLinkedList-item", className), ...other }, label && /* @__PURE__ */ React.createElement("div", { className: "ObLinkedList-leftColumn" }, label), /* @__PURE__ */ React.createElement("div", { className: "ObLinkedList-line" }, /* @__PURE__ */ React.createElement("div", { className: "ObLinkedList-bullet" })), /* @__PURE__ */ React.createElement("div", { className: "ObLinkedList-rightColumn" }, children));
+  return /* @__PURE__ */ jsxs4("li", { className: clsx_default("ObLinkedList-item", className), ...other, children: [
+    label && /* @__PURE__ */ jsx4("div", { className: "ObLinkedList-leftColumn", children: label }),
+    /* @__PURE__ */ jsx4("div", { className: "ObLinkedList-line", children: /* @__PURE__ */ jsx4("div", { className: "ObLinkedList-bullet" }) }),
+    /* @__PURE__ */ jsx4("div", { className: "ObLinkedList-rightColumn", children })
+  ] });
 }
 function Card({ as, children, className, ...other }) {
   const Component = as || "div";
-  return /* @__PURE__ */ React.createElement(Component, { className: clsx_default("ObLinkedList-card", className), ...other }, children);
+  return /* @__PURE__ */ jsx4(Component, { className: clsx_default("ObLinkedList-card", className), ...other, children });
 }
 
 // src/PageBanner/index.tsx
 var import_react3 = __toESM(require_react(), 1);
+import { jsx as jsx5 } from "react/jsx-runtime";
 function PageBanner({ as, className, children, ...other }) {
   const Component = as ? as : "section";
-  return /* @__PURE__ */ import_react3.default.createElement(Component, { className: clsx_default("ObPageBanner-root", className), ...other }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "container px-0" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "ObPageBanner-pageBannerInner" }, children)));
+  return /* @__PURE__ */ jsx5(Component, { className: clsx_default("ObPageBanner-root", className), ...other, children: /* @__PURE__ */ jsx5("div", { className: "container px-0", children: /* @__PURE__ */ jsx5("div", { className: "ObPageBanner-pageBannerInner", children }) }) });
 }
 var BannerImage = import_react3.default.forwardRef(function BannerImage2(props, ref) {
   const { className, ...other } = props;
-  return /* @__PURE__ */ import_react3.default.createElement("img", { ref, className: clsx_default("ObPageBanner-bannerImage", className), alt: "", ...other });
+  return /* @__PURE__ */ jsx5("img", { ref, className: clsx_default("ObPageBanner-bannerImage", className), alt: "", ...other });
 });
 function TabList({ as, className, children, sticky, ...other }) {
   const Component = as ? as : "nav";
-  return /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ jsx5(
     Component,
     {
       className: clsx_default("ObPageBanner-pageBanner", "ObPageBanner-tabList", sticky && "sticky", className),
-      ...other
-    },
-    /* @__PURE__ */ import_react3.default.createElement("div", { className: "container px-0" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "ObPageBanner-tabListInner" }, children))
+      ...other,
+      children: /* @__PURE__ */ jsx5("div", { className: "container px-0", children: /* @__PURE__ */ jsx5("div", { className: "ObPageBanner-tabListInner", children }) })
+    }
   );
 }
 function Tab({ active, as, className, children, ...other }) {
   const Component = as ? as : "a";
-  return /* @__PURE__ */ import_react3.default.createElement(Component, { className: clsx_default("ObPageBanner-tab", active && "active", className), ...other }, children);
+  return /* @__PURE__ */ jsx5(Component, { className: clsx_default("ObPageBanner-tab", active && "active", className), ...other, children });
 }
 function Title({ as, className, children, ...other }) {
   const Component = as ? as : "h1";
-  return /* @__PURE__ */ import_react3.default.createElement(Component, { className: clsx_default("ObPageBanner-bannerTitle", className), ...other }, children);
+  return /* @__PURE__ */ jsx5(Component, { className: clsx_default("ObPageBanner-bannerTitle", className), ...other, children });
 }
 
 // src/Portal/index.tsx
 var import_react4 = __toESM(require_react(), 1);
 var import_react_dom = __toESM(require_react_dom(), 1);
+import { jsx as jsx6 } from "react/jsx-runtime";
 function useForceUpdate() {
   const [, setVal] = (0, import_react4.useState)(false);
   return () => setVal((val) => !val);
@@ -2517,19 +2541,21 @@ function Portal({ children, root, type = "div" }) {
     }
   }, [root, type]);
   if (!portalNode.current) {
-    return /* @__PURE__ */ React.createElement("div", { ref: mountNode });
+    return /* @__PURE__ */ jsx6("div", { ref: mountNode });
   }
   return (0, import_react_dom.createPortal)(children, portalNode.current);
 }
 
 // src/ProgressBar/index.tsx
 var import_react5 = __toESM(require_react(), 1);
+import { jsx as jsx7 } from "react/jsx-runtime";
 var ProgressBar = (0, import_react5.forwardRef)(function ProgressBar2({ className, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement("progress", { className: clsx_default("ObProgressBar-root", className), ...props, ref });
+  return /* @__PURE__ */ jsx7("progress", { className: clsx_default("ObProgressBar-root", className), ...props, ref });
 });
 
 // src/Sidebar/index.tsx
 var import_react6 = __toESM(require_react(), 1);
+import { Fragment, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function Sidebar(props) {
   const {
     children,
@@ -2592,41 +2618,51 @@ function Sidebar(props) {
     };
   }, [open]);
   const { className: overlayClassName, ...overlayOther } = overlayProps;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: clsx_default(
-        "ObSidebar-root",
-        open && "Ob-open",
-        pullRight && "Ob-right",
-        shadow && "ObSidebar-shadow",
-        className
-      ),
-      ref: sidebar,
-      tabIndex: -1,
-      ...other
-    },
-    (open || !hidden) && children
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      role: "presentation",
-      tabIndex: -1,
-      className: clsx_default("ObSidebar-overlay", open && "Ob-open", overlayClassName),
-      onClick: closeSidebar,
-      ...overlayOther
-    }
-  ));
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx8(
+      "div",
+      {
+        className: clsx_default(
+          "ObSidebar-root",
+          open && "Ob-open",
+          pullRight && "Ob-right",
+          shadow && "ObSidebar-shadow",
+          className
+        ),
+        ref: sidebar,
+        tabIndex: -1,
+        ...other,
+        children: (open || !hidden) && children
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      "div",
+      {
+        role: "presentation",
+        tabIndex: -1,
+        className: clsx_default("ObSidebar-overlay", open && "Ob-open", overlayClassName),
+        onClick: closeSidebar,
+        ...overlayOther
+      }
+    )
+  ] });
 }
 
 // src/Spinner/index.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function Spinner({ className = "", fullPage = false, ...rest }) {
-  return /* @__PURE__ */ React.createElement("div", { className: clsx_default(className, fullPage ? "ObSpinner-fullPage" : "ObSpinner-wrapper"), ...rest }, /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-spinner" }, /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" })));
+  return /* @__PURE__ */ jsx9("div", { className: clsx_default(className, fullPage ? "ObSpinner-fullPage" : "ObSpinner-wrapper"), ...rest, children: /* @__PURE__ */ jsxs6("div", { className: "ObSpinner-spinner", children: [
+    /* @__PURE__ */ jsx9("div", { className: "ObSpinner-bullet" }),
+    /* @__PURE__ */ jsx9("div", { className: "ObSpinner-bullet" }),
+    /* @__PURE__ */ jsx9("div", { className: "ObSpinner-bullet" }),
+    /* @__PURE__ */ jsx9("div", { className: "ObSpinner-bullet" })
+  ] }) });
 }
 
 // src/SplitContainer/index.tsx
 var import_localforage = __toESM(require_localforage(), 1);
 var import_react7 = __toESM(require_react(), 1);
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var article = window.af?.article?.id ?? window.window?.location.pathname.substring(1).split("/")[0];
 var settingsStore = import_localforage.default.createInstance({
   name: `AfSplitContainers.${window.af?.userSession.login ?? "anonymous"}`
@@ -2661,7 +2697,7 @@ settingsStore.keys().then(
   )
 );
 var Divider = (0, import_react7.forwardRef)(function Divider2(props, ref) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       className: clsx_default("ObSplitContainer-divider", props.className),
@@ -2671,20 +2707,20 @@ var Divider = (0, import_react7.forwardRef)(function Divider2(props, ref) {
       "aria-orientation": props.direction,
       "aria-valuemin": props.min,
       "aria-valuemax": props.max,
-      "aria-valuenow": props.size
-    },
-    /* @__PURE__ */ React.createElement("span", null, "\u2022\u2022\u2022")
+      "aria-valuenow": props.size,
+      children: /* @__PURE__ */ jsx10("span", { children: "\u2022\u2022\u2022" })
+    }
   );
 });
 function SplitRoot({ className, direction, ...props }) {
-  return /* @__PURE__ */ React.createElement("div", { className: clsx_default(className, "ObSplitContainer-root", direction), ...props });
+  return /* @__PURE__ */ jsx10("div", { className: clsx_default(className, "ObSplitContainer-root", direction), ...props });
 }
 function SplitPanel(props) {
   let style = {
     flex: props.fixed ? `0 0 ${Math.floor(props.size)}px` : "1 1 100%",
     ...props.style
   };
-  return /* @__PURE__ */ React.createElement("div", { className: clsx_default(props.className, "ObSplitContainer-panel"), style }, props.children);
+  return /* @__PURE__ */ jsx10("div", { className: clsx_default(props.className, "ObSplitContainer-panel"), style, children: props.children });
 }
 function SplitContainer({
   className,
@@ -2813,17 +2849,21 @@ function SplitContainer({
       };
     }
   }, [direction, fixedPanel, layoutVersion, id, min, max, containerSize]);
-  return /* @__PURE__ */ React.createElement(SplitRoot, { direction, className, ref: containerRef }, /* @__PURE__ */ React.createElement(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 1, size: fixedSize }, childrenArray[0]), /* @__PURE__ */ React.createElement(
-    Divider,
-    {
-      ref: dividerRef,
-      direction,
-      isDragging,
-      size: fixedSize,
-      min,
-      max: max ?? containerSize
-    }
-  ), /* @__PURE__ */ React.createElement(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 2, size: fixedSize }, childrenArray[1]));
+  return /* @__PURE__ */ jsxs7(SplitRoot, { direction, className, ref: containerRef, children: [
+    /* @__PURE__ */ jsx10(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 1, size: fixedSize, children: childrenArray[0] }),
+    /* @__PURE__ */ jsx10(
+      Divider,
+      {
+        ref: dividerRef,
+        direction,
+        isDragging,
+        size: fixedSize,
+        min,
+        max: max ?? containerSize
+      }
+    ),
+    /* @__PURE__ */ jsx10(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 2, size: fixedSize, children: childrenArray[1] })
+  ] });
 }
 
 // src/useTranslation/index.ts
@@ -2893,24 +2933,28 @@ function useTranslation(text, targetLanguage, apiKey) {
 
 // src/ValueToggleGroup/index.tsx
 var import_react9 = __toESM(require_react(), 1);
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var ValueToggleGroup = (0, import_react9.forwardRef)(function ValueToggleGroup2({ options, value, defaultValue, onChange, className, name, id, style, orientation = "horizontal" }, ref) {
   let randomId = (0, import_react9.useId)();
   let groupName = name || `toggle-${id ?? randomId}`;
   let isControlled = value !== void 0;
-  return /* @__PURE__ */ React.createElement("fieldset", { className: clsx_default("ObValueToggleGroup", orientation, className), role: "radiogroup", ref, style }, options.map((opt) => {
-    return /* @__PURE__ */ React.createElement("label", { key: opt.value, className: clsx_default("ObValueToggleOption", { disabled: opt.disabled }) }, /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        type: "radio",
-        name: groupName,
-        value: opt.value,
-        checked: isControlled ? value === opt.value : void 0,
-        defaultChecked: !isControlled ? defaultValue === opt.value : void 0,
-        onChange: () => onChange?.(opt.value),
-        disabled: opt.disabled
-      }
-    ), /* @__PURE__ */ React.createElement("span", { className: "ObValueToggleLabel" }, opt.label ?? opt.value));
-  }));
+  return /* @__PURE__ */ jsx11("fieldset", { className: clsx_default("ObValueToggleGroup", orientation, className), role: "radiogroup", ref, style, children: options.map((opt) => {
+    return /* @__PURE__ */ jsxs8("label", { className: clsx_default("ObValueToggleOption", { disabled: opt.disabled }), children: [
+      /* @__PURE__ */ jsx11(
+        "input",
+        {
+          type: "radio",
+          name: groupName,
+          value: opt.value,
+          checked: isControlled ? value === opt.value : void 0,
+          defaultChecked: !isControlled ? defaultValue === opt.value : void 0,
+          onChange: () => onChange?.(opt.value),
+          disabled: opt.disabled
+        }
+      ),
+      /* @__PURE__ */ jsx11("span", { className: "ObValueToggleLabel", children: opt.label ?? opt.value })
+    ] }, opt.value);
+  }) });
 });
 export {
   Card,

package/dist/esm/ob.react.min.css

@@ -1,2 +1,2 @@
-@charset "UTF-8";.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, .5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, .8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid black}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, .5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background .3s ease;overflow:hidden;border-radius:calc(var(--check-width) / 15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width) * .4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease-in-out;transition-delay:0ms;transform:translate(-50%,-50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.ObCheckbox-label{display:flex;gap:.5rem;align-items:center;overflow:visible}.ObCheckbox-root.Ob-reverse .ObCheckbox-label{flex-direction:row-reverse}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{animation:animOn .6s 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%,-50%) scale(1);transition-delay:.2s;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(.6)}60%{transform:scaleY(.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(.9)}to{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: .75rem;--card-color: rgb(0, 0, 0);display:flex;align-items:stretch;min-height:10rem;overflow:hidden;border-radius:.25rem;box-shadow:0 1px 12px #00000026,0 1px 6px #00000040;color:#666;background-image:linear-gradient(to right,var(--bg-color-border),var(--bg-color-border) var(--bg-size),var(--bg-color-main) var(--bg-size),var(--bg-color-main));font-family:Variable Bahnschrift,Bahnschrift,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;transition:all ease-in-out .3s;cursor:pointer;&:nth-of-type(5n+1){--bg-color-border: rgb(178, 108, 190)}&:nth-of-type(5n+2){--bg-color-border: rgb(79, 164, 61)}&:nth-of-type(5n+3){--bg-color-border: rgb(246, 170, 23)}&:nth-of-type(5n+4){--bg-color-border: rgb(218, 93, 83)}&:nth-of-type(5n+5){--bg-color-border: rgb(23, 162, 184)}&:hover,&:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px #00000026,0 3px 12px #00000040;text-decoration:none}@media screen and (min-width: 48rem){font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;padding:.5rem 1.5rem .5rem 1rem;overflow:hidden;text-overflow:ellipsis;&:first-child{margin-left:var(--bg-size, .75rem)}&.ObColorCard-minor{flex:0 0 4rem;border-right:1px solid #e3e3e3;transition:margin ease-in-out .3s;@media screen and (min-width: 48rem){flex:0 0 8rem}}}.ObColorCard-detailLabel{color:#696969;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail{&:not(:last-child){margin-right:1.5rem}&.ObColorCard-primary,&.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}&.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){font-size:1rem}}.ObColorCard-detailValue{color:#555}.ObColorCard-stepList{display:flex;flex-direction:column;gap:1rem}.ObColorCard-step{position:relative;text-box-trim:trim-both;display:flex;align-items:flex-start;gap:.5rem}.ObColorCard-step:before{flex:.6em 0 0;content:"";position:relative;top:.25em;width:.6em;height:.6em;background:#fff;border:2px solid var(--bg-color-border, #999);border-radius:50%;box-sizing:border-box;z-index:1}.ObColorCard-step:not(:last-child):after{content:"";position:absolute;top:1em;left:calc(.3em - 1px);height:calc(100% - .8875em + 1rem);border-left:2px dotted #999;z-index:0}:root{--ob-datenavigator-height: 3rem}.ObDateNavigator-icon{display:inline-block;svg{width:.625em;position:relative;top:-1px}}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem;outline:none;&:focus-visible{outline:2px solid var(--brand-dark, #336699);outline-offset:2px}}.ObDateNavigator-arrow{display:flex;align-items:center;flex:0 0 var(--ob-datenavigator-height);justify-content:center;height:var(--ob-datenavigator-height);cursor:pointer;text-align:center;&:hover:not(:disabled){background-color:#e3e3e3;background-color:var(--block-header-button-hover)}&:disabled{cursor:not-allowed;color:#0003}}.ObDateNavigator-arrowLeft{border-right:1px solid #dddddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #dddddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:var(--ob-datenavigator-height);text-align:center}.ObDateNavigator-today{order:4;padding:0 1rem;height:var(--ob-datenavigator-height);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--brand-dark, #336699);text-transform:uppercase;cursor:pointer;text-wrap:nowrap;border-left:1px solid #dddddd;&:hover:not(:disabled){background-color:var(--block-header-button-hover)}&:focus-visible{outline:2px solid var(--brand-dark, #336699);outline-offset:2px}}:root{--ob-linked-list-bullet-size: .7em;--ob-linked-list-line-width: .2em}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:#fff;position:relative}.ObLinkedList-bullet{background:#fff;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(calc(-1 * var(--ob-linked-list-bullet-size) / 2 + var(--ob-linked-list-line-width) / 2),-50%)}.ObLinkedList-card{display:block;background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card:before{border-bottom:.5em solid transparent;border-right:1em solid white;border-top:.5em solid transparent;content:" ";filter:drop-shadow(-1px 0px 1px rgba(50,50,50,.2));height:1em;left:-1em;margin-top:-.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3!important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover:before{border-right-color:#edeff3!important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0 8px 8px #0003;color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid white;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid transparent;display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px #0003 inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px #0003 inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,#ffffff40,#0003),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,#ffffff40,#0003),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translate(100%)}.ObSidebar-root.Ob-open{transform:translate(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px #00000026}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px #00000026}.ObSidebar-overlay{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:#0000004d}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.ObSpinner-wrapper,.ObSpinner-fullPage{--bullet-size: .5em}.ObSpinner-root{display:inline-block}.ObSpinner-fullPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.ObSpinner-spinner{display:inline-block;height:calc(var(--bullet-size) * 1.5);position:relative;width:calc(var(--bullet-size) * 5)}.ObSpinner-bullet{animation-timing-function:cubic-bezier(0,1,1,0);background:#666;border-radius:50%;height:var(--bullet-size);position:absolute;top:.2rem;width:var(--bullet-size);&:nth-child(1){animation:scaleAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * .5)}&:nth-child(2){animation:translateAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * .5)}&:nth-child(3){animation:translateAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * 2.4)}&:nth-child(4){animation:scaleAnimation .6s infinite ease-in-out reverse;left:calc(var(--bullet-size) * 4)}}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateAnimation{0%{transform:translate(0)}to{transform:translate(calc(var(--bullet-size) * 1.65))}}.\1f616 {display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:transparent;line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:#0000004d}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObSplitContainer-panel.dragging{pointer-events:none}.ObValueToggleGroup{padding:.25rem;border:2px solid rgb(0 0 0 / .2);border-radius:4px;display:flex;gap:.25rem;flex-wrap:wrap;&.vertical{flex-direction:column;align-items:center;.ObValueToggleOption{width:100%;.ObValueToggleLabel{width:100%;text-align:center}}}&:focus-within{border-color:#000c}}.ObValueToggleOption{display:flex;align-items:center;margin:0;position:relative}.ObValueToggleOption input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ObValueToggleLabel{font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase;transition:background .2s ease,color .2s ease;border-radius:4px}.ObValueToggleOption:hover input:not(:disabled)+.ObValueToggleLabel{cursor:pointer;background:#ccc}.ObValueToggleOption input:checked+.ObValueToggleLabel{--color-bg: var(--brand-dark);background-color:var(--color-bg);color:#fff;cursor:default}.ObValueToggleOption input:disabled+.ObValueToggleLabel{color:#00000080}.ObValueToggleOption input:checked:focus-visible+.ObValueToggleLabel{--color-bg: var(--brand-light);outline:2px solid var(--brand-light)}.ObValueToggleOption input:checked:hover+.ObValueToggleLabel{background-color:var(--color-bg)}
+@charset "UTF-8";.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, .5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, .8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid black}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, .5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background .3s ease;overflow:hidden;border-radius:calc(var(--check-width) / 15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width) * .4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease-in-out;transition-delay:0ms;transform:translate(-50%,-50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.ObCheckbox-label{display:flex;gap:.5rem;align-items:center;overflow:visible}.ObCheckbox-root.Ob-reverse .ObCheckbox-label{flex-direction:row-reverse}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{animation:animOn .6s 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%,-50%) scale(1);transition-delay:.2s;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(.6)}60%{transform:scaleY(.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(.9)}to{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: .75rem;--card-color: rgb(0, 0, 0);display:flex;align-items:stretch;min-height:10rem;overflow:hidden;border-radius:.25rem;box-shadow:0 1px 12px #00000026,0 1px 6px #00000040;color:#666;background-image:linear-gradient(to right,var(--bg-color-border),var(--bg-color-border) var(--bg-size),var(--bg-color-main) var(--bg-size),var(--bg-color-main));font-family:Variable Bahnschrift,Bahnschrift,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;transition:all ease-in-out .3s;cursor:pointer;&:nth-of-type(5n+1){--bg-color-border: rgb(178, 108, 190)}&:nth-of-type(5n+2){--bg-color-border: rgb(79, 164, 61)}&:nth-of-type(5n+3){--bg-color-border: rgb(246, 170, 23)}&:nth-of-type(5n+4){--bg-color-border: rgb(218, 93, 83)}&:nth-of-type(5n+5){--bg-color-border: rgb(23, 162, 184)}&:hover,&:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px #00000026,0 3px 12px #00000040;text-decoration:none}@media screen and (min-width: 48rem){font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;padding:.5rem 1.5rem .5rem 1rem;overflow:hidden;text-overflow:ellipsis;&:first-child{margin-left:var(--bg-size, .75rem)}&.ObColorCard-minor{flex:0 0 4rem;border-right:1px solid #e3e3e3;transition:margin ease-in-out .3s;@media screen and (min-width: 48rem){flex:0 0 8rem}}}.ObColorCard-detailLabel{color:#696969;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail{&:not(:last-child){margin-right:1.5rem}&.ObColorCard-primary,&.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}&.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){font-size:1rem}}.ObColorCard-detailValue{color:#555}.ObColorCard-stepList{display:flex;flex-direction:column;gap:1rem}.ObColorCard-step{position:relative;text-box-trim:trim-both;display:flex;align-items:flex-start;gap:.5rem}.ObColorCard-step:before{flex:.6em 0 0;content:"";position:relative;top:.25em;width:.6em;height:.6em;background:#fff;border:2px solid var(--bg-color-border, #999);border-radius:50%;box-sizing:border-box;z-index:1}.ObColorCard-step:not(:last-child):after{content:"";position:absolute;top:1em;left:calc(.3em - 1px);height:calc(100% - .8875em + 1rem);border-left:2px dotted #999;z-index:0}:root{--ob-datenavigator-height: 3rem}.ObDateNavigator-icon{display:inline-block;svg{width:.625em;position:relative;top:-1px}}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem;outline:none;&:focus-visible{outline:2px solid var(--brand-dark, #336699);outline-offset:2px}}.ObDateNavigator-arrow{display:flex;align-items:center;flex:0 0 var(--ob-datenavigator-height);justify-content:center;height:var(--ob-datenavigator-height);cursor:pointer;text-align:center;&:hover:not(:disabled){background-color:#e3e3e3;background-color:var(--block-header-button-hover)}&:disabled{cursor:not-allowed;color:#0003}}.ObDateNavigator-arrowLeft{border-right:1px solid #dddddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #dddddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:var(--ob-datenavigator-height);text-align:center}.ObDateNavigator-today{order:4;padding:0 1rem;height:var(--ob-datenavigator-height);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--brand-dark, #336699);text-transform:uppercase;cursor:pointer;text-wrap:nowrap;border-left:1px solid #dddddd;&:hover:not(:disabled){background-color:var(--block-header-button-hover)}&:focus-visible{outline:2px solid var(--brand-dark, #336699);outline-offset:2px}}:root{--ob-linked-list-bullet-size: .7em;--ob-linked-list-line-width: .2em}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:#fff;position:relative}.ObLinkedList-bullet{background:#fff;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(calc(-1 * var(--ob-linked-list-bullet-size) / 2 + var(--ob-linked-list-line-width) / 2),-50%)}.ObLinkedList-card{display:block;background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card:before{border-bottom:.5em solid transparent;border-right:1em solid white;border-top:.5em solid transparent;content:" ";filter:drop-shadow(-1px 0px 1px rgba(50,50,50,.2));height:1em;left:-1em;margin-top:-.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3!important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover:before{border-right-color:#edeff3!important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0 8px 8px #0003;color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid white;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid transparent;display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px #0003 inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px #0003 inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,#ffffff40,#0003),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,#ffffff40,#0003),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translate(100%)}.ObSidebar-root{overflow-y:auto}.ObSidebar-root.Ob-open{transform:translate(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px #00000026}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px #00000026}.ObSidebar-overlay{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:#0000004d}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.ObSpinner-wrapper,.ObSpinner-fullPage{--bullet-size: .5em}.ObSpinner-root{display:inline-block}.ObSpinner-fullPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.ObSpinner-spinner{display:inline-block;height:calc(var(--bullet-size) * 1.5);position:relative;width:calc(var(--bullet-size) * 5)}.ObSpinner-bullet{animation-timing-function:cubic-bezier(0,1,1,0);background:#666;border-radius:50%;height:var(--bullet-size);position:absolute;top:.2rem;width:var(--bullet-size);&:nth-child(1){animation:scaleAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * .5)}&:nth-child(2){animation:translateAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * .5)}&:nth-child(3){animation:translateAnimation .6s infinite ease-in-out;left:calc(var(--bullet-size) * 2.4)}&:nth-child(4){animation:scaleAnimation .6s infinite ease-in-out reverse;left:calc(var(--bullet-size) * 4)}}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateAnimation{0%{transform:translate(0)}to{transform:translate(calc(var(--bullet-size) * 1.65))}}.\1f616 {display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:transparent;line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:#0000004d}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObSplitContainer-panel.dragging{pointer-events:none}.ObValueToggleGroup{padding:.25rem;border:2px solid rgb(0 0 0 / .2);border-radius:4px;display:flex;gap:.25rem;flex-wrap:wrap;&.vertical{flex-direction:column;align-items:center;.ObValueToggleOption{width:100%;.ObValueToggleLabel{width:100%;text-align:center}}}&:focus-within{border-color:#000c}}.ObValueToggleOption{display:flex;align-items:center;margin:0;position:relative}.ObValueToggleOption input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ObValueToggleLabel{font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase;transition:background .2s ease,color .2s ease;border-radius:4px}.ObValueToggleOption:hover input:not(:disabled)+.ObValueToggleLabel{cursor:pointer;background:#ccc}.ObValueToggleOption input:checked+.ObValueToggleLabel{--color-bg: var(--brand-dark);background-color:var(--color-bg);color:#fff;cursor:default}.ObValueToggleOption input:disabled+.ObValueToggleLabel{color:#00000080}.ObValueToggleOption input:checked:focus-visible+.ObValueToggleLabel{--color-bg: var(--brand-light);outline:2px solid var(--brand-light)}.ObValueToggleOption input:checked:hover+.ObValueToggleLabel{background-color:var(--color-bg)}
 /*# sourceMappingURL=ob.react.min.css.map */