@prokodo/ui 0.1.13 → 0.1.15

package/dist/components/button/Button.module.scss.js

@@ -2,10 +2,11 @@ const styles = {
   "prokodo-Button": "prokodo-Button",
   "prokodo-Button--has-bg-primary": "prokodo-Button--has-bg-primary",
   "prokodo-Button--has-bg-secondary": "prokodo-Button--has-bg-secondary",
-  "prokodo-Button--has-bg-info": "prokodo-Button--has-bg-info",
-  "prokodo-Button--has-bg-error": "prokodo-Button--has-bg-error",
   "prokodo-Button--has-bg-success": "prokodo-Button--has-bg-success",
   "prokodo-Button--has-bg-warning": "prokodo-Button--has-bg-warning",
+  "prokodo-Button--has-bg-info": "prokodo-Button--has-bg-info",
+  "prokodo-Button--has-bg-error": "prokodo-Button--has-bg-error",
+  "prokodo-Button--has-bg-inherit": "prokodo-Button--has-bg-inherit",
   "prokodo-Button--is-disabled": "prokodo-Button--is-disabled",
   "prokodo-Button--has-text-inherit": "prokodo-Button--has-text-inherit",
   "prokodo-Button--has-text-primary": "prokodo-Button--has-text-primary",
@@ -15,6 +16,13 @@ const styles = {
   "prokodo-Button--has-text-warning": "prokodo-Button--has-text-warning",
   "prokodo-Button--has-text-error": "prokodo-Button--has-text-error",
   "prokodo-Button--has-variant-outlined": "prokodo-Button--has-variant-outlined",
+  "prokodo-Button--has-variant-outlined--has-outline-inherit": "prokodo-Button--has-variant-outlined--has-outline-inherit",
+  "prokodo-Button--has-variant-outlined--has-outline-primary": "prokodo-Button--has-variant-outlined--has-outline-primary",
+  "prokodo-Button--has-variant-outlined--has-outline-secondary": "prokodo-Button--has-variant-outlined--has-outline-secondary",
+  "prokodo-Button--has-variant-outlined--has-outline-info": "prokodo-Button--has-variant-outlined--has-outline-info",
+  "prokodo-Button--has-variant-outlined--has-outline-success": "prokodo-Button--has-variant-outlined--has-outline-success",
+  "prokodo-Button--has-variant-outlined--has-outline-warning": "prokodo-Button--has-variant-outlined--has-outline-warning",
+  "prokodo-Button--has-variant-outlined--has-outline-error": "prokodo-Button--has-variant-outlined--has-outline-error",
   "prokodo-Button--has-image": "prokodo-Button--has-image",
   "prokodo-Button--has-icon": "prokodo-Button--has-icon",
   "prokodo-Button--icon-only": "prokodo-Button--icon-only",

package/dist/components/button/Button.view.js

@@ -28,7 +28,8 @@ const ButtonView = /* @__PURE__ */ __name(({
   const iconMod = { "icon-only": isIconOnly };
   const { title } = rest;
   const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-    (image == null ? void 0 : image.src) !== void 0 && /* @__PURE__ */ jsx(
+    (image == null ? void 0 : image.src) !== void 0 && /* istanbul ignore next */
+    /* @__PURE__ */ jsx(
       Image,
       {
         height: 20,
@@ -48,10 +49,12 @@ const ButtonView = /* @__PURE__ */ __name(({
       void 0,
       {
         "has-fullWidth": Boolean(fullWidth),
+        /* istanbul ignore next */
         "has-image": (image == null ? void 0 : image.src) !== void 0,
         "has-icon": !Boolean(isIconOnly) && isString(iconProps == null ? void 0 : iconProps.name),
         [`has-variant-${variant}`]: true,
         [`has-bg-${color}`]: variant === "contained",
+        [`has-variant-${variant}--has-outline-${color}`]: variant === "outlined",
         [`has-text-${color}`]: variant === "text",
         "is-disabled": Boolean(disabled),
         ...iconMod

package/dist/components/calendly/Calendly.js

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

package/dist/components/card/Card.js

@@ -5,11 +5,17 @@ import CardServer from "./Card.server.js";
 const Card = createIsland({
   name: "Card",
   Server: CardServer,
-  loadLazy: /* @__PURE__ */ __name(() => import("./Card.lazy.js"), "loadLazy"),
-  isInteractive: /* @__PURE__ */ __name((p) => {
-    var _a;
-    return !Boolean(p.disabled) && typeof p.onClick === "function" || typeof ((_a = p.redirect) == null ? void 0 : _a.href) === "string";
-  }, "isInteractive")
+  loadLazy: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => import("./Card.lazy.js"), "loadLazy")
+  ),
+  isInteractive: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name((p) => {
+      var _a;
+      return !Boolean(p.disabled) && typeof p.onClick === "function" || typeof ((_a = p.redirect) == null ? void 0 : _a.href) === "string";
+    }, "isInteractive")
+  )
 });
 export {
   Card

package/dist/components/card/Card.view.js

@@ -50,12 +50,24 @@ function CardView({
       "div",
       {
         className: bem(void 0, modifiers, className),
-        role: !redirect && Boolean(isClickable) ? "button" : void 0,
-        tabIndex: !redirect && Boolean(isClickable) ? 0 : -1,
-        onClick: Boolean(isClickable) && !redirect ? onClick : void 0,
-        onKeyDown: Boolean(isClickable) && !redirect ? onKeyDown : void 0,
+        role: (
+          /* istanbul ignore next */
+          !redirect && Boolean(isClickable) ? "button" : void 0
+        ),
+        tabIndex: (
+          /* istanbul ignore next */
+          !redirect && Boolean(isClickable) ? 0 : void 0
+        ),
         onMouseEnter,
         onMouseLeave,
+        onClick: (
+          /* istanbul ignore next */
+          Boolean(isClickable) && !redirect ? onClick : void 0
+        ),
+        onKeyDown: (
+          /* istanbul ignore next */
+          Boolean(isClickable) && !redirect ? onKeyDown : void 0
+        ),
         children: [
           Boolean(loading) && /* @__PURE__ */ jsx(
             Skeleton,
@@ -90,8 +102,13 @@ function CardView({
             Image,
             {
               alt: "card background",
-              className: bem("background", void 0, backgroundProps == null ? void 0 : backgroundProps.className),
               src: background,
+              className: bem(
+                "background",
+                void 0,
+                /* istanbul ignore next */
+                backgroundProps == null ? void 0 : backgroundProps.className
+              ),
               ...backgroundProps
             }
           )

package/dist/components/carousel/Carousel.client.js

@@ -119,144 +119,155 @@ function CarouselClient(props) {
   }, "getTransformValue");
   if (num === 0)
     return /* @__PURE__ */ jsx(Skeleton, { height: "200px", variant: "rectangular", width: "100%" });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...rest,
-      ref: setHostRef,
-      className: bem(void 0, { "is-active": mouseActive }, className),
-      role: "button",
-      tabIndex: 0,
-      onKeyDown: /* @__PURE__ */ __name((e) => {
-        onKeyDown == null ? void 0 : onKeyDown(e);
-        switch (e.key) {
-          case "ArrowLeft":
-            slide("PREV");
-            break;
-          case "ArrowRight":
-            slide("NEXT");
-            break;
-        }
-      }, "onKeyDown"),
-      onMouseDown: /* @__PURE__ */ __name((e) => {
-        onMouseDown == null ? void 0 : onMouseDown(e);
-        handleMouseDown(e, mouseStartX);
-        setMouse(true);
-      }, "onMouseDown"),
-      onMouseEnter: /* @__PURE__ */ __name((e) => {
-        onMouseEnter == null ? void 0 : onMouseEnter(e);
-        setPlaying(false);
-      }, "onMouseEnter"),
-      onMouseLeave: /* @__PURE__ */ __name((e) => {
-        onMouseLeave == null ? void 0 : onMouseLeave(e);
-        setPlaying(true);
-      }, "onMouseLeave"),
-      onMouseUp: /* @__PURE__ */ __name((e) => {
-        onMouseUp == null ? void 0 : onMouseUp(e);
-        handleMouseUp(e, mouseStartX, mouseEndX, slide);
-        setMouse(false);
-      }, "onMouseUp"),
-      onTouchEnd: /* @__PURE__ */ __name((e) => {
-        onTouchEnd == null ? void 0 : onTouchEnd(e);
-        handleTouchEnd(touchStartX, touchEndX, slide);
-      }, "onTouchEnd"),
-      onTouchMove: /* @__PURE__ */ __name((e) => {
-        onTouchMove == null ? void 0 : onTouchMove(e);
-        handleTouchMove(e, touchEndX);
-      }, "onTouchMove"),
-      onTouchStart: /* @__PURE__ */ __name((e) => {
-        onTouchStart == null ? void 0 : onTouchStart(e);
-        handleTouchStart(e, touchStartX);
-      }, "onTouchStart"),
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: bem("wrapper", void 0, classNameWrapper),
-            style: {
-              transform: getTransformValue(),
-              transition: transitioning ? "transform 0.3s ease-in-out" : "none"
-            },
-            children: items.map((child, i) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: bem("item", void 0, classNameItem),
-                style: { width: `${100 / effectiveItemsToShow}%` },
-                children: child
-              },
-              `cl-${i}`
-            ))
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...rest,
+        ref: setHostRef,
+        "aria-roledescription": "carousel",
+        className: bem(void 0, { "is-active": mouseActive }, className),
+        role: "group",
+        tabIndex: 0,
+        onKeyDown: /* @__PURE__ */ __name((e) => {
+          onKeyDown == null ? void 0 : onKeyDown(e);
+          switch (e.key) {
+            case "ArrowLeft":
+              slide("PREV");
+              break;
+            case "ArrowRight":
+              slide("NEXT");
+              break;
           }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: bem("mobile__tutorial", {
-              "is-hidden": !mobileHint
-            }),
-            children: /* @__PURE__ */ jsx("div", { className: bem("mobile__tutorial__animation"), children: /* @__PURE__ */ jsx(Lottie, { animation: "https://lottie.host/7da0edc5-d79e-497c-bcce-ab9dd8e9458d/lahjQ7ICxg.lottie" }) })
-          }
-        ),
-        /* @__PURE__ */ jsxs("footer", { className: bem("controls", void 0, classNameControls), children: [
-          Boolean(enableControl) && /* @__PURE__ */ jsx(
-            Button,
+        }, "onKeyDown"),
+        onMouseDown: /* @__PURE__ */ __name((e) => {
+          onMouseDown == null ? void 0 : onMouseDown(e);
+          handleMouseDown(e, mouseStartX);
+          setMouse(true);
+        }, "onMouseDown"),
+        onMouseEnter: /* @__PURE__ */ __name((e) => {
+          onMouseEnter == null ? void 0 : onMouseEnter(e);
+          setPlaying(false);
+        }, "onMouseEnter"),
+        onMouseLeave: /* @__PURE__ */ __name((e) => {
+          onMouseLeave == null ? void 0 : onMouseLeave(e);
+          setPlaying(true);
+        }, "onMouseLeave"),
+        onMouseUp: /* @__PURE__ */ __name((e) => {
+          onMouseUp == null ? void 0 : onMouseUp(e);
+          handleMouseUp(e, mouseStartX, mouseEndX, slide);
+          setMouse(false);
+        }, "onMouseUp"),
+        onTouchEnd: /* @__PURE__ */ __name((e) => {
+          onTouchEnd == null ? void 0 : onTouchEnd(e);
+          handleTouchEnd(touchStartX, touchEndX, slide);
+        }, "onTouchEnd"),
+        onTouchMove: /* @__PURE__ */ __name((e) => {
+          onTouchMove == null ? void 0 : onTouchMove(e);
+          handleTouchMove(e, touchEndX);
+        }, "onTouchMove"),
+        onTouchStart: /* @__PURE__ */ __name((e) => {
+          onTouchStart == null ? void 0 : onTouchStart(e);
+          handleTouchStart(e, touchStartX);
+        }, "onTouchStart"),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
             {
-              "aria-label": "previous",
-              variant: "outlined",
-              ...prevButton,
-              className: bem(
-                "button",
-                void 0,
-                `${classNameButtons} ${(prevButton == null ? void 0 : prevButton.className) ?? ""}`
-              ),
-              iconProps: {
-                name: "ArrowLeft01Icon",
-                size: "md",
-                color: "white",
-                ...prevButton == null ? void 0 : prevButton.iconProps
+              className: bem("wrapper", void 0, classNameWrapper),
+              style: {
+                transform: getTransformValue(),
+                transition: transitioning ? "transform 0.3s ease-in-out" : "none"
               },
-              onClick: /* @__PURE__ */ __name(() => slide(PREV), "onClick")
+              children: items.map((child, i) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: bem("item", void 0, classNameItem),
+                  style: { width: `${100 / effectiveItemsToShow}%` },
+                  children: child
+                },
+                `cl-${i}`
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: bem("mobile__tutorial", {
+                "is-hidden": !mobileHint
+              }),
+              children: /* @__PURE__ */ jsx("div", { className: bem("mobile__tutorial__animation"), children: /* @__PURE__ */ jsx(Lottie, { animation: "https://lottie.host/7da0edc5-d79e-497c-bcce-ab9dd8e9458d/lahjQ7ICxg.lottie" }) })
             }
           ),
-          enableDots && /* @__PURE__ */ jsx("span", { className: bem("dots", void 0, classNameDots), children: childrenArr.map((_, i) => {
-            const active = i === (current - effectiveItemsToShow + num) % num;
-            return /* @__PURE__ */ jsx(
-              "button",
+          /* @__PURE__ */ jsxs("footer", { className: bem("controls", void 0, classNameControls), children: [
+            Boolean(enableControl) && /* @__PURE__ */ jsx(
+              Button,
               {
+                "aria-label": "previous",
+                variant: "outlined",
+                ...prevButton,
                 className: bem(
-                  "dots__dot",
-                  { "is-active": active },
-                  `${classNameDot} ${active ? classNameDotActive ?? "" : ""}`
+                  "button",
+                  void 0,
+                  /* istanbul ignore next */
+                  `${classNameButtons} ${(prevButton == null ? void 0 : prevButton.className) ?? ""}`
                 ),
-                onClick: /* @__PURE__ */ __name(() => slideTo(i), "onClick"),
-                onKeyDown: /* @__PURE__ */ __name((e) => e.key === "Enter" && slideTo(i), "onKeyDown")
-              },
-              `dot-${i}`
-            );
-          }) }),
-          Boolean(enableControl) && /* @__PURE__ */ jsx(
-            Button,
-            {
-              "aria-label": "next",
-              variant: "outlined",
-              ...nextButton,
-              className: bem(
+                iconProps: {
+                  name: "ArrowLeft01Icon",
+                  size: "md",
+                  color: "white",
+                  /* istanbul ignore next */
+                  ...prevButton == null ? void 0 : prevButton.iconProps
+                },
+                onClick: (
+                  /* istanbul ignore next */
+                  /* @__PURE__ */ __name(() => slide(PREV), "onClick")
+                )
+              }
+            ),
+            enableDots && /* @__PURE__ */ jsx("span", { className: bem("dots", void 0, classNameDots), children: childrenArr.map((_, i) => {
+              const active = i === (current - effectiveItemsToShow + num) % num;
+              return /* @__PURE__ */ jsx(
                 "button",
-                void 0,
-                `${classNameButtons} ${(nextButton == null ? void 0 : nextButton.className) ?? ""}`
-              ),
-              iconProps: {
-                name: "ArrowRight01Icon",
-                size: "md",
-                color: "white",
-                ...nextButton == null ? void 0 : nextButton.iconProps
-              },
-              onClick: /* @__PURE__ */ __name(() => slide(NEXT), "onClick")
-            }
-          )
-        ] })
-      ]
-    }
+                {
+                  className: bem(
+                    "dots__dot",
+                    { "is-active": active },
+                    `${classNameDot} ${active ? classNameDotActive ?? "" : ""}`
+                  ),
+                  onClick: /* @__PURE__ */ __name(() => slideTo(i), "onClick"),
+                  onKeyDown: /* @__PURE__ */ __name((e) => e.key === "Enter" && slideTo(i), "onKeyDown")
+                },
+                `dot-${i}`
+              );
+            }) }),
+            Boolean(enableControl) && /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": "next",
+                variant: "outlined",
+                ...nextButton,
+                className: bem(
+                  "button",
+                  void 0,
+                  /* istanbul ignore next */
+                  `${classNameButtons} ${(nextButton == null ? void 0 : nextButton.className) ?? ""}`
+                ),
+                iconProps: {
+                  name: "ArrowRight01Icon",
+                  size: "md",
+                  color: "white",
+                  /* istanbul ignore next */
+                  ...nextButton == null ? void 0 : nextButton.iconProps
+                },
+                onClick: /* @__PURE__ */ __name(() => slide(NEXT), "onClick")
+              }
+            )
+          ] })
+        ]
+      }
+    )
   );
 }
 __name(CarouselClient, "CarouselClient");

package/dist/components/carousel/Carousel.js

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

package/dist/components/carousel/Carousel.view.js

@@ -13,7 +13,17 @@ function CarouselView({
   classNameItem,
   classNameDots,
   classNameDot,
+  classNameDotActive: _classNameDotActive,
+  classNameButtons: _classNameButtons,
+  classNameControls: _classNameControls,
   enableControl,
+  enableDots: _enableDots,
+  autoplay: _autoplay,
+  translateX: _translateX,
+  itemStyle: _itemStyle,
+  responsive: _responsive,
+  nextButton: _nextButton,
+  prevButton: _prevButton,
   children,
   ...rest
 }) {

package/dist/components/checkbox/Checkbox.client.js

@@ -0,0 +1,42 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { memo, useState, useEffect, useCallback } from "react";
+import { CheckboxView } from "./Checkbox.view.js";
+function CheckboxClient(props) {
+  const { checked: controlledChecked, defaultChecked, onChange } = props;
+  const [isChecked, setIsChecked] = useState(
+    controlledChecked ?? defaultChecked ?? false
+  );
+  useEffect(() => {
+    if (typeof controlledChecked === "boolean") {
+      setIsChecked(controlledChecked);
+    }
+  }, [controlledChecked]);
+  const handleChange = useCallback(
+    (event) => {
+      const nextChecked = event.target.checked;
+      if (typeof controlledChecked !== "boolean") {
+        setIsChecked(nextChecked);
+      }
+      onChange == null ? void 0 : onChange(event, nextChecked);
+    },
+    [controlledChecked, onChange]
+  );
+  return /* @__PURE__ */ jsx(
+    CheckboxView,
+    {
+      ...props,
+      checked: void 0,
+      defaultChecked: void 0,
+      isChecked,
+      onChangeInternal: handleChange
+    }
+  );
+}
+__name(CheckboxClient, "CheckboxClient");
+const CheckboxClient$1 = memo(CheckboxClient);
+export {
+  CheckboxClient$1 as default
+};