@bolio-ui/core 3.0.0-alpha.1 → 3.0.0-alpha.2

package/dist/chunk-FFEAKF3A.js

@@ -0,0 +1,220 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Splitter/Splitter.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Splitter/SplitterContext.ts
+
+var SplitterPanelContext = _react2.default.createContext(null);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Splitter/Splitter.module.css.bolio-css-module-source
+var Splitter_module_css_default = { "splitter": "Splitter-module_splitter__ZxGeO", "horizontal": "Splitter-module_horizontal__1LuP6", "vertical": "Splitter-module_vertical__APNTT", "panel": "Splitter-module_panel__UyXwt", "handle": "Splitter-module_handle__zkBUq" };
+
+// core/Splitter/Splitter.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var initialSizes = (panels) => {
+  const given = panels.map((panel) => panel.props.defaultSize);
+  const used = given.reduce((sum, size) => sum + (size != null ? size : 0), 0);
+  const open = given.filter((size) => size === void 0).length;
+  return given.map(
+    (size) => size === void 0 ? Math.max(0, 100 - used) / open : size
+  );
+};
+var SplitterComponent = _react2.default.forwardRef(
+  ({
+    direction = "horizontal",
+    onResize,
+    handleLabel = "Resize",
+    className = "",
+    children,
+    style,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const baseId = _react.useId.call(void 0, );
+    const panels = _react2.default.Children.toArray(children).filter(
+      _react2.default.isValidElement
+    );
+    const horizontal = direction === "horizontal";
+    const [sizes, setSizes] = _react.useState.call(void 0, () => initialSizes(panels));
+    if (sizes.length !== panels.length) setSizes(initialSizes(panels));
+    const elements = _react.useRef.call(void 0, []);
+    const drag = _react.useRef.call(void 0, void 0);
+    const minOf = (index) => {
+      var _a;
+      return (_a = panels[index].props.minSize) != null ? _a : 0;
+    };
+    const maxOf = (index) => {
+      var _a;
+      return (_a = panels[index].props.maxSize) != null ? _a : 100;
+    };
+    const move = (index, delta, from) => {
+      const [a, b] = [from[index], from[index + 1]];
+      const low = Math.max(minOf(index) - a, b - maxOf(index + 1));
+      const high = Math.min(maxOf(index) - a, b - minOf(index + 1));
+      const applied = Math.min(Math.max(delta, low), high);
+      if (!applied && sizes[index] === a) return;
+      const next = [...from];
+      next[index] = a + applied;
+      next[index + 1] = b - applied;
+      setSizes(next);
+      if (onResize) onResize(next);
+    };
+    const pointerDown = (event) => {
+      var _a, _b;
+      (_b = (_a = event.currentTarget).setPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId);
+      const room = elements.current.reduce((sum, element) => {
+        const rect = element == null ? void 0 : element.getBoundingClientRect();
+        return sum + (rect ? horizontal ? rect.width : rect.height : 0);
+      }, 0);
+      drag.current = {
+        from: horizontal ? event.clientX : event.clientY,
+        sizes: [...sizes],
+        room
+      };
+    };
+    const pointerMove = (event, index) => {
+      var _a, _b;
+      const start = drag.current;
+      if (!start || !start.room) return;
+      if (!((_b = (_a = event.currentTarget).hasPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId))) return;
+      const travelled = (horizontal ? event.clientX : event.clientY) - start.from;
+      move(index, travelled / start.room * 100, start.sizes);
+    };
+    const keyDown = (event, index) => {
+      const step = event.shiftKey ? 10 : 1;
+      const [less, more] = horizontal ? ["ArrowLeft", "ArrowRight"] : ["ArrowUp", "ArrowDown"];
+      const deltas = {
+        [less]: -step,
+        [more]: step,
+        Home: -100,
+        End: 100
+      };
+      if (!(event.key in deltas)) return;
+      event.preventDefault();
+      move(index, deltas[event.key], sizes);
+    };
+    const template = sizes.map((size) => `minmax(0, ${size}fr)`).join(" auto ");
+    const splitterStyle = {
+      "--splitter-template": template,
+      width: SCALES.width(1, "100%"),
+      height: SCALES.height(1, "100%"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      "--splitter-line": theme.palette.border,
+      "--splitter-active": theme.palette.primary,
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Splitter_module_css_default.splitter, className, {
+          [Splitter_module_css_default.horizontal]: horizontal,
+          [Splitter_module_css_default.vertical]: !horizontal
+        }),
+        ...props,
+        style: splitterStyle,
+        children: panels.map((panel, index) => {
+          var _a;
+          const [a, b] = [sizes[index], sizes[index + 1]];
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              SplitterPanelContext.Provider,
+              {
+                value: {
+                  id: `${baseId}-panel-${index}`,
+                  setElement: (element) => {
+                    elements.current[index] = element;
+                  }
+                },
+                children: panel
+              }
+            ),
+            index < panels.length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                role: "separator",
+                tabIndex: 0,
+                "aria-label": handleLabel,
+                "aria-orientation": horizontal ? "vertical" : "horizontal",
+                "aria-controls": `${baseId}-panel-${index}`,
+                "aria-valuenow": Math.round(a),
+                "aria-valuemin": Math.round(
+                  Math.max(minOf(index), a + b - maxOf(index + 1))
+                ),
+                "aria-valuemax": Math.round(
+                  Math.min(maxOf(index), a + b - minOf(index + 1))
+                ),
+                className: _chunk5KUROAEPjs.joinClasses.call(void 0, Splitter_module_css_default.handle),
+                onPointerDown: pointerDown,
+                onPointerMove: (event) => pointerMove(event, index),
+                onPointerUp: () => drag.current = void 0,
+                onPointerCancel: () => drag.current = void 0,
+                onKeyDown: (event) => keyDown(event, index)
+              }
+            )
+          ] }, (_a = panel.key) != null ? _a : index);
+        })
+      }
+    );
+  }
+);
+SplitterComponent.displayName = "BolioUISplitter";
+var Splitter = _chunkMAICNLTYjs.with_scale_default.call(void 0, SplitterComponent);
+var Splitter_default = Splitter;
+
+// core/Splitter/SplitterPanel.tsx
+
+
+var SplitterPanel = _react2.default.forwardRef(
+  ({
+    // read by the Splitter
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    defaultSize,
+    minSize,
+    maxSize,
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    className = "",
+    children,
+    style,
+    ...props
+  }, ref) => {
+    const config = _react.useContext.call(void 0, SplitterPanelContext);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: (element) => {
+          config == null ? void 0 : config.setElement(element);
+          if (typeof ref === "function") ref(element);
+          else if (ref) ref.current = element;
+        },
+        id: config == null ? void 0 : config.id,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Splitter_module_css_default.panel, className),
+        ...props,
+        style,
+        children
+      }
+    );
+  }
+);
+SplitterPanel.displayName = "BolioUISplitterPanel";
+var SplitterPanel_default = SplitterPanel;
+
+// core/Splitter/index.ts
+Splitter_default.Panel = SplitterPanel_default;
+var Splitter_default2 = Splitter_default;
+
+
+
+exports.Splitter_default = Splitter_default2;

