oraculo-ui 0.1.13 → 0.1.14

package/dist/chunk-4LBAYKDQ.mjs

@@ -1,475 +0,0 @@
-import {
-  OraculoButton
-} from "./chunk-IJQLK4NO.mjs";
-
-// src/organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx
-import { useRef as useRef2, useState } from "react";
-import Box2 from "@mui/material/Box";
-import Typography2 from "@mui/material/Typography";
-import useMediaQuery from "@mui/material/useMediaQuery";
-
-// src/molecules/OraculoCarousel/OraculoCarousel.tsx
-import {
-  forwardRef,
-  useCallback,
-  useImperativeHandle,
-  useRef
-} from "react";
-import {
-  Splide as SplideRaw,
-  SplideSlide as SplideSlideRaw
-} from "@splidejs/react-splide";
-import { jsx } from "react/jsx-runtime";
-var Splide = SplideRaw;
-var SplideSlide = SplideSlideRaw;
-var OraculoCarousel = forwardRef(
-  ({
-    items = [],
-    renderItem,
-    perPage = 1,
-    gap = "0px",
-    breakpoints,
-    options = {},
-    className = "",
-    onMove
-  }, ref) => {
-    const splideRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-      next: () => {
-        var _a;
-        return (_a = splideRef.current) == null ? void 0 : _a.go(">");
-      },
-      prev: () => {
-        var _a;
-        return (_a = splideRef.current) == null ? void 0 : _a.go("<");
-      },
-      go: (index) => {
-        var _a;
-        return (_a = splideRef.current) == null ? void 0 : _a.go(index);
-      }
-    }));
-    const handleMove = useCallback(
-      (splide) => {
-        const index = splide.index;
-        const total = splide.length;
-        const currentPerPage = splide.options.perPage || 1;
-        const isStart = index === 0;
-        const isEnd = index >= total - currentPerPage;
-        onMove == null ? void 0 : onMove({ index, isStart, isEnd, total });
-      },
-      [onMove]
-    );
-    const handleMounted = useCallback(
-      (splide) => {
-        handleMove(splide);
-      },
-      [handleMove]
-    );
-    const mergedOptions = {
-      type: "slide",
-      trimSpace: false,
-      drag: true,
-      pagination: false,
-      arrows: false,
-      rewind: false,
-      focus: "start",
-      autoWidth: false,
-      perPage,
-      gap,
-      breakpoints,
-      ...options
-    };
-    return /* @__PURE__ */ jsx("div", { className, style: { width: "100%" }, children: /* @__PURE__ */ jsx(
-      Splide,
-      {
-        ref: splideRef,
-        options: mergedOptions,
-        onMove: handleMove,
-        onMounted: handleMounted,
-        children: items.map((item, index) => {
-          var _a;
-          return /* @__PURE__ */ jsx(SplideSlide, { children: renderItem(item, index) }, (_a = item.id) != null ? _a : index);
-        })
-      }
-    ) });
-  }
-);
-var OraculoCarousel_default = OraculoCarousel;
-
-// src/molecules/OraculoWelcomeBanner/OraculoWelcomeBanner.tsx
-import Box from "@mui/material/Box";
-import Typography from "@mui/material/Typography";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var OraculoWelcomeBanner = ({
-  title,
-  amount,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  backgroundImage,
-  alt,
-  className = "",
-  variant = "small"
-}) => {
-  const symbol = amount ? amount.slice(0, 2) : "";
-  const value = amount ? amount.slice(2) : "";
-  const isLarge = variant === "large";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      sx: {
-        position: "relative",
-        width: "100%",
-        maxWidth: {
-          xs: 328,
-          lg: isLarge ? 618 : 456
-        },
-        mx: "auto"
-      },
-      children: [
-        backgroundImage && /* @__PURE__ */ jsx2(
-          Box,
-          {
-            sx: {
-              position: "relative",
-              width: "100%",
-              aspectRatio: {
-                xs: "328 / 188",
-                lg: isLarge ? "618 / 346" : "456 / 272"
-              },
-              borderRadius: "14px",
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ jsx2(
-              Box,
-              {
-                component: "img",
-                src: backgroundImage,
-                alt: alt != null ? alt : "Fondo promocional",
-                sx: {
-                  width: "100%",
-                  height: "100%",
-                  objectFit: "cover",
-                  objectPosition: {
-                    xs: "50% 0%",
-                    lg: "45% 0%"
-                  },
-                  display: "block"
-                }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          Box,
-          {
-            sx: {
-              position: "absolute",
-              inset: 0,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "flex-end",
-              color: "#e7f8ff",
-              textAlign: "center",
-              pl: "14%",
-              pr: { xs: "14%", lg: "15%" }
-            },
-            children: /* @__PURE__ */ jsxs(
-              Box,
-              {
-                sx: {
-                  maxWidth: "60%",
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "center"
-                },
-                children: [
-                  title && /* @__PURE__ */ jsx2(
-                    Typography,
-                    {
-                      sx: {
-                        fontSize: { xs: 12, lg: 20 },
-                        fontWeight: 400,
-                        color: "#e7f8ff"
-                      },
-                      children: title
-                    }
-                  ),
-                  amount && /* @__PURE__ */ jsxs(
-                    Box,
-                    {
-                      component: "p",
-                      sx: {
-                        fontFamily: '"secondary", sans-serif',
-                        lineHeight: { xs: 0.9, lg: 0.87 },
-                        m: "4px 0",
-                        background: "linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)",
-                        WebkitBackgroundClip: "text",
-                        WebkitTextFillColor: "transparent",
-                        WebkitTextStroke: "0.5px #fff8c1",
-                        filter: "drop-shadow(0px 4px 0px #8D4406) drop-shadow(0px 4px 4px rgba(28, 28, 28, 0.4))",
-                        display: "flex",
-                        alignItems: "baseline",
-                        justifyContent: "center"
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx2(
-                          Box,
-                          {
-                            component: "span",
-                            sx: { fontSize: { xs: 35, lg: 48 }, mr: 0.5 },
-                            children: symbol
-                          }
-                        ),
-                        /* @__PURE__ */ jsx2(
-                          Box,
-                          {
-                            component: "span",
-                            sx: { fontSize: { xs: 52, lg: 77 } },
-                            children: value
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  subtitle && /* @__PURE__ */ jsx2(
-                    Typography,
-                    {
-                      sx: {
-                        pb: "20px",
-                        fontSize: 14,
-                        fontWeight: 600,
-                        color: "#e7f8ff"
-                      },
-                      children: subtitle
-                    }
-                  ),
-                  buttonText && /* @__PURE__ */ jsx2(OraculoButton, { onClick: onButtonClick, children: buttonText })
-                ]
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-var OraculoWelcomeBanner_default = OraculoWelcomeBanner;
-
-// src/atoms/OraculoCarouselDots/OraculoCarouselDots.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var OraculoCarouselDots = ({
-  total,
-  active,
-  onSelect,
-  className = ""
-}) => {
-  if (total <= 1) return null;
-  const rootClass = ["orc-dots", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx3("div", { className: rootClass, role: "tablist", children: Array.from({ length: total }).map((_, i) => /* @__PURE__ */ jsx3("span", { className: "orc-dots__cell", children: /* @__PURE__ */ jsx3(
-    "button",
-    {
-      type: "button",
-      role: "tab",
-      "aria-selected": i === active,
-      "aria-label": `Ir al slide ${i + 1}`,
-      className: "orc-dots__dot" + (i === active ? " orc-dots__dot--active" : ""),
-      onClick: () => onSelect == null ? void 0 : onSelect(i)
-    }
-  ) }, i)) });
-};
-var OraculoCarouselDots_default = OraculoCarouselDots;
-
-// src/organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var buildSectionSx = (bgUrl) => ({
-  width: "100vw",
-  position: "relative",
-  left: "50%",
-  right: "50%",
-  marginLeft: "-50vw",
-  marginRight: "-50vw",
-  py: 8,
-  color: "#fff",
-  backgroundImage: `
-    linear-gradient(to bottom,#121212 0%, rgba(18,18,18,0) 10%),
-    linear-gradient(to top,   #121212 0%, rgba(18,18,18,0) 10%),
-    linear-gradient(to left,  #121212 0%, rgba(18,18,18,0) 10%),
-    linear-gradient(to right, #121212 0%, rgba(18,18,18,0) 10%),
-    url("${bgUrl}")
-  `,
-  backgroundRepeat: "no-repeat",
-  backgroundPosition: "center",
-  backgroundSize: "cover"
-});
-var headlineBaseSx = {
-  textAlign: "center",
-  lineHeight: 1.1,
-  mb: 1.5
-};
-var hlTopSx = {
-  display: "inline-block",
-  fontWeight: 600,
-  fontSize: 24
-};
-var hlBottomSx = {
-  display: "inline-block",
-  fontSize: 24,
-  lineHeight: 1.1,
-  WebkitTextStroke: "0.3px rgba(255, 255, 255, .5)",
-  textShadow: `
-    0 0 2px rgba(255, 255, 255, .95),
-    0 0 6px rgba(255, 255, 255, .6),
-    0 1px 0 rgba(137, 137, 137, .85)
-  `
-};
-var OraculoSeccionBonoBienvenida = ({
-  headline,
-  items,
-  backgroundImageUrl
-}) => {
-  const [hl1 = "", hl2 = ""] = (headline || "").split("\n");
-  const isMobile = useMediaQuery("(max-width: 767px)");
-  const showDots = items.length > 1;
-  const bgUrl = backgroundImageUrl != null ? backgroundImageUrl : "/assets/img/home/BonoBienvenida/Fondobg.png";
-  const sectionSx = buildSectionSx(bgUrl);
-  const carouselRef = useRef2(null);
-  const [navState, setNavState] = useState({ isStart: true, isEnd: false });
-  const [activeIndex, setActiveIndex] = useState(0);
-  if (isMobile) {
-    return /* @__PURE__ */ jsxs2(
-      Box2,
-      {
-        component: "section",
-        sx: {
-          ...sectionSx,
-          textAlign: "center"
-        },
-        children: [
-          (hl1 || hl2) && /* @__PURE__ */ jsxs2(Box2, { sx: headlineBaseSx, children: [
-            hl1 && /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: hlTopSx, children: hl1 }),
-            hl2 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsx4("br", {}),
-              /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: hlBottomSx, children: hl2 })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx4(
-              OraculoCarousel_default,
-              {
-                ref: carouselRef,
-                items,
-                perPage: 1,
-                gap: "12px",
-                breakpoints: {
-                  480: {
-                    perPage: 1,
-                    gap: "8px",
-                    padding: { left: "8px", right: "8px" }
-                  },
-                  768: {
-                    perPage: 1,
-                    gap: "12px",
-                    padding: { left: "8px", right: "8px" }
-                  }
-                },
-                options: {
-                  autoWidth: false
-                },
-                renderItem: (it) => /* @__PURE__ */ jsx4(OraculoWelcomeBanner_default, { ...it, onButtonClick: items[0].onButtonClick }),
-                onMove: ({ index, isStart, isEnd }) => {
-                  setNavState({ isStart, isEnd });
-                  setActiveIndex(index);
-                }
-              }
-            ),
-            showDots && /* @__PURE__ */ jsx4(
-              OraculoCarouselDots_default,
-              {
-                total: items.length,
-                active: activeIndex,
-                onSelect: (i) => {
-                  var _a;
-                  setActiveIndex(i);
-                  (_a = carouselRef.current) == null ? void 0 : _a.go(i);
-                }
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx4(Box2, { component: "section", sx: sectionSx, children: /* @__PURE__ */ jsxs2(
-    Box2,
-    {
-      sx: {
-        maxWidth: 1200,
-        mx: 5,
-        px: 2,
-        display: "grid",
-        gridTemplateColumns: "200px auto",
-        alignItems: "center"
-      },
-      children: [
-        (hl1 || hl2) && /* @__PURE__ */ jsx4(
-          Box2,
-          {
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "flex-start",
-              minHeight: "100%"
-            },
-            children: /* @__PURE__ */ jsxs2(
-              Box2,
-              {
-                sx: {
-                  ...headlineBaseSx,
-                  textAlign: "left",
-                  mb: 0
-                },
-                children: [
-                  hl1 && /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: hlTopSx, children: hl1 }),
-                  hl2 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-                    /* @__PURE__ */ jsx4("br", {}),
-                    /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: hlBottomSx, children: hl2 })
-                  ] })
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx4(
-          Box2,
-          {
-            sx: {
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              flexWrap: "nowrap",
-              gap: 4
-            },
-            children: items.map((it, idx) => /* @__PURE__ */ jsx4(
-              OraculoWelcomeBanner_default,
-              {
-                onButtonClick: it.onButtonClick,
-                ...it
-              },
-              idx
-            ))
-          }
-        )
-      ]
-    }
-  ) });
-};
-var OraculoSeccionBonoBienvenida_default = OraculoSeccionBonoBienvenida;
-
-export {
-  OraculoCarouselDots_default,
-  OraculoCarousel_default,
-  OraculoWelcomeBanner_default,
-  OraculoSeccionBonoBienvenida_default
-};

package/dist/chunk-FIOWVLJP.mjs

@@ -1,7 +0,0 @@
-// src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css
-var OraculoSeccionClubOlimpo_default = {};
-
-export {
-  OraculoSeccionClubOlimpo_default
-};
-//# sourceMappingURL=chunk-FIOWVLJP.mjs.map

package/dist/chunk-FIOWVLJP.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css"],"sourcesContent":["/* =========================\r\n   MOBILE\r\n   ========================= */\r\n\r\n.orc-co-wrap {\r\n  --orc-co-art-w: 887px;\r\n  --orc-co-art-h: 510px;\r\n  --orc-co-text: #ffffff;\r\n\r\n  --orc-co-art-left: clamp(120px, 18vw, 280px);\r\n  --orc-co-art-top: 20px;\r\n\r\n  --orc-co-logo-left: 163px;\r\n  --orc-co-logo-top: 120px;\r\n  --orc-co-logo-w: 220px;\r\n\r\n  --orc-co-content-left: 120px;\r\n  --orc-co-content-top: 290px;\r\n\r\n  min-height: var(--orc-co-minH, 520px);\r\n  position: relative;\r\n}\r\n\r\n/* full-bleed */\r\n.orc-co-fullBleed {\r\n  width: 100vw;\r\n  margin-left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.orc-co-bottom {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  bottom: 20px;\r\n  z-index: 2;\r\n\r\n  display: grid;\r\n  justify-items: center;\r\n  gap: 12px;\r\n  border-radius: 12px;\r\n}\r\n\r\n.orc-co-caption {\r\n  color: var(--orc-co-text);\r\n  font-size: 14px;\r\n  text-align: center;\r\n  font-weight: 400;\r\n  text-wrap: balance;\r\n  line-height: 1.4;\r\n}\r\n\r\n/* Bg mobile */\r\n.orc-co-bgMobile {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 360px;\r\n  overflow: hidden;\r\n}\r\n\r\n.orc-co-bgMobileImg {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* Oculto en mobile */\r\n.orc-co-bgDesktop,\r\n.orc-co-logo,\r\n.orc-co-desktopContent {\r\n  display: none;\r\n}\r\n\r\n/* =========================\r\n   DESKTOP\r\n   ========================= */\r\n\r\n@media (min-width: 1024px) {\r\n  .orc-co-bgMobile {\r\n    display: none;\r\n  }\r\n\r\n  .orc-co-bottom {\r\n    display: none;\r\n  }\r\n\r\n  .orc-co-bgDesktop {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    display: block;\r\n  }\r\n\r\n  .orc-co-bgDesktop > .orc-co-fillHost {\r\n    position: absolute;\r\n    width: var(--orc-co-art-w);\r\n    height: var(--orc-co-art-h);\r\n    top: var(--orc-co-art-top);\r\n    left: var(--orc-co-art-left);\r\n  }\r\n\r\n  .orc-co-bgDesktopImg {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .orc-co-logo {\r\n    display: block;\r\n    position: absolute;\r\n    left: var(--orc-co-logo-left);\r\n    top: var(--orc-co-logo-top);\r\n    width: var(--orc-co-logo-w);\r\n    aspect-ratio: 3 / 2;\r\n    z-index: 2;\r\n  }\r\n\r\n  .orc-co-logoImg {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  .orc-co-desktopContent {\r\n    display: grid;\r\n    position: absolute;\r\n    left: var(--orc-co-content-left);\r\n    top: var(--orc-co-content-top);\r\n    gap: 16px;\r\n    justify-items: center;\r\n    text-align: center;\r\n    z-index: 2;\r\n  }\r\n\r\n  .orc-co-captionDesktop {\r\n    margin: 0;\r\n    color: var(--orc-co-text);\r\n    font-family: var(--clmc-font, inherit);\r\n    font-weight: 400;\r\n    font-size: clamp(14px, 1.5vw, 18px);\r\n    max-width: 28ch;\r\n    text-wrap: balance;\r\n  }\r\n}\r\n"],"mappings":";AAAA;","names":[]}

package/dist/chunk-IGAIIVJZ.mjs

@@ -1,74 +0,0 @@
-// src/atoms/OraculoButton/OraculoButton.tsx
-import { Link as MuiLink } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function OraculoButton({
-  children,
-  onClick,
-  href,
-  target,
-  rel,
-  type = "button",
-  disabled = false,
-  variant = "primary",
-  size,
-  fullWidth = false,
-  fullHeight = false,
-  className = "",
-  ariaLabel,
-  leftIcon,
-  rightIcon,
-  iconOnly
-}) {
-  const hasText = !!children && children !== true;
-  const hasLeft = !!leftIcon;
-  const hasRight = !!rightIcon;
-  const onlyOneIcon = (hasLeft ? 1 : 0) + (hasRight ? 1 : 0) === 1;
-  const isIconOnly = iconOnly != null ? iconOnly : onlyOneIcon && !hasText;
-  const cls = [
-    "orc-btn",
-    variant === "secondary" ? "orc-btn--secondary" : variant === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
-    size ? `orc-btn--${size}` : "",
-    fullWidth ? "orc-btn--full" : "",
-    fullHeight ? "orc-btn--fullHeight" : "",
-    isIconOnly ? "orc-btn--iconOnly" : "",
-    className
-  ].filter(Boolean).join(" ");
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    leftIcon && /* @__PURE__ */ jsx("span", { className: "orc-btn__icon", children: leftIcon }),
-    !isIconOnly && /* @__PURE__ */ jsx("span", { className: "orc-btn__label", children }),
-    rightIcon && /* @__PURE__ */ jsx("span", { className: "orc-btn__icon", children: rightIcon })
-  ] });
-  const ariaDisabled = disabled ? true : void 0;
-  if (href) {
-    return /* @__PURE__ */ jsx(
-      MuiLink,
-      {
-        href,
-        target,
-        rel,
-        "aria-label": ariaLabel,
-        "aria-disabled": ariaDisabled,
-        tabIndex: ariaDisabled ? -1 : void 0,
-        className: cls,
-        onClick: ariaDisabled ? (e) => e.preventDefault() : onClick,
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type,
-      onClick,
-      disabled: !!ariaDisabled,
-      "aria-label": ariaLabel,
-      className: cls,
-      children: content
-    }
-  );
-}
-
-export {
-  OraculoButton
-};
-//# sourceMappingURL=chunk-IGAIIVJZ.mjs.map

package/dist/chunk-IGAIIVJZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/OraculoButton/OraculoButton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./OraculoButton.css\";\r\nimport { Link as MuiLink } from \"@mui/material\";\r\n\r\nexport interface OraculoButtonProps {\r\n  children?: React.ReactNode;\r\n  onClick?: any;\r\n  href?: string;\r\n  target?: React.HTMLAttributeAnchorTarget;\r\n  rel?: string;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  disabled?: boolean;\r\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n  fullWidth?: boolean;\r\n  fullHeight?: boolean;\r\n  className?: string;\r\n  ariaLabel?: string;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  iconOnly?: boolean;\r\n}\r\n\r\nexport default function OraculoButton({\r\n  children,\r\n  onClick,\r\n  href,\r\n  target,\r\n  rel,\r\n  type = \"button\",\r\n  disabled = false,\r\n  variant = \"primary\",\r\n  size,\r\n  fullWidth = false,\r\n  fullHeight = false,\r\n  className = \"\",\r\n  ariaLabel,\r\n  leftIcon,\r\n  rightIcon,\r\n  iconOnly,\r\n}: OraculoButtonProps) {\r\n  const hasText = !!children && children !== true;\r\n  const hasLeft = !!leftIcon;\r\n  const hasRight = !!rightIcon;\r\n  const onlyOneIcon = (hasLeft ? 1 : 0) + (hasRight ? 1 : 0) === 1;\r\n  const isIconOnly = iconOnly ?? (onlyOneIcon && !hasText);\r\n\r\n  const cls = [\r\n    \"orc-btn\",\r\n    variant === \"secondary\"\r\n      ? \"orc-btn--secondary\"\r\n      : variant === \"tertiary\"\r\n        ? \"orc-btn--tertiary\"\r\n        : \"orc-btn--primary\",\r\n    size ? `orc-btn--${size}` : \"\",\r\n    fullWidth ? \"orc-btn--full\" : \"\",\r\n    fullHeight ? \"orc-btn--fullHeight\" : \"\",\r\n    isIconOnly ? \"orc-btn--iconOnly\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  const content = (\r\n    <>\r\n      {leftIcon && <span className=\"orc-btn__icon\">{leftIcon}</span>}\r\n      {!isIconOnly && <span className=\"orc-btn__label\">{children}</span>}\r\n      {rightIcon && <span className=\"orc-btn__icon\">{rightIcon}</span>}\r\n    </>\r\n  );\r\n\r\n  const ariaDisabled = disabled ? true : undefined;\r\n\r\n  if (href) {\r\n    return (\r\n      <MuiLink\r\n        href={href}\r\n        target={target}\r\n        rel={rel}\r\n        aria-label={ariaLabel}\r\n        aria-disabled={ariaDisabled}\r\n        tabIndex={ariaDisabled ? -1 : undefined}\r\n        className={cls}\r\n        onClick={ariaDisabled ? (e) => e.preventDefault() : onClick}\r\n      >\r\n        {content}\r\n      </MuiLink>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      onClick={onClick}\r\n      disabled={!!ariaDisabled}\r\n      aria-label={ariaLabel}\r\n      className={cls}\r\n    >\r\n      {content}\r\n    </button>\r\n  );\r\n}\r\n"],"mappings":";AAEA,SAAS,QAAQ,eAAe;AA8D5B,mBACe,KADf;AAzCW,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,UAAU,CAAC,CAAC,YAAY,aAAa;AAC3C,QAAM,UAAU,CAAC,CAAC;AAClB,QAAM,WAAW,CAAC,CAAC;AACnB,QAAM,eAAe,UAAU,IAAI,MAAM,WAAW,IAAI,OAAO;AAC/D,QAAM,aAAa,8BAAa,eAAe,CAAC;AAEhD,QAAM,MAAM;AAAA,IACV;AAAA,IACA,YAAY,cACR,uBACA,YAAY,aACV,sBACA;AAAA,IACN,OAAO,YAAY,IAAI,KAAK;AAAA,IAC5B,YAAY,kBAAkB;AAAA,IAC9B,aAAa,wBAAwB;AAAA,IACrC,aAAa,sBAAsB;AAAA,IACnC;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,UACJ,iCACG;AAAA,gBAAY,oBAAC,UAAK,WAAU,iBAAiB,oBAAS;AAAA,IACtD,CAAC,cAAc,oBAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA,IAC1D,aAAa,oBAAC,UAAK,WAAU,iBAAiB,qBAAU;AAAA,KAC3D;AAGF,QAAM,eAAe,WAAW,OAAO;AAEvC,MAAI,MAAM;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,iBAAe;AAAA,QACf,UAAU,eAAe,KAAK;AAAA,QAC9B,WAAW;AAAA,QACX,SAAS,eAAe,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,QAEnD;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,CAAC;AAAA,MACZ,cAAY;AAAA,MACZ,WAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ;","names":[]}