@prokodo/ui 0.0.37 → 0.0.39

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

@@ -2,10 +2,11 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import LinkClient from "../link/Link.client.js";
 import { ButtonView } from "./Button.view.js";
 import { Loading } from "../loading/Loading.js";
-function ButtonClient(props) {
+function ButtonClient(props, ref) {
   const { loading, iconProps = {}, ...rest } = props;
   const isIconOnly = typeof (iconProps == null ? void 0 : iconProps.name) === "string" && !props.title;
   const finalIconProps = Boolean(loading) ? { name: void 0 } : iconProps;
@@ -15,6 +16,7 @@ function ButtonClient(props) {
       ButtonView,
       {
         ...rest,
+        buttonRef: ref,
         iconProps: finalIconProps,
         isIconOnly: Boolean(isIconOnly),
         LinkComponent: LinkClient
@@ -23,6 +25,7 @@ function ButtonClient(props) {
   ] });
 }
 __name(ButtonClient, "ButtonClient");
+const ButtonClient$1 = forwardRef(ButtonClient);
 export {
-  ButtonClient as default
+  ButtonClient$1 as default
 };

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

@@ -17,6 +17,7 @@ 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-icon": "prokodo-Button--has-icon",
   "prokodo-Button--icon-only": "prokodo-Button--icon-only",
   "prokodo-Button--has-fullWidth": "prokodo-Button--has-fullWidth",
   "prokodo-Button__title": "prokodo-Button__title",

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

@@ -2,13 +2,15 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { create } from "../../helpers/bem.js";
+import { isString } from "../../helpers/validations.js";
 import styles from "./Button.module.scss.js";
 import { Icon } from "../icon/Icon.js";
 const bem = create(styles, "Button");
-function ButtonView({
+const ButtonView = /* @__PURE__ */ __name(({
+  buttonRef,
   fullWidth,
-  color,
-  variant,
+  color = "primary",
+  variant = "contained",
   className,
   contentClassName,
   disabled,
@@ -17,7 +19,7 @@ function ButtonView({
   isIconOnly,
   LinkComponent,
   ...rest
-}) {
+}) => {
   const isOutlined = variant === "outlined";
   const iconName = iconProps == null ? void 0 : iconProps.name;
   const iconMod = { "icon-only": isIconOnly };
@@ -34,6 +36,7 @@ function ButtonView({
       void 0,
       {
         "has-fullWidth": Boolean(fullWidth),
+        "has-icon": !Boolean(isIconOnly) && isString(iconProps == null ? void 0 : iconProps.name),
         [`has-variant-${variant}`]: true,
         [`has-bg-${color}`]: variant === "contained",
         [`has-text-${color}`]: variant === "text",
@@ -47,15 +50,15 @@ function ButtonView({
     "button",
     {
       ...common,
+      ref: buttonRef,
       disabled: Boolean(disabled),
-      tabIndex: redirect !== void 0 || Boolean(disabled) ? -1 : rest.tabIndex,
+      tabIndex: Boolean(disabled) ? -1 : rest.tabIndex,
       type: "button",
       ...rest,
       children: variantNode
     }
   );
-}
-__name(ButtonView, "ButtonView");
+}, "ButtonView");
 export {
   ButtonView
 };

package/dist/components/calendly/Calendly.client.js

@@ -0,0 +1,106 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useMemo, useEffect } from "react";
+import { isString } from "../../helpers/validations.js";
+import { Animated } from "../animated/Animated.js";
+import { Loading } from "../loading/Loading.js";
+let scriptAlreadyLoaded = false;
+function CalendlyClient(props) {
+  const {
+    calendlyId,
+    data,
+    colors = {
+      text: "#4D4D4D",
+      button: "#1E90FF",
+      background: "#FFFFFF"
+    },
+    animationProps,
+    hideLoading,
+    hideCookieSettings,
+    hideEventTypeDetails,
+    hideDetails,
+    ...rest
+  } = props;
+  const calendlyRef = useRef(null);
+  const [widgetInitialized, setWidgetInitialized] = useState(false);
+  const [scriptLoaded, setScriptLoaded] = useState(scriptAlreadyLoaded);
+  const format = /* @__PURE__ */ __name((c) => c == null ? void 0 : c.replaceAll("#", ""), "format");
+  const safePrefill = useCallback(() => {
+    const res = {};
+    if (!data) return res;
+    for (const k of ["name", "email", "firstName", "lastName"]) {
+      if (isString(data[k])) res[k] = data[k];
+    }
+    return res;
+  }, [data]);
+  const dataUrl = useMemo(() => {
+    const p = new URLSearchParams();
+    if (Boolean(hideDetails)) p.set("hide_landing_page_details", "1");
+    if (Boolean(hideEventTypeDetails)) p.set("hide_event_type_details", "1");
+    if (Boolean(hideCookieSettings)) p.set("hide_gdpr_banner", "1");
+    if (isString(colors.background)) p.set("background_color", format(colors == null ? void 0 : colors.background));
+    if (isString(colors.text)) p.set("text_color", format(colors.text));
+    if (isString(colors.button)) p.set("primary_color", format(colors.button));
+    if (isString(data == null ? void 0 : data.utm_campaign)) p.set("utm_campaign", (data == null ? void 0 : data.utm_campaign) ?? "");
+    if (isString(data == null ? void 0 : data.utm_source)) p.set("utm_source", (data == null ? void 0 : data.utm_source) ?? "");
+    return `https://calendly.com/${calendlyId}?${p.toString()}`;
+  }, [
+    calendlyId,
+    colors,
+    data,
+    hideDetails,
+    hideEventTypeDetails,
+    hideCookieSettings
+  ]);
+  const onAnimate = useCallback(
+    (visible) => {
+      if (!visible || !scriptLoaded || widgetInitialized) return;
+      const tryInit = /* @__PURE__ */ __name((attempt = 0) => {
+        var _a;
+        if (window.Calendly) {
+          (_a = calendlyRef.current) == null ? void 0 : _a.setAttribute("data-url", dataUrl);
+          window.Calendly.initInlineWidget({
+            url: dataUrl,
+            parentElement: calendlyRef.current,
+            prefill: safePrefill()
+          });
+          setWidgetInitialized(true);
+          return;
+        }
+        if (attempt < 10) setTimeout(() => tryInit(attempt + 1), 100);
+        else console.warn("Calendly widget failed to load.");
+      }, "tryInit");
+      tryInit();
+    },
+    [scriptLoaded, widgetInitialized, dataUrl, safePrefill]
+  );
+  useEffect(() => {
+    if (scriptAlreadyLoaded || typeof document === "undefined") {
+      setScriptLoaded(true);
+      return;
+    }
+    const s = document.createElement("script");
+    s.src = "https://assets.calendly.com/assets/external/widget.js";
+    s.async = true;
+    s.onload = () => {
+      scriptAlreadyLoaded = true;
+      setScriptLoaded(true);
+    };
+    document.body.appendChild(s);
+  }, []);
+  const divStyle = {
+    display: widgetInitialized ? "block" : "none",
+    minWidth: 320,
+    height: 700
+  };
+  return /* @__PURE__ */ jsxs(Animated, { ...animationProps, onAnimate, children: [
+    !Boolean(hideLoading) && !widgetInitialized && /* @__PURE__ */ jsx(Loading, {}),
+    /* @__PURE__ */ jsx("div", { ref: calendlyRef, ...rest, style: divStyle })
+  ] });
+}
+__name(CalendlyClient, "CalendlyClient");
+export {
+  CalendlyClient as default
+};

package/dist/components/calendly/Calendly.js

@@ -1,121 +1,13 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState, useMemo, useCallback, useEffect } from "react";
-import { isString } from "../../helpers/validations.js";
-import { Loading } from "../loading/Loading.js";
-import { Animated } from "../animated/Animated.js";
-let scriptAlreadyLoaded = false;
-const Calendly = /* @__PURE__ */ __name(({
-  calendlyId,
-  data,
-  color = {
-    text: "#4D4D4D",
-    button: "#1E90FF",
-    background: "#FFFFFF"
-  },
-  animationProps,
-  hideCookieSettings,
-  hideEventTypeDetails,
-  hideDetails,
-  ...props
-}) => {
-  const calendlyRef = useRef(null);
-  const [widgetInitialized, setWidgetInitialized] = useState(false);
-  const [scriptLoaded, setScriptLoaded] = useState(scriptAlreadyLoaded);
-  const formatColor = /* @__PURE__ */ __name((color2) => color2 == null ? void 0 : color2.replaceAll("#", ""), "formatColor");
-  const getSafePrefill = /* @__PURE__ */ __name((data2) => {
-    const result = {};
-    if (!data2) return result;
-    for (const key of ["name", "email", "firstName", "lastName"]) {
-      if (isString(data2[key])) {
-        result[key] = data2[key];
-      }
-    }
-    return result;
-  }, "getSafePrefill");
-  const dataUrl = useMemo(() => {
-    const urlParams = new URLSearchParams();
-    if (Boolean(hideDetails)) urlParams.set("hide_landing_page_details", "1");
-    if (Boolean(hideEventTypeDetails)) urlParams.set("hide_event_type_details", "1");
-    if (Boolean(hideCookieSettings)) urlParams.set("hide_gdpr_banner", "1");
-    if (isString(color.background))
-      urlParams.set("background_color", formatColor(color.background));
-    if (isString(color.text))
-      urlParams.set("text_color", formatColor(color.text));
-    if (isString(color.button))
-      urlParams.set("primary_color", formatColor(color.button));
-    if (isString(data == null ? void 0 : data.utm_campaign))
-      urlParams.set("utm_campaign", (data == null ? void 0 : data.utm_campaign) ?? "");
-    if (isString(data == null ? void 0 : data.utm_source))
-      urlParams.set("utm_source", (data == null ? void 0 : data.utm_source) ?? "");
-    return `https://calendly.com/${calendlyId}?${urlParams.toString()}`;
-  }, [
-    calendlyId,
-    color,
-    data,
-    hideDetails,
-    hideEventTypeDetails,
-    hideCookieSettings
-  ]);
-  const handleAnimate = useCallback(
-    (isVisible) => {
-      if (isVisible && scriptLoaded && !widgetInitialized) {
-        const maxRetries = 10;
-        let retryCount = 0;
-        const tryInit = /* @__PURE__ */ __name(() => {
-          var _a;
-          if (window.Calendly) {
-            (_a = calendlyRef.current) == null ? void 0 : _a.setAttribute("data-url", dataUrl);
-            window.Calendly.initInlineWidget({
-              url: dataUrl,
-              parentElement: calendlyRef.current,
-              prefill: getSafePrefill(data)
-            });
-            setWidgetInitialized(true);
-          } else if (retryCount < maxRetries) {
-            retryCount += 1;
-            setTimeout(tryInit, 100);
-          } else {
-            console.warn("Calendly widget failed to load.");
-          }
-        }, "tryInit");
-        tryInit();
-      }
-    },
-    [scriptLoaded, widgetInitialized, dataUrl, data]
-  );
-  useEffect(() => {
-    if (scriptAlreadyLoaded || typeof document === "undefined") {
-      setScriptLoaded(true);
-      return;
-    }
-    const script = document.createElement("script");
-    script.src = "https://assets.calendly.com/assets/external/widget.js";
-    script.async = true;
-    script.onload = () => {
-      scriptAlreadyLoaded = true;
-      setScriptLoaded(true);
-    };
-    document.body.appendChild(script);
-  }, []);
-  return /* @__PURE__ */ jsxs(Animated, { ...animationProps, onAnimate: handleAnimate, children: [
-    !widgetInitialized && /* @__PURE__ */ jsx(Loading, {}),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...props,
-        ref: calendlyRef,
-        style: {
-          display: widgetInitialized ? "block" : "none",
-          minWidth: 320,
-          height: 700
-        }
-      }
-    )
-  ] });
-}, "Calendly");
-Calendly.displayName = "Calendly";
+import { createIsland } from "../../helpers/createIsland.js";
+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")
+});
 export {
   Calendly
 };

package/dist/components/calendly/Calendly.lazy.js

@@ -0,0 +1,16 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createLazyWrapper } from "../../helpers/createLazyWrapper.js";
+import CalendlyClient from "./Calendly.client.js";
+import CalendlyServer from "./Calendly.server.js";
+const Calendly_lazy = createLazyWrapper({
+  name: "Calendly",
+  Client: CalendlyClient,
+  Server: CalendlyServer,
+  hydrateOnVisible: true,
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
+export {
+  Calendly_lazy as default
+};

package/dist/components/calendly/Calendly.server.js

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { CalendlyView } from "./Calendly.view.js";
+function CalendlyServer(props) {
+  return /* @__PURE__ */ jsx(CalendlyView, { ...props });
+}
+__name(CalendlyServer, "CalendlyServer");
+export {
+  CalendlyServer as default
+};

package/dist/components/calendly/Calendly.view.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Animated } from "../animated/Animated.js";
+import { Loading } from "../loading/Loading.js";
+function CalendlyView({
+  animationProps,
+  hideLoading,
+  LoadingComponent = Loading,
+  ...rest
+}) {
+  const style = {
+    display: "none",
+    minWidth: 320,
+    height: 700
+  };
+  return /* @__PURE__ */ jsxs(Animated, { ...animationProps, children: [
+    !Boolean(hideLoading) && /* @__PURE__ */ jsx(LoadingComponent, {}),
+    /* @__PURE__ */ jsx("div", { ...rest, "data-calendly": true, style })
+  ] });
+}
+__name(CalendlyView, "CalendlyView");
+export {
+  CalendlyView
+};

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

@@ -0,0 +1,49 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { isString } from "../../helpers/validations.js";
+import { CardView } from "./Card.view.js";
+function CardClient({
+  disabled,
+  onClick,
+  redirect,
+  onKeyDown,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}) {
+  const isClickable = !Boolean(disabled) && typeof onClick === "function" || !!redirect && typeof redirect.href === "string";
+  const handleClickVoid = useCallback(() => {
+    onClick == null ? void 0 : onClick();
+  }, [onClick]);
+  const handleKey = useCallback(
+    (e) => {
+      if (e.code === "Enter" && typeof onClick === "function" && !Boolean(disabled)) onClick();
+      onKeyDown == null ? void 0 : onKeyDown(e);
+    },
+    [onClick, onKeyDown, disabled]
+  );
+  const linkRole = isString(redirect == null ? void 0 : redirect.href) && !Boolean(disabled) ? "link" : void 0;
+  const linkTabIndex = isString(redirect == null ? void 0 : redirect.href) && !Boolean(disabled) ? 0 : void 0;
+  return /* @__PURE__ */ jsx(
+    CardView,
+    {
+      ...rest,
+      disabled,
+      isClickable,
+      redirect,
+      role: linkRole,
+      tabIndex: linkTabIndex,
+      onClick: !Boolean(disabled) ? handleClickVoid : void 0,
+      onKeyDown: handleKey,
+      onMouseEnter,
+      onMouseLeave
+    }
+  );
+}
+__name(CardClient, "CardClient");
+export {
+  CardClient as default
+};

package/dist/components/card/Card.js

@@ -1,206 +1,16 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useCallback } from "react";
-import BGprimary1 from "../../assets/images/card_background_primary_1.webp.js";
-import BGprimary2 from "../../assets/images/card_background_primary_2.webp.js";
-import BGprimary3 from "../../assets/images/card_background_primary_3.webp.js";
-import BGprimary4 from "../../assets/images/card_background_primary_4.webp.js";
-import BGsecondary1 from "../../assets/images/card_background_secondary_1.webp.js";
-import BGsecondary2 from "../../assets/images/card_background_secondary_2.webp.js";
-import BGsecondary3 from "../../assets/images/card_background_secondary_3.webp.js";
-import BGsecondary4 from "../../assets/images/card_background_secondary_4.webp.js";
-import { create } from "../../helpers/bem.js";
-import { isString } from "../../helpers/validations.js";
-import styles from "./Card.module.scss.js";
-import { Skeleton } from "../skeleton/Skeleton.js";
-import { Animated } from "../animated/Animated.js";
-import { Link } from "../link/Link.js";
-import { Image } from "../image/Image.js";
-const bem = create(styles, "Card");
-const Card = /* @__PURE__ */ __name(({
-  ref,
-  variant = "white",
-  loading,
-  skeletonProps = {},
-  highlight,
-  gradiant,
-  gradiantClassName,
-  enableShadow,
-  animated = true,
-  customAnimation,
-  className,
-  contentClassName,
-  background,
-  backgroundProps,
-  disabled,
-  redirect,
-  onClick,
-  onKeyDown,
-  onMouseEnter,
-  onMouseLeave,
-  children
-}) => {
-  const renderSkeleton = useCallback(
-    (modifier) => Boolean(loading) && /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        className: bem("skeleton", modifier),
-        variant: "rectangular",
-        ...skeletonProps
-      }
-    ),
-    [loading, skeletonProps]
-  );
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.code === "Enter") {
-        onClick == null ? void 0 : onClick();
-      }
-      onKeyDown == null ? void 0 : onKeyDown(e);
-    },
-    [onClick, onKeyDown]
-  );
-  const renderContainer = useCallback(
-    (card) => {
-      const isDisabled = disabled === true;
-      const onClickIsFunction = typeof onClick === "function";
-      const isClickable = onClickIsFunction && !isDisabled || isString(redirect == null ? void 0 : redirect.href);
-      const modifier = {
-        [variant]: true,
-        "has-highlight": Boolean(highlight),
-        "has-gradiant": Boolean(gradiant),
-        "has-background": Boolean(background),
-        "has-shadow": isClickable && enableShadow === void 0 || Boolean(enableShadow),
-        "has-animation": animated,
-        "is-clickable": isClickable
-      };
-      const cardProps = {
-        ref,
-        className: bem(void 0, modifier, className),
-        role: isClickable ? "button" : void 0,
-        "aria-disabled": isDisabled ? true : void 0,
-        tabIndex: isClickable && !isDisabled && !Boolean(redirect) ? 0 : -1,
-        onMouseEnter,
-        onMouseLeave,
-        onKeyDown: isClickable ? handleKeyDown : void 0,
-        onClick: onClickIsFunction && !isDisabled ? onClick : void 0
-      };
-      if (customAnimation) {
-        return /* @__PURE__ */ jsxs(Animated, { animation: customAnimation, ...cardProps, children: [
-          renderSkeleton(modifier),
-          card
-        ] });
-      }
-      return /* @__PURE__ */ jsxs("div", { ...cardProps, children: [
-        renderSkeleton(modifier),
-        card
-      ] });
-    },
-    [
-      ref,
-      redirect,
-      variant,
-      highlight,
-      gradiant,
-      background,
-      animated,
-      customAnimation,
-      className,
-      onClick,
-      handleKeyDown,
-      onMouseEnter,
-      onMouseLeave,
-      disabled,
-      enableShadow,
-      renderSkeleton
-    ]
-  );
-  const renderCard = useCallback(
-    () => redirect !== void 0 ? /* @__PURE__ */ jsx(
-      Link,
-      {
-        disabled,
-        className: bem(
-          "content",
-          {
-            [variant]: true,
-            "has-link": true
-          },
-          contentClassName
-        ),
-        ...redirect,
-        children
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: bem("content", void 0, contentClassName), children }),
-    [contentClassName, variant, redirect, disabled, children]
-  );
-  const renderBackground = useCallback(() => {
-    let backgroundSrc = BGprimary1;
-    if (variant === "secondary") {
-      switch (background) {
-        case 2:
-          backgroundSrc = BGsecondary2;
-          break;
-        case 3:
-          backgroundSrc = BGsecondary3;
-          break;
-        case 4:
-          backgroundSrc = BGsecondary4;
-          break;
-        default:
-          backgroundSrc = BGsecondary1;
-      }
-    }
-    switch (background) {
-      case 2:
-        backgroundSrc = BGprimary2;
-        break;
-      case 3:
-        backgroundSrc = BGprimary3;
-        break;
-      case 4:
-        backgroundSrc = BGprimary4;
-        break;
-    }
-    return /* @__PURE__ */ jsx(
-      Image,
-      {
-        alt: "prokodo - background image",
-        src: typeof background === "string" ? background : backgroundSrc,
-        ...backgroundProps,
-        className: bem("background", void 0, backgroundProps == null ? void 0 : backgroundProps.className),
-        imageComponent: (backgroundProps == null ? void 0 : backgroundProps.imageComponent) ?? "img"
-      }
-    );
-  }, [variant, background, backgroundProps]);
-  if (Boolean(gradiant)) {
-    return renderContainer(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: bem(
-            "gradiant",
-            {
-              [variant]: variant !== "inherit" && variant !== "white"
-            },
-            gradiantClassName
-          ),
-          children: renderCard()
-        }
-      )
-    );
-  }
-  if (background !== void 0) {
-    return renderContainer(
-      /* @__PURE__ */ jsxs(Fragment, { children: [
-        renderCard(),
-        renderBackground()
-      ] })
-    );
-  }
-  return renderContainer(renderCard());
-}, "Card");
+import { createIsland } from "../../helpers/createIsland.js";
+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")
+});
 export {
   Card
 };

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

@@ -0,0 +1,18 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createLazyWrapper } from "../../helpers/createLazyWrapper.js";
+import CardClient from "./Card.client.js";
+import CardServer from "./Card.server.js";
+const Card_lazy = createLazyWrapper({
+  name: "Card",
+  Client: CardClient,
+  Server: CardServer,
+  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")
+});
+export {
+  Card_lazy as default
+};