package/dist/{chunk-XLPOECCE.js → chunk-FL6J36B7.js}

@@ -64,10 +64,11 @@ var MenuList = ({
   };
   _react.useEffect.call(void 0, () => {
     var _a, _b;
-    if (focus === "list") return (_a = listRef.current) == null ? void 0 : _a.focus();
+    const options = { preventScroll: true };
+    if (focus === "list") return (_a = listRef.current) == null ? void 0 : _a.focus(options);
     const items = getItems();
     const target = focus === "first" ? items[0] : items[items.length - 1];
-    (_b = target != null ? target : listRef.current) == null ? void 0 : _b.focus();
+    (_b = target != null ? target : listRef.current) == null ? void 0 : _b.focus(options);
   }, []);
   const typeahead = (key, items, index) => {
     const now = Date.now();

package/dist/chunk-REWKR7S3.js

@@ -0,0 +1,109 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkTWIOSRRPjs = require('./chunk-TWIOSRRP.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/ImageZoom/ImageZoom.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/ImageZoom/ImageZoom.module.css.bolio-css-module-source
+var ImageZoom_module_css_default = { "trigger": "ImageZoom-module_trigger__-42Bz", "dialog": "ImageZoom-module_dialog__TjA9E", "figure": "ImageZoom-module_figure__YIBq1", "zoomed": "ImageZoom-module_zoomed__7gfCP", "caption": "ImageZoom-module_caption__6SFRA", "close": "ImageZoom-module_close__iEiwJ" };
+
+// core/ImageZoom/ImageZoom.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var ImageZoom = _react2.default.forwardRef(
+  ({
+    src,
+    alt,
+    zoomSrc,
+    caption,
+    closeLabel = "Close",
+    className = "",
+    ...imageProps
+  }, ref) => {
+    const [open, setOpen] = _react.useState.call(void 0, false);
+    const dialog = _react.useRef.call(void 0, null);
+    _react.useEffect.call(void 0, () => {
+      var _a;
+      if (open) (_a = dialog.current) == null ? void 0 : _a.showModal();
+    }, [open]);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          ref,
+          type: "button",
+          className: _chunk5KUROAEPjs.use_classes_default.call(void 0, ImageZoom_module_css_default.trigger, className),
+          "aria-haspopup": "dialog",
+          onClick: () => setOpen(true),
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTWIOSRRPjs.Image_default, { src, alt, ...imageProps })
+        }
+      ),
+      open && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "dialog",
+        {
+          ref: dialog,
+          "aria-label": alt,
+          className: ImageZoom_module_css_default.dialog,
+          onClose: () => setOpen(false),
+          onKeyDown: (event) => {
+            var _a;
+            if (event.key === "Escape") (_a = dialog.current) == null ? void 0 : _a.close();
+          },
+          onClick: (event) => {
+            var _a;
+            if (event.target === event.currentTarget) (_a = dialog.current) == null ? void 0 : _a.close();
+          },
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "figure", { className: ImageZoom_module_css_default.figure, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: zoomSrc || src, alt, className: ImageZoom_module_css_default.zoomed }),
+              caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "figcaption", { className: ImageZoom_module_css_default.caption, children: caption })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                className: ImageZoom_module_css_default.close,
+                "aria-label": closeLabel,
+                onClick: () => {
+                  var _a;
+                  return (_a = dialog.current) == null ? void 0 : _a.close();
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "svg",
+                  {
+                    viewBox: "0 0 24 24",
+                    width: "1.5em",
+                    height: "1.5em",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "path",
+                      {
+                        d: "M6 6l12 12M18 6L6 18",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+ImageZoom.displayName = "BolioUIImageZoom";
+var ImageZoom_default = ImageZoom;
+
+// core/ImageZoom/index.ts
+var ImageZoom_default2 = ImageZoom_default;
+
+
+
+exports.ImageZoom_default = ImageZoom_default2;

package/dist/chunk-STYC6O24.js

@@ -0,0 +1,232 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
+
+
+var _chunkBXDUHMWSjs = require('./chunk-BXDUHMWS.js');
+
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+
+var _chunkDXHNQANXjs = require('./chunk-DXHNQANX.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Tour/Tour.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactdom = require('react-dom');
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Tour/Tour.module.css.bolio-css-module-source
+var Tour_module_css_default = { "tour": "Tour-module_tour__FLAxG", "spotlight": "Tour-module_spotlight__o7ukV", "dim": "Tour-module_dim__ZPmGZ", "card": "Tour-module_card__p9LCI", "centered": "Tour-module_centered__KJvbZ", "count": "Tour-module_count__2K7-G", "title": "Tour-module_title__Z-spV", "content": "Tour-module_content__qLvnb", "actions": "Tour-module_actions__HKbHi", "spacer": "Tour-module_spacer__dkdPy" };
+
+// core/Tour/Tour.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var CARD_WIDTH = 320;
+var MARGIN = 8;
+var GAP = 8;
+var ROOM_BELOW = 240;
+var resolve = (target) => !target ? null : typeof target === "string" ? document.querySelector(target) : typeof target === "function" ? target() : target;
+var Tour = _react2.default.forwardRef(
+  ({
+    steps,
+    open,
+    onClose,
+    current: customCurrent,
+    initialCurrent = 0,
+    onCurrentChange,
+    onFinish,
+    previousLabel = "Back",
+    nextLabel = "Next",
+    finishLabel = "Done",
+    skipLabel = "Skip",
+    stepLabel = (index, count) => `${index + 1} of ${count}`,
+    spotlightPadding = 6,
+    className = "",
+    style,
+    onKeyDown,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const portal = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "tour");
+    const id = _react.useId.call(void 0, );
+    const [selfCurrent, setSelfCurrent] = _react.useState.call(void 0, initialCurrent);
+    const current = Math.max(
+      0,
+      Math.min(customCurrent != null ? customCurrent : selfCurrent, steps.length - 1)
+    );
+    const step = steps[current];
+    const last = current === steps.length - 1;
+    const [rect, setRect] = _react.useState.call(void 0, null);
+    const card = _react.useRef.call(void 0, null);
+    const previous = _react.useRef.call(void 0, null);
+    const latestSteps = _chunkZRORQ2WHjs.use_latest_default.call(void 0, steps);
+    _react.useEffect.call(void 0, () => {
+      var _a, _b;
+      const target = (_a = latestSteps.current[current]) == null ? void 0 : _a.target;
+      if (!open) return;
+      const element = resolve(target);
+      if (!element) {
+        if (target) _chunkAXYDJGTNjs.log_warning_default.call(void 0, "The target of the step was not found.", "Tour");
+        setRect(null);
+        return;
+      }
+      (_b = element.scrollIntoView) == null ? void 0 : _b.call(element, { block: "center", inline: "nearest" });
+      const update = () => setRect(element.getBoundingClientRect());
+      update();
+      window.addEventListener("resize", update);
+      window.addEventListener("scroll", update, true);
+      return () => {
+        window.removeEventListener("resize", update);
+        window.removeEventListener("scroll", update, true);
+      };
+    }, [open, current, latestSteps]);
+    _react.useEffect.call(void 0, () => {
+      if (!open) return;
+      previous.current = document.activeElement;
+      return () => {
+        var _a, _b;
+        return (_b = (_a = previous.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      };
+    }, [open]);
+    _react.useEffect.call(void 0, () => {
+      var _a;
+      if (open && portal) (_a = card.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    }, [open, current, portal]);
+    if (!open || !step || !portal) return null;
+    const go = (next) => {
+      if (customCurrent === void 0) setSelfCurrent(next);
+      if (onCurrentChange) onCurrentChange(next);
+    };
+    const finish = () => {
+      if (onFinish) onFinish();
+      onClose();
+    };
+    const keyDownHandler = (event) => {
+      var _a, _b;
+      if (onKeyDown) onKeyDown(event);
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        return onClose();
+      }
+      if (event.key !== "Tab") return;
+      const buttons = Array.from(
+        (_b = (_a = card.current) == null ? void 0 : _a.querySelectorAll("button")) != null ? _b : []
+      );
+      const [first, end] = [buttons[0], buttons[buttons.length - 1]];
+      const onCard = document.activeElement === card.current;
+      if (!first) return;
+      if (event.shiftKey && (onCard || document.activeElement === first)) {
+        event.preventDefault();
+        end.focus();
+      } else if (!event.shiftKey && (onCard || document.activeElement === end)) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    const width = Math.min(CARD_WIDTH, window.innerWidth - 2 * MARGIN);
+    const room = rect ? window.innerHeight - rect.bottom : 0;
+    const above = Boolean(rect && room < ROOM_BELOW && rect.top > room);
+    const cardStyle = rect ? {
+      width,
+      left: Math.max(
+        MARGIN,
+        Math.min(rect.left, window.innerWidth - width - MARGIN)
+      ),
+      ...above ? { bottom: window.innerHeight - rect.top + spotlightPadding + GAP } : { top: rect.bottom + spotlightPadding + GAP }
+    } : { width };
+    const dark = theme.type === "dark";
+    const tourStyle = {
+      "--tour-color": theme.palette.foreground,
+      "--tour-muted": theme.palette.accents_5,
+      "--tour-radius": theme.layout.radius,
+      "--tour-bg": dark ? theme.palette.accents_3 : theme.palette.background,
+      "--tour-shadow": theme.expressiveness.shadowMedium,
+      "--tour-dim": dark ? "rgb(0 0 0 / 60%)" : "rgb(0 0 0 / 55%)",
+      ...style
+    };
+    return _reactdom.createPortal.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          ref,
+          className: _chunk5KUROAEPjs.joinClasses.call(void 0, Tour_module_css_default.tour, className),
+          ...props,
+          style: tourStyle,
+          onKeyDown: keyDownHandler,
+          children: [
+            rect ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: Tour_module_css_default.spotlight,
+                style: {
+                  left: rect.left - spotlightPadding,
+                  top: rect.top - spotlightPadding,
+                  width: rect.width + 2 * spotlightPadding,
+                  height: rect.height + 2 * spotlightPadding
+                }
+              }
+            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Tour_module_css_default.dim }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "div",
+              {
+                ref: card,
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": `${id}-title`,
+                "aria-describedby": `${id}-content`,
+                tabIndex: -1,
+                className: _chunk5KUROAEPjs.joinClasses.call(void 0, Tour_module_css_default.card, { [Tour_module_css_default.centered]: !rect }),
+                style: cardStyle,
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Tour_module_css_default.count, children: stepLabel(current, steps.length) }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: `${id}-title`, className: Tour_module_css_default.title, children: step.title }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: `${id}-content`, className: Tour_module_css_default.content, children: step.content }),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Tour_module_css_default.actions, children: [
+                    !last && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDXHNQANXjs.Button_default, { auto: true, scale: 0.75, effect: false, onClick: onClose, children: skipLabel }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: Tour_module_css_default.spacer }),
+                    current > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkDXHNQANXjs.Button_default,
+                      {
+                        auto: true,
+                        scale: 0.75,
+                        effect: false,
+                        onClick: () => go(current - 1),
+                        children: previousLabel
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkDXHNQANXjs.Button_default,
+                      {
+                        auto: true,
+                        scale: 0.75,
+                        type: "primary",
+                        effect: false,
+                        onClick: last ? finish : () => go(current + 1),
+                        children: last ? finishLabel : nextLabel
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      portal
+    );
+  }
+);
+Tour.displayName = "BolioUITour";
+var Tour_default = Tour;
+
+// core/Tour/index.ts
+var Tour_default2 = Tour_default;
+
+
+
+exports.Tour_default = Tour_default2;

package/dist/{chunk-TDJGMSGT.js → chunk-WIIDIZYK.js}

@@ -26,6 +26,9 @@ var CssBaseline = ({
           font-size: 16px;
           --bolioui-icons-background: ${theme.palette.background};
           box-sizing: border-box;
+          /* the native parts of the page follow the theme: the clock of a time
+             field, the scrollbars and the pickers of the browser */
+          color-scheme: ${theme.type};
         }
 
         body {
@@ -53,7 +56,6 @@ var CssBaseline = ({
         *:before,
         *:after {
           box-sizing: inherit;
-          text-rendering: geometricPrecision;
           -webkit-tap-highlight-color: transparent;
         }