@prokodo/ui 0.1.13 → 0.1.15

package/dist/components/slider/Slider.view.js

@@ -14,8 +14,16 @@ const SliderView = /* @__PURE__ */ __name(({
   required,
   disabled,
   // Defaultwerte für min, max, step:
-  min = 0,
-  max = 100,
+  /* istanbul ignore next */
+  min = (
+    /* istanbul ignore next */
+    0
+  ),
+  /* istanbul ignore next */
+  max = (
+    /* istanbul ignore next */
+    100
+  ),
   step = 1,
   marks = false,
   valueLabelProps = {},
@@ -27,8 +35,23 @@ const SliderView = /* @__PURE__ */ __name(({
   onChangeInternal
 }) => {
   var _a;
-  const clamped = internalValue < min ? min : internalValue > max ? max : internalValue;
-  const pct = max > min ? (clamped - min) / (max - min) * 100 : 0;
+  const clamped = (
+    /* istanbul ignore next */
+    internalValue < min ? (
+      /* istanbul ignore next */
+      min
+    ) : (
+      /* istanbul ignore next */
+      internalValue > max ? (
+        /* istanbul ignore next */
+        max
+      ) : internalValue
+    )
+  );
+  const pct = max > min ? (clamped - min) / (max - min) * 100 : (
+    /* istanbul ignore next */
+    0
+  );
   let markPoints = [];
   if (Array.isArray(marks)) {
     markPoints = marks;
@@ -61,7 +84,22 @@ const SliderView = /* @__PURE__ */ __name(({
       /* @__PURE__ */ jsx("div", { className: bem("rail") }),
       /* @__PURE__ */ jsx("div", { className: bem("track"), style: { width: `${pct}%` } }),
       markPoints.map((m) => {
-        const leftPct = max > min ? ((m.value < min ? min : m.value > max ? max : m.value) - min) / (max - min) * 100 : 0;
+        const leftPct = max > min ? (
+          /* istanbul ignore next */
+          ((m.value < min ? (
+            /* istanbul ignore next */
+            min
+          ) : (
+            /* istanbul ignore next */
+            m.value > max ? (
+              /* istanbul ignore next */
+              max
+            ) : m.value
+          )) - min) / (max - min) * 100
+        ) : (
+          /* istanbul ignore next */
+          0
+        );
         return /* @__PURE__ */ jsx(
           "div",
           {

package/dist/components/snackbar/Snackbar.client.js

@@ -5,7 +5,11 @@ import { jsx } from "react/jsx-runtime";
 import { memo, useState, useRef, useCallback, useEffect } from "react";
 import { SnackbarView } from "./Snackbar.view.js";
 function SnackbarClient({
-  open: openProp = false,
+  /* istanbul ignore next */
+  open: openProp = (
+    /* istanbul ignore next */
+    false
+  ),
   autoHideDuration = 6e3,
   onClose,
   ...rest

package/dist/components/snackbar/Snackbar.css

@@ -148,7 +148,11 @@
   color: var(--color-black);
 }
 .prokodo-Snackbar--info {
-  background-color: var(--color-info);
+  background-color: var(--color-grey-500);
+}
+html[data-theme=dark] .prokodo-Snackbar--info {
+  background-color: var(--color-grey-300);
+  color: var(--color-grey-900);
 }
 .prokodo-Snackbar__message {
   flex: 1 1;

package/dist/components/snackbar/Snackbar.js

@@ -5,7 +5,10 @@ import SnackbarServer from "./Snackbar.server.js";
 const Snackbar = createIsland({
   name: "Snackbar",
   Server: SnackbarServer,
-  loadLazy: /* @__PURE__ */ __name(() => import("./Snackbar.lazy.js"), "loadLazy")
+  loadLazy: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => import("./Snackbar.lazy.js"), "loadLazy")
+  )
 });
 export {
   Snackbar

package/dist/components/snackbar/Snackbar.module.css

@@ -148,7 +148,11 @@
   color: var(--color-black);
 }
 .prokodo-Snackbar--info {
-  background-color: var(--color-info);
+  background-color: var(--color-grey-500);
+}
+html[data-theme=dark] .prokodo-Snackbar--info {
+  background-color: var(--color-grey-300);
+  color: var(--color-grey-900);
 }
 .prokodo-Snackbar__message {
   flex: 1 1;

package/dist/components/snackbar/SnackbarProvider.js

@@ -6,8 +6,14 @@ const SnackbarProvider = createIsland({
   name: "SnackbarProvider",
   Server: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx(Fragment, { children }), "Server"),
   // renders nothing on SSR
-  loadLazy: /* @__PURE__ */ __name(() => import("./SnackbarProvider.lazy.js"), "loadLazy"),
-  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+  loadLazy: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => import("./SnackbarProvider.lazy.js"), "loadLazy")
+  ),
+  isInteractive: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => true, "isInteractive")
+  )
 });
 export {
   SnackbarProvider

package/dist/components/stepper/Stepper.client.js

@@ -98,9 +98,12 @@ const StepperClient = forwardRef((props, ref) => {
             (_c = (_b = (_a = steps == null ? void 0 : steps[i]) == null ? void 0 : _a.innerContainerProps) == null ? void 0 : _b.onBlur) == null ? void 0 : _c.call(_b, e);
           }, "onBlur"),
           // Capture the <div role="button"> element in stepRefs.current[i]
-          ref: /* @__PURE__ */ __name((el) => {
-            stepRefs.current[i] = el;
-          }, "ref")
+          ref: (
+            /* istanbul ignore next */
+            /* @__PURE__ */ __name((el) => {
+              stepRefs.current[i] = el;
+            }, "ref")
+          )
         }
       };
     }),

package/dist/components/stepper/Stepper.js

@@ -5,7 +5,10 @@ import StepperServer from "./Stepper.server.js";
 const Stepper = createIsland({
   name: "Stepper",
   Server: StepperServer,
-  loadLazy: /* @__PURE__ */ __name(() => import("./Stepper.lazy.js"), "loadLazy")
+  loadLazy: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => import("./Stepper.lazy.js"), "loadLazy")
+  )
 });
 export {
   Stepper

package/dist/components/switch/Switch.js

@@ -5,7 +5,10 @@ import SwitchServer from "./Switch.server.js";
 const Switch = createIsland({
   name: "Switch",
   Server: SwitchServer,
-  loadLazy: /* @__PURE__ */ __name(() => import("./Switch.lazy.js"), "loadLazy")
+  loadLazy: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => import("./Switch.lazy.js"), "loadLazy")
+  )
 });
 export {
   Switch

package/dist/components/switch/Switch.view.js

@@ -21,6 +21,7 @@ const SwitchView = /* @__PURE__ */ __name(({
   onChangeInternal,
   onFocusInternal,
   onBlurInternal,
+  isFocused: _isFocused,
   ...props
 }) => {
   const hasLabel = typeof label === "string" && label.length > 0;

package/dist/components/table/Table.js

@@ -52,6 +52,7 @@ const Table = /* @__PURE__ */ __name(({
           "tr",
           {
             className: bem("body__row", {
+              /* istanbul ignore next */
               "has-link": isString((_a = row == null ? void 0 : row.redirect) == null ? void 0 : _a.href)
             }),
             children: row == null ? void 0 : row.cells.filter((el) => el !== null).map((cell, b) => /* @__PURE__ */ createElement(

package/dist/components/tabs/Tabs.client.js

@@ -74,6 +74,7 @@ function TabsClient({
     [disabled, isControlled, items, onChange]
   );
   const moveFocus = useCallback(
+    /* istanbul ignore next */
     (currentIndex, direction) => {
       if (!enabledIndices.length) return currentIndex;
       const currentEnabledPos = enabledIndices.findIndex(

package/dist/components/tabs/Tabs.js

@@ -5,8 +5,14 @@ import TabsServer from "./Tabs.server.js";
 const Tabs = createIsland({
   name: "Tabs",
   Server: TabsServer,
-  loadLazy: /* @__PURE__ */ __name(() => import("./Tabs.lazy.js"), "loadLazy"),
-  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+  loadLazy: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => import("./Tabs.lazy.js"), "loadLazy")
+  ),
+  isInteractive: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => true, "isInteractive")
+  )
 });
 export {
   Tabs

package/dist/components/tabs/Tabs.view.js

@@ -103,8 +103,14 @@ function TabsView({
                     },
                     tabClassName
                   ),
-                  onClick: /* @__PURE__ */ __name((event) => _clientState == null ? void 0 : _clientState.onTabClick(index, event), "onClick"),
-                  onKeyDown: /* @__PURE__ */ __name((event) => _clientState == null ? void 0 : _clientState.onTabKeyDown(index, event), "onKeyDown"),
+                  onClick: (
+                    /* istanbul ignore next */
+                    /* @__PURE__ */ __name((event) => _clientState == null ? void 0 : _clientState.onTabClick(index, event), "onClick")
+                  ),
+                  onKeyDown: (
+                    /* istanbul ignore next */
+                    /* @__PURE__ */ __name((event) => _clientState == null ? void 0 : _clientState.onTabKeyDown(index, event), "onKeyDown")
+                  ),
                   children: [
                     /* @__PURE__ */ jsx("span", { className: bem("tabLabel"), children: item.label }),
                     item.badge ? /* @__PURE__ */ jsx(

package/dist/components/tooltip/Tooltip.client.js

@@ -204,7 +204,10 @@ function TooltipClient(props) {
         if (anchor === "pointer")
           lastPointer.current = { x: e.clientX, y: e.clientY };
         scheduleOpen();
-      } : triggerProps == null ? void 0 : triggerProps.onMouseEnter,
+      } : (
+        /* istanbul ignore next */
+        triggerProps == null ? void 0 : triggerProps.onMouseEnter
+      ),
       onMouseLeave: openOnHover ? (e) => {
         var _a, _b;
         (_a = triggerProps == null ? void 0 : triggerProps.onMouseLeave) == null ? void 0 : _a.call(triggerProps, e);
@@ -212,31 +215,49 @@ function TooltipClient(props) {
         if (nextTarget && ((_b = bubbleRef.current) == null ? void 0 : _b.contains(nextTarget))) return;
         if (anchor === "pointer") lastPointer.current = null;
         scheduleClose();
-      } : triggerProps == null ? void 0 : triggerProps.onMouseLeave,
+      } : (
+        /* istanbul ignore next */
+        triggerProps == null ? void 0 : triggerProps.onMouseLeave
+      ),
       onMouseMove: anchor === "pointer" ? (e) => {
         var _a;
         (_a = triggerProps == null ? void 0 : triggerProps.onMouseMove) == null ? void 0 : _a.call(triggerProps, e);
         lastPointer.current = { x: e.clientX, y: e.clientY };
-      } : triggerProps == null ? void 0 : triggerProps.onMouseMove,
+      } : (
+        /* istanbul ignore next */
+        triggerProps == null ? void 0 : triggerProps.onMouseMove
+      ),
       onFocus: openOnFocus ? (e) => {
         var _a;
         (_a = triggerProps == null ? void 0 : triggerProps.onFocus) == null ? void 0 : _a.call(triggerProps, e);
         scheduleOpen();
-      } : triggerProps == null ? void 0 : triggerProps.onFocus,
-      onBlur: openOnFocus ? (e) => {
-        var _a;
-        (_a = triggerProps == null ? void 0 : triggerProps.onBlur) == null ? void 0 : _a.call(triggerProps, e);
-        scheduleClose();
-      } : triggerProps == null ? void 0 : triggerProps.onBlur,
-      onKeyDown: /* @__PURE__ */ __name((e) => {
-        var _a, _b, _c;
-        (_a = triggerProps == null ? void 0 : triggerProps.onKeyDown) == null ? void 0 : _a.call(triggerProps, e);
-        if (e.key === "Escape") {
-          clearTimers();
-          setOpen(false);
-          (_c = (_b = e.currentTarget) == null ? void 0 : _b.blur) == null ? void 0 : _c.call(_b);
+      } : (
+        /* istanbul ignore next */
+        triggerProps == null ? void 0 : triggerProps.onFocus
+      ),
+      onBlur: openOnFocus ? (
+        /* istanbul ignore next */
+        (e) => {
+          var _a;
+          (_a = triggerProps == null ? void 0 : triggerProps.onBlur) == null ? void 0 : _a.call(triggerProps, e);
+          scheduleClose();
         }
-      }, "onKeyDown")
+      ) : (
+        /* istanbul ignore next */
+        triggerProps == null ? void 0 : triggerProps.onBlur
+      ),
+      onKeyDown: (
+        /* istanbul ignore next */
+        /* @__PURE__ */ __name((e) => {
+          var _a, _b, _c;
+          (_a = triggerProps == null ? void 0 : triggerProps.onKeyDown) == null ? void 0 : _a.call(triggerProps, e);
+          if (e.key === "Escape") {
+            clearTimers();
+            setOpen(false);
+            (_c = (_b = e.currentTarget) == null ? void 0 : _b.blur) == null ? void 0 : _c.call(_b);
+          }
+        }, "onKeyDown")
+      )
     }),
     [
       triggerProps,
@@ -261,79 +282,87 @@ function TooltipClient(props) {
     ),
     [open, bubbleStyle, effectivePlacement, tooltipClassName]
   );
-  const compute = useCallback(() => {
-    if (!portal || !open || disabled) return;
-    const triggerEl = triggerRef.current;
-    const bubbleEl = bubbleRef.current;
-    if (!triggerEl || !bubbleEl) return;
-    const anchorEl = triggerEl.querySelector("[data-tooltip-anchor]") ?? triggerEl;
-    const gutter = 8;
-    const arrowSize = 8;
-    const triggerRect = anchorEl.getBoundingClientRect();
-    const bubbleSize = {
-      w: bubbleEl.offsetWidth,
-      h: bubbleEl.offsetHeight
-    };
-    if (!bubbleSize.w || !bubbleSize.h) return;
-    const isMobile = window.innerWidth < mobileBreakpoint;
-    const preferred = isMobile && (placement === "left" || placement === "right") ? "top" : placement;
-    const ar = anchorEl.getBoundingClientRect();
-    const anchorX = ar.left + ar.width / 2;
-    const anchorY = ar.top + ar.height / 2;
-    const chosen = choosePlacement({
-      preferred,
-      anchorX,
-      anchorY,
-      triggerRect,
-      bubbleSize,
-      gutter,
-      offset,
-      arrowSize,
-      preventOverflow
-    });
-    const { x, y, arrowX, arrowY } = computeFixedPosition({
-      placement: chosen,
-      anchorX,
-      anchorY,
-      bubbleSize,
-      gutter,
+  const compute = useCallback(
+    /* istanbul ignore next */
+    () => {
+      if (!portal || !open || disabled) return;
+      const triggerEl = triggerRef.current;
+      const bubbleEl = bubbleRef.current;
+      if (!triggerEl || !bubbleEl) return;
+      const anchorEl = triggerEl.querySelector("[data-tooltip-anchor]") ?? triggerEl;
+      const gutter = 8;
+      const arrowSize = 8;
+      const triggerRect = anchorEl.getBoundingClientRect();
+      const bubbleSize = {
+        w: bubbleEl.offsetWidth,
+        h: bubbleEl.offsetHeight
+      };
+      if (!bubbleSize.w || !bubbleSize.h) return;
+      const isMobile = window.innerWidth < mobileBreakpoint;
+      const preferred = isMobile && (placement === "left" || placement === "right") ? "top" : placement;
+      const ar = anchorEl.getBoundingClientRect();
+      const anchorX = ar.left + ar.width / 2;
+      const anchorY = ar.top + ar.height / 2;
+      const chosen = choosePlacement({
+        preferred,
+        anchorX,
+        anchorY,
+        triggerRect,
+        bubbleSize,
+        gutter,
+        offset,
+        arrowSize,
+        preventOverflow
+      });
+      const { x, y, arrowX, arrowY } = computeFixedPosition({
+        placement: chosen,
+        anchorX,
+        anchorY,
+        bubbleSize,
+        gutter,
+        offset,
+        arrowSize
+      });
+      setEffectivePlacement(chosen);
+      setBubbleStyle({
+        ["--pk-tt-x"]: `${x}px`,
+        ["--pk-tt-y"]: `${y}px`,
+        ["--pk-tt-arrow-x"]: arrowX != null ? `${arrowX}px` : void 0,
+        ["--pk-tt-arrow-y"]: arrowY != null ? `${arrowY}px` : void 0,
+        ["--pk-tt-z"]: String(zIndex)
+      });
+    },
+    [
+      portal,
+      open,
+      disabled,
+      placement,
+      preventOverflow,
       offset,
-      arrowSize
-    });
-    setEffectivePlacement(chosen);
-    setBubbleStyle({
-      ["--pk-tt-x"]: `${x}px`,
-      ["--pk-tt-y"]: `${y}px`,
-      ["--pk-tt-arrow-x"]: arrowX != null ? `${arrowX}px` : void 0,
-      ["--pk-tt-arrow-y"]: arrowY != null ? `${arrowY}px` : void 0,
-      ["--pk-tt-z"]: String(zIndex)
-    });
-  }, [
-    portal,
-    open,
-    disabled,
-    placement,
-    preventOverflow,
-    offset,
-    zIndex,
-    mobileBreakpoint
-  ]);
-  useLayoutEffect(() => {
-    if (!portal || !open) return;
-    setBubbleStyle(void 0);
-    const raf1 = requestAnimationFrame(() => {
-      requestAnimationFrame(() => compute());
-    });
-    const onResize = /* @__PURE__ */ __name(() => compute(), "onResize");
-    const onScroll = /* @__PURE__ */ __name(() => compute(), "onScroll");
-    window.addEventListener("resize", onResize);
-    window.addEventListener("scroll", onScroll, true);
-    return () => {
-      cancelAnimationFrame(raf1);
-      window.removeEventListener("resize", onResize);
-      window.removeEventListener("scroll", onScroll, true);
-    };
-  }, [portal, open, compute]);
+      zIndex,
+      mobileBreakpoint
+    ]
+  );
+  useLayoutEffect(
+    /* istanbul ignore next */
+    () => {
+      if (!portal || !open) return;
+      setBubbleStyle(void 0);
+      const raf1 = requestAnimationFrame(() => {
+        requestAnimationFrame(() => compute());
+      });
+      const onResize = /* @__PURE__ */ __name(() => compute(), "onResize");
+      const onScroll = /* @__PURE__ */ __name(() => compute(), "onScroll");
+      window.addEventListener("resize", onResize);
+      window.addEventListener("scroll", onScroll, true);
+      return () => {
+        cancelAnimationFrame(raf1);
+        window.removeEventListener("resize", onResize);
+        window.removeEventListener("scroll", onScroll, true);
+      };
+    },
+    [portal, open, compute]
+  );
   const overlayRoot = typeof document !== "undefined" && portal ? getOverlayRoot(overlayRootId, zIndex) : null;
   const portalOpen = open && Boolean(bubbleStyle);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -357,10 +386,16 @@ function TooltipClient(props) {
         "span",
         {
           ref: bubbleRef,
-          "aria-hidden": open === void 0 ? void 0 : !open,
           role: "tooltip",
           style: bubbleStyle,
-          className: bubbleStyle ? portalBubbleClassFinal : portalBubbleClassBase,
+          "aria-hidden": (
+            /* istanbul ignore next */
+            open === void 0 ? void 0 : !open
+          ),
+          className: (
+            /* istanbul ignore next */
+            bubbleStyle ? portalBubbleClassFinal : portalBubbleClassBase
+          ),
           onMouseEnter: openOnHover ? () => {
             clearTimers();
             setOpen(true);

package/dist/components/tooltip/Tooltip.js

@@ -5,11 +5,17 @@ import TooltipServer from "./Tooltip.server.js";
 const Tooltip = createIsland({
   name: "Tooltip",
   Server: TooltipServer,
-  loadLazy: /* @__PURE__ */ __name(() => import("./Tooltip.client.js"), "loadLazy"),
+  loadLazy: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => import("./Tooltip.client.js"), "loadLazy")
+  ),
   // Hydrate only when you actually need JS timing/controlled state/etc.
-  isInteractive: /* @__PURE__ */ __name((p) => Boolean(
-    (p.portal ?? true) || p.preventOverflow || p.open !== void 0 || p.defaultOpen !== void 0 || typeof p.onOpenChange === "function" || typeof p.delay === "number" || typeof p.closeDelay === "number"
-  ), "isInteractive")
+  isInteractive: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name((p) => Boolean(
+      (p.portal ?? true) || p.preventOverflow || p.open !== void 0 || p.defaultOpen !== void 0 || typeof p.onOpenChange === "function" || typeof p.delay === "number" || typeof p.closeDelay === "number"
+    ), "isInteractive")
+  )
 });
 export {
   Tooltip

package/dist/components/tooltip/Tooltip.view.js

@@ -64,6 +64,7 @@ function TooltipView(props) {
     ...childProps.style ?? {},
     ...(triggerProps == null ? void 0 : triggerProps.style) ?? {},
     // ✅ critical: prevent full-width triggers (global button resets, flex rules, etc.)
+    /* istanbul ignore next */
     display: ((_a = triggerProps == null ? void 0 : triggerProps.style) == null ? void 0 : _a.display) ?? ((_b = childProps.style) == null ? void 0 : _b.display) ?? "inline-flex",
     width: ((_c = triggerProps == null ? void 0 : triggerProps.style) == null ? void 0 : _c.width) ?? ((_d = childProps.style) == null ? void 0 : _d.width) ?? "max-content",
     maxWidth: ((_e = triggerProps == null ? void 0 : triggerProps.style) == null ? void 0 : _e.maxWidth) ?? ((_f = childProps.style) == null ? void 0 : _f.maxWidth) ?? "max-content",

package/dist/constants/project.js

@@ -1,4 +1,4 @@
-const PROKODO_UI_VERSION = "0.1.13";
+const PROKODO_UI_VERSION = "0.1.15";
 export {
   PROKODO_UI_VERSION
 };

package/dist/helpers/createIsland.js

@@ -12,6 +12,7 @@ function createIsland({
   name,
   Server,
   loadLazy,
+  /* istanbul ignore next */
   isInteractive: customInteractive
 }) {
   const LazyComp = lazy(() => loadLazy().then((m) => ({ default: m.default })));

package/dist/helpers/createLazyWrapper.js

@@ -9,6 +9,7 @@ function createLazyWrapper({
   Server,
   hydrateOnVisible = false,
   ioOptions,
+  /* istanbul ignore next */
   isInteractive: customInteractive
 }) {
   const LazyWrapper = /* @__PURE__ */ __name(({

package/dist/hooks/useGoogleMaps.js

@@ -15,7 +15,6 @@ const useGoogleMaps = /* @__PURE__ */ __name((apiKey, reload) => {
         setLoaded(true);
       }).catch((err) => {
         console.error("Error loading Google Maps", err);
-        throw new Error("Error loading Google Map: ", err);
       });
     }, "loader");
     void loader();

package/dist/index.js

@@ -9,6 +9,8 @@ import { Button } from "./components/button/Button.js";
 import { Calendly } from "./components/calendly/Calendly.js";
 import { Card } from "./components/card/Card.js";
 import { Carousel } from "./components/carousel/Carousel.js";
+import { Checkbox } from "./components/checkbox/Checkbox.js";
+import { CheckboxGroup } from "./components/checkbox-group/CheckboxGroup.js";
 import { Chip } from "./components/chip/Chip.js";
 import { DatePicker } from "./components/datePicker/DatePicker.js";
 import { Dialog } from "./components/dialog/Dialog.js";
@@ -62,6 +64,8 @@ export {
   Calendly,
   Card,
   Carousel,
+  Checkbox,
+  CheckboxGroup,
   Chip,
   DatePicker,
   Dialog,