rbro-tat-uds 1.6.36 → 2.0.1

package/build/cjs/components/ButtonLink/ButtonLink.cjs

@@ -0,0 +1,161 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+var Icon = require('../Icon/Icon.cjs');
+
+const colorsStyles = {
+  default: utils.colors.info_800,
+  danger: utils.colors.danger_600,
+  accent: utils.colors.gray_950
+};
+const ButtonLinkStyled = styled.a`
+  ${({
+  $asChild,
+  $disabled,
+  $loading,
+  $intent,
+  $decoration,
+  $textSize,
+  $buttonHeight,
+  $leftIcon,
+  $rightIcon
+}) => $asChild ? styled.css`
+          width: fit-content;
+          height: fit-content;
+
+          & > * {
+            display: flex;
+            align-items: center;
+            cursor: pointer;
+
+            color: ${$disabled ? utils.colors.gray_300 : $loading ? utils.colors.info_200 : $intent && Object.keys(colorsStyles).includes($intent) ? colorsStyles[$intent] : utils.colors.info_800};
+
+            font-size: ${$textSize === "large" ? "16px" : "14px"};
+            font-weight: 500;
+
+            height: ${$buttonHeight && [18, 24, 32, 40, 48].includes($buttonHeight) ? `${$buttonHeight}px` : "18px"};
+
+            gap: ${$leftIcon || $rightIcon ? $textSize === "large" ? "8px" : "6px" : "0px"};
+
+            text-decoration: ${$decoration};
+          }
+        ` : styled.css`
+          display: flex;
+          align-items: center;
+          width: fit-content;
+          cursor: pointer;
+
+          color: ${$disabled ? utils.colors.gray_300 : $loading ? utils.colors.info_200 : $intent && Object.keys(colorsStyles).includes($intent) ? colorsStyles[$intent] : utils.colors.info_800};
+
+          font-size: ${$textSize === "large" ? "16px" : "14px"};
+          font-weight: 500;
+
+          height: ${$buttonHeight && [18, 24, 32, 40, 48].includes($buttonHeight) ? `${$buttonHeight}px` : "18px"};
+
+          gap: ${$leftIcon || $rightIcon ? $textSize === "large" ? "8px" : "6px" : "0px"};
+
+          text-decoration: ${$decoration};
+        `}
+`;
+const ButtonLink = ({
+  intent = "default",
+  leftIcon = null,
+  rightIcon = null,
+  textSize = "medium",
+  buttonHeight = 18,
+  label = "Trimite",
+  loading = false,
+  disabled = false,
+  decoration = "none",
+  children,
+  ...props
+}) => {
+  if (children && React.isValidElement(children)) {
+    const firstChild = React.Children.only(children);
+    const enhancedChild = React.cloneElement(
+      firstChild,
+      {
+        children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.default,
+            {
+              size: textSize === "large" ? 18 : 16,
+              icon: leftIcon,
+              color: disabled ? utils.colors.gray_300 : loading ? utils.colors.info_200 : intent && Object.keys(colorsStyles).includes(intent) ? colorsStyles[intent] : utils.colors.info_800
+            }
+          ),
+          firstChild.props.children,
+          rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.default,
+            {
+              size: textSize === "large" ? 18 : 16,
+              icon: rightIcon,
+              color: disabled ? utils.colors.gray_300 : loading ? utils.colors.info_200 : intent && Object.keys(colorsStyles).includes(intent) ? colorsStyles[intent] : utils.colors.info_800
+            }
+          )
+        ] })
+      }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ButtonLinkStyled,
+      {
+        $intent: intent,
+        $decoration: decoration,
+        $textSize: textSize,
+        $buttonHeight: buttonHeight,
+        $loading: loading,
+        $disabled: disabled,
+        $leftIcon: leftIcon,
+        $rightIcon: rightIcon,
+        $asChild: true,
+        as: "div",
+        children: enhancedChild
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ButtonLinkStyled,
+    {
+      $intent: intent,
+      $textSize: textSize,
+      $buttonHeight: buttonHeight,
+      $loading: loading,
+      $disabled: disabled,
+      $decoration: decoration,
+      $leftIcon: leftIcon,
+      $rightIcon: rightIcon,
+      $asChild: false,
+      as: "a",
+      ...props,
+      children: [
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.default,
+          {
+            size: textSize === "large" ? 18 : 16,
+            icon: leftIcon,
+            color: disabled ? utils.colors.gray_300 : loading ? utils.colors.info_200 : intent && Object.keys(colorsStyles).includes(intent) ? colorsStyles[intent] : utils.colors.info_800
+          }
+        ),
+        label,
+        rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.default,
+          {
+            size: textSize === "large" ? 18 : 16,
+            icon: rightIcon,
+            color: disabled ? utils.colors.gray_300 : loading ? utils.colors.info_200 : intent && Object.keys(colorsStyles).includes(intent) ? colorsStyles[intent] : utils.colors.info_800
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.default = ButtonLink;

package/build/cjs/components/ButtonLink/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ButtonLink = require('./ButtonLink.cjs');
+
+
+
+exports.default = ButtonLink.default;

package/build/cjs/components/Card/Card.cjs

@@ -0,0 +1,326 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+
+const typeVariants = {
+  credit: styled.css`
+    background-color: ${utils.colors.accent_700};
+
+    & > div:first-of-type {
+      & > div {
+        & > span {
+          color: ${utils.colors.gray_950};
+        }
+      }
+    }
+
+    & > div:nth-of-type(2) {
+      & > span {
+        color: ${utils.colors.gray_950};
+      }
+
+      & > div {
+        & > span {
+          color: ${utils.colors.gray_950};
+        }
+      }
+    }
+  `,
+  debit: styled.css`
+    background-color: ${utils.colors.accent_600};
+
+    & > div:first-of-type {
+      & > div {
+        & > span {
+          color: ${utils.colors.gray_950};
+        }
+      }
+    }
+
+    & > div:nth-of-type(2) {
+      & > span {
+        color: ${utils.colors.gray_950};
+      }
+
+      & > div {
+        & > span {
+          color: ${utils.colors.gray_950};
+        }
+      }
+    }
+  `,
+  emag: styled.css`
+    background-color: ${utils.colors.purple_700};
+
+    & > div:first-of-type {
+      & > div {
+        & > span {
+          color: ${utils.colors.white};
+        }
+      }
+    }
+
+    & > div:nth-of-type(2) {
+      & > span {
+        color: ${utils.colors.warm_gray_200};
+      }
+
+      & > div {
+        & > span {
+          color: ${utils.colors.warm_gray_200};
+        }
+      }
+    }
+  `
+};
+const brandVariants = {
+  credit: utils.colors.gray_950,
+  debit: utils.colors.gray_950,
+  emag: utils.colors.white
+};
+const widthResponsive = (width) => {
+  if (width && typeof width === "string") {
+    if (width.includes("px")) {
+      return width.split("px")[0];
+    }
+    if (width.includes("%")) {
+      return width.split("%")[0];
+    }
+    return width;
+  }
+};
+const CardStyled = styled.div`
+  width: ${({ $width }) => $width && typeof $width === "string" ? $width : "276px"};
+  aspect-ratio: 2/1.2685;
+  border-radius: ${({ $width }) => $width && widthResponsive($width) ? Number(widthResponsive($width)) < 120 ? "4px" : "8px" : "8px"};
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: ${({ $width }) => $width && widthResponsive($width) ? Number(widthResponsive($width)) < 120 ? "4px" : "16px" : "16px"};
+
+  & > div:first-of-type {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    justify-content: space-between;
+
+    & > div {
+      display: ${({ $width }) => $width && widthResponsive($width) ? Number(widthResponsive($width)) < 212 ? "none" : "block" : "block"};
+
+      & > span {
+        font-size: 14px;
+        font-weight: 500;
+        color: ${utils.colors.gray_950};
+      }
+    }
+  }
+
+  & > div:nth-of-type(2) {
+    display: ${({ $width }) => $width && widthResponsive($width) ? Number(widthResponsive($width)) < 160 ? "none" : "flex" : "flex"};
+    flex-direction: column;
+    gap: 4px;
+
+    & > span {
+      font-size: 14px;
+      font-weight: 700;
+      color: ${utils.colors.gray_950};
+    }
+
+    & > div {
+      display: flex;
+      align-items: center;
+      gap: 25%;
+
+      & > span {
+        font-size: 14px;
+        font-weight: 500;
+        color: ${utils.colors.gray_950};
+      }
+    }
+  }
+
+  ${({ $type }) => $type && ["credit", "debit", "emag"].includes($type) ? typeVariants[$type] : typeVariants["debit"]}
+`;
+const LogoBrandRaiffeisen = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "104",
+      height: "28",
+      viewBox: "0 0 104 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11.7796 17.5441L19.7388 25.5033L22.8694 22.3727L14.9102 14.4135L16.449 12.8747V9.79719L17.5632 8.68291V11.2829L18.6245 12.3441L22.4979 8.47066L23.5592 9.53189C23.5592 8.84209 23.3469 6.56046 21.4898 4.75638C19.4734 2.63394 17.4041 3.85434 16.7143 4.54414L12.9469 8.31148L13.902 9.26658L11.7796 11.2829L9.71019 9.21352L10.6653 8.25842L6.89795 4.49108C6.20816 3.80128 4.08571 2.58088 2.01632 4.5972C0.159184 6.40128 0 8.68291 0 9.3727L1.00816 8.31148L4.88163 12.1849L5.94285 11.1237V8.57679L7.05714 9.69107V12.7686L8.59591 14.3074L0.689797 22.2135L3.8204 25.3441L11.7796 17.5441Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M33.2165 3.55507V6.36731H33.4818C34.8084 6.36731 35.4982 5.88976 35.4982 4.98772C35.4982 3.97956 34.8084 3.55507 33.4818 3.55507H33.2165ZM36.0818 7.90608L39.5839 12.4693H35.9227L33.1635 8.17139V12.4693H30.2451V1.27344H34.5961C35.7635 1.27344 36.6655 1.53874 37.3553 2.12242C38.0982 2.70609 38.4696 3.60813 38.4696 4.72241C38.4696 5.51833 38.2574 6.20813 37.8329 6.7918C37.4614 7.37547 36.8778 7.7469 36.0818 7.90608Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M44.2534 6.9509C43.7227 6.9509 43.2983 7.11009 42.9799 7.42845C42.6615 7.74682 42.5023 8.17131 42.5023 8.64886C42.5023 9.12641 42.6615 9.5509 42.9799 9.86927C43.2983 10.1876 43.7227 10.3468 44.2534 10.3468C44.784 10.3468 45.2085 10.1876 45.5268 9.86927C45.8452 9.5509 46.0044 9.12641 46.0044 8.64886C46.0044 8.17131 45.8452 7.74682 45.5268 7.42845C45.2085 7.16315 44.784 6.9509 44.2534 6.9509ZM48.6044 4.88152V12.5223H45.8982V11.6733C45.4207 12.4162 44.6778 12.7876 43.5636 12.7876C42.4493 12.7876 41.5472 12.3631 40.8044 11.5672C40.0615 10.7713 39.7432 9.8162 39.7432 8.70192C39.7432 7.58764 40.1146 6.63254 40.8044 5.83662C41.4942 5.0407 42.4493 4.61621 43.5636 4.61621C44.5717 4.61621 45.3676 4.93458 45.8982 5.62437V4.88152H48.6044Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M50.3014 12.5223H53.0075V4.88145H50.3014V12.5223ZM51.681 0.424316C52.1055 0.424316 52.4769 0.583499 52.7422 0.848805C53.0606 1.16717 53.1667 1.48554 53.1667 1.91003C53.1667 2.33452 53.0075 2.70595 52.7422 2.97125C52.4239 3.28962 52.1055 3.39574 51.681 3.39574C51.2565 3.39574 50.8851 3.23656 50.6198 2.97125C50.3014 2.65288 50.1953 2.33452 50.1953 1.91003C50.1953 1.48554 50.3545 1.11411 50.6198 0.848805C50.8851 0.583499 51.2565 0.424316 51.681 0.424316Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M57.6778 7.11019V12.5224H54.9717V7.11019H54.0166V4.88163H54.9717V3.92653C54.9717 3.28979 55.0248 2.81224 55.0778 2.49387C55.184 2.01632 55.3962 1.59183 55.7676 1.22041C56.4574 0.424489 57.3595 0 58.4207 0C58.8452 0 59.2166 0.106122 59.588 0.265306V2.6C59.2166 2.44081 58.8982 2.33469 58.6329 2.33469C57.9962 2.33469 57.6778 2.75918 57.6778 3.60816V4.82857H59.588V7.05713H57.6778"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M63.3546 7.11019V12.5224H60.6485V7.11019H59.6934V4.88163H60.6485V3.92653C60.6485 3.28979 60.7015 2.81224 60.7546 2.49387C60.8607 2.01632 61.073 1.59183 61.4444 1.22041C62.1342 0.424489 63.0362 0 64.0975 0C64.5219 0 64.8934 0.106122 65.2648 0.265306V2.6C64.8934 2.44081 64.575 2.33469 64.3097 2.33469C63.673 2.33469 63.3546 2.75918 63.3546 3.60816V4.82857H65.2648V7.05713H63.3546"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M68.2895 7.58764H71.4201C71.367 7.21621 71.1548 6.9509 70.8894 6.73866C70.6241 6.52641 70.2527 6.42029 69.8813 6.42029C68.9793 6.36723 68.4486 6.79172 68.2895 7.58764ZM73.9139 8.8611V9.12641H68.2364C68.2364 10.2407 68.8201 10.8244 69.9344 10.8244C70.518 10.8244 70.9425 10.6121 71.2078 10.1346H73.8078C73.5956 10.9836 73.118 11.6203 72.3752 12.0978C71.6854 12.5223 70.8895 12.7346 69.9344 12.7346C68.6078 12.7346 67.5997 12.3631 66.8037 11.6733C65.9548 10.9305 65.5303 9.92233 65.5303 8.64886C65.5303 7.37539 65.9017 6.42029 66.6976 5.67743C67.4935 4.98764 68.5017 4.61621 69.7221 4.61621C71.0486 4.61621 72.0568 4.98764 72.7997 5.7305C73.5425 6.52641 73.9139 7.53457 73.9139 8.8611Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M75.082 12.5223H77.7882V4.88145H75.082V12.5223ZM76.4086 0.424316C76.8331 0.424316 77.2045 0.583499 77.4698 0.848805C77.7882 1.16717 77.8943 1.48554 77.8943 1.91003C77.8943 2.33452 77.7351 2.70595 77.4698 2.97125C77.1514 3.28962 76.8331 3.39574 76.4086 3.39574C75.9841 3.39574 75.6126 3.23656 75.3473 2.97125C75.029 2.65288 74.9229 2.33452 74.9229 1.91003C74.9229 1.48554 75.082 1.11411 75.3473 0.848805C75.6657 0.583499 76.0371 0.424316 76.4086 0.424316Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M85.4289 5.09376L84.5268 6.79172C84.0493 6.52641 83.5717 6.42029 83.0942 6.42029C82.8819 6.42029 82.7227 6.47335 82.5636 6.52641C82.3513 6.63254 82.2452 6.73866 82.2452 6.9509C82.2452 7.16315 82.4044 7.32233 82.7228 7.48151C82.7758 7.48151 83.0411 7.53457 83.4656 7.6407C84.9513 7.95906 85.6942 8.70192 85.6942 9.92233C85.6942 10.8774 85.3228 11.5672 84.5799 12.0978C83.9432 12.5223 83.0942 12.7876 82.1391 12.7876C81.0248 12.7876 80.0166 12.5223 79.0615 11.8856L80.0166 9.97539C80.7595 10.506 81.4493 10.7713 82.1391 10.7713C82.3513 10.7713 82.5105 10.7182 82.6697 10.6121C82.8819 10.506 82.9881 10.3468 82.9881 10.1876C82.9881 9.86927 82.7228 9.65702 82.086 9.5509C81.237 9.33865 80.7064 9.17947 80.4411 9.02029C79.8574 8.64886 79.5391 8.11825 79.5391 7.32233C79.5391 6.42029 79.9105 5.78356 80.6003 5.25294C81.237 4.82846 81.9799 4.61621 82.8819 4.61621C83.8901 4.61621 84.7391 4.77539 85.4289 5.09376Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M89.1963 7.58796H92.327C92.2739 7.21653 92.0617 6.95123 91.7963 6.73898C91.531 6.52674 91.1596 6.42062 90.7882 6.42062C89.9392 6.36756 89.3555 6.79205 89.1963 7.58796ZM94.8739 8.86143V9.12674H89.1963C89.1963 10.241 89.78 10.8247 90.8943 10.8247C91.478 10.8247 91.9025 10.6124 92.1678 10.1349H94.7678C94.5555 10.9839 94.078 11.6206 93.3351 12.0982C92.6453 12.5227 91.8494 12.7349 90.8943 12.7349C89.5678 12.7349 88.5596 12.3635 87.7637 11.6737C86.9147 10.9308 86.4902 9.92265 86.4902 8.64919C86.4902 7.37572 86.8617 6.42062 87.6576 5.67776C88.4535 4.9349 89.4617 4.56348 90.7351 4.56348C92.0617 4.56348 93.0698 4.9349 93.8127 5.67776C94.5025 6.52674 94.8739 7.5349 94.8739 8.86143Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M98.6934 4.88152V5.83662C99.224 5.0407 100.073 4.61621 101.134 4.61621C103.044 4.61621 104 5.67743 104 7.79988V12.5223H101.293V8.80804C101.293 8.17131 101.24 7.74682 101.187 7.53458C101.028 7.05702 100.657 6.79172 100.073 6.79172C99.1179 6.79172 98.6404 7.37539 98.6404 8.54274V12.4693H95.9873V4.88152H98.6934Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M33.3227 22.8691V25.2569H33.6941C34.3839 25.2569 34.8614 25.2038 35.1798 25.0977C35.7104 24.9385 36.0288 24.5671 36.0288 24.0365C36.0288 23.4528 35.7635 23.0814 35.1798 22.9222C34.9145 22.8691 34.4369 22.8161 33.641 22.8161H33.3227V22.8691ZM33.3227 18.5181V20.6936H33.641C34.7023 20.6936 35.2329 20.3222 35.2329 19.6324C35.2329 19.1549 35.0737 18.8895 34.7023 18.7304C34.49 18.6242 34.0655 18.5712 33.5349 18.5712H33.3227V18.5181ZM34.9145 27.4855H30.4043V16.2896H34.5431C36.7716 16.2896 37.8859 17.2447 37.8859 19.2079C37.8859 20.3222 37.4614 21.0651 36.6655 21.4895V21.5426C38.2043 21.7548 38.9471 22.71 38.9471 24.4079C38.9471 25.5222 38.5227 26.3181 37.6737 26.8487C36.9839 27.2732 36.0818 27.4855 34.9145 27.4855Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M44.3592 21.9672C43.8285 21.9672 43.4041 22.1264 43.0857 22.4447C42.7673 22.7631 42.6081 23.1876 42.6081 23.6651C42.6081 24.1427 42.7673 24.5672 43.0857 24.8855C43.4041 25.2039 43.8285 25.3631 44.3592 25.3631C44.8898 25.3631 45.3143 25.2039 45.6326 24.8855C45.951 24.5672 46.1102 24.1427 46.1102 23.6651C46.1102 23.1876 45.951 22.7631 45.6326 22.4447C45.3143 22.1264 44.8898 21.9672 44.3592 21.9672ZM48.7102 19.8978V27.5386H46.0041V26.6896C45.5265 27.4325 44.7836 27.8039 43.6694 27.8039C42.5551 27.8039 41.653 27.3794 40.9102 26.5835C40.1673 25.7876 39.7959 24.8325 39.7959 23.7182C39.7959 22.6039 40.1673 21.6488 40.8571 20.8529C41.6 20.057 42.502 19.6855 43.6163 19.6855C44.6245 19.6855 45.4204 20.0039 45.951 20.6937V19.9509H48.7102V19.8978Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M53.1146 19.8981V20.8532C53.6983 20.0573 54.4942 19.6328 55.5555 19.6328C57.4657 19.6328 58.4208 20.694 58.4208 22.8165V27.5389H55.7146V23.8246C55.7146 23.1879 55.6616 22.7634 55.6085 22.5512C55.4493 22.0736 55.0779 21.8083 54.4942 21.8083C53.5391 21.8083 53.0616 22.392 53.0616 23.5593V27.4859H50.3555V19.8981H53.1146Z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M62.8243 15.1753V22.6569L65.6365 19.8977H69.3508L65.5304 23.3998L69.6161 27.4855H65.7957L62.8243 24.4079V27.4855H60.1182V15.1753H62.8243Z"
+          }
+        )
+      ]
+    }
+  );
+};
+const Card = ({
+  holderName = "Nume",
+  cardNumberLastFour = "0000",
+  expirationDate = "09/25",
+  type = "debit",
+  width = "276px",
+  empty = false,
+  ...rest
+}) => {
+  const labeled = {
+    credit: "Credit RON",
+    debit: "Debit RON",
+    emag: "EMAG"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(CardStyled, { $type: type, $width: width, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        LogoBrandRaiffeisen,
+        {
+          fill: type && ["credit", "debit", "emag"].includes(type) ? brandVariants[type] : brandVariants["debit"],
+          width: "43%",
+          height: "100%"
+        }
+      ),
+      !empty && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: labeled[type] }) })
+    ] }),
+    !empty && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: holderName }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        cardNumberLastFour && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          "**** ",
+          cardNumberLastFour
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: expirationDate })
+      ] })
+    ] })
+  ] });
+};
+
+exports.default = Card;

package/build/cjs/components/Card/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Card = require('./Card.cjs');
+
+
+
+exports.default = Card.default;

package/build/cjs/components/Checkbox/Checkbox.cjs

@@ -0,0 +1,108 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+
+const styledSizes = {
+  small: styled.css`
+    width: 16px;
+    height: 16px;
+    border-radius: 4px;
+  `,
+  medium: styled.css`
+    width: 20px;
+    height: 20px;
+    border-radius: 6px;
+  `,
+  large: styled.css`
+    width: 24px;
+    height: 24px;
+    border-radius: 6px;
+  `
+};
+const contentMarkCheckboxChecked = {
+  small: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill='${utils.colors.white}' width="12" height="12"><path d="M9.75008 2.79291L10.4572 3.50001L4.75008 9.20712L1.54297 6.00001L2.25008 5.29291L4.75008 7.79291L9.75008 2.79291Z"/></svg>`,
+  medium: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill='${utils.colors.white}'><path d="M12.9999 3.72382L13.9427 4.66662L6.33327 12.2761L2.05713 7.99996L2.99994 7.05715L6.33327 10.3905L12.9999 3.72382Z"/></svg>`,
+  large: `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='${utils.colors.white}' width='16' height='16'><path d='M9.74995 2.79288L10.4571 3.49998L4.74995 9.20709L1.54285 5.99998L2.24995 5.29288L4.74995 7.79288L9.74995 2.79288Z'></path></svg>`
+};
+const contentMarkCheckboxCheckedDisabled = {
+  small: `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='${utils.colors.gray_400}' width='12' height='12'><path d='M9.74995 2.79288L10.4571 3.49998L4.74995 9.20709L1.54285 5.99998L2.24995 5.29288L4.74995 7.79288L9.74995 2.79288Z'></path></svg>`,
+  medium: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill='${utils.colors.gray_400}'><path d="M12.9999 3.72382L13.9427 4.66662L6.33327 12.2761L2.05713 7.99996L2.99994 7.05715L6.33327 10.3905L12.9999 3.72382Z"/></svg>`,
+  large: `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='${utils.colors.gray_400}' width='16' height='16'><path d='M9.74995 2.79288L10.4571 3.49998L4.74995 9.20709L1.54285 5.99998L2.24995 5.29288L4.74995 7.79288L9.74995 2.79288Z'></path></svg>`
+};
+const contnetMarkCheckboxCheckedSize = {
+  small: "15px",
+  medium: "16px",
+  large: "16px"
+};
+const StyledCheckbox = styled.input`
+  -webkit-appearance: none;
+  appearance: none;
+  position: relative;
+  border: 2px solid ${utils.colors.gray_1000_10};
+  background-color: ${utils.colors.white};
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 0px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+
+  ${(props) => props.$size && ["small", "medium", "large"].includes(props.$size) && styledSizes[props.$size]}
+
+  &:checked {
+    background-color: ${utils.colors.info_700};
+
+    &:after {
+      content: ${(props) => props.$size && ["small", "medium", "large"].includes(props.$size) && `url("data:image/svg+xml,${encodeURIComponent(
+  props.disabled ? contentMarkCheckboxCheckedDisabled[props.$size] : contentMarkCheckboxChecked[props.$size]
+)}")`};
+      width: ${(props) => props.$size && ["small", "medium", "large"].includes(props.$size) && contnetMarkCheckboxCheckedSize[props.$size]};
+      height: ${(props) => props.$size && ["small", "medium", "large"].includes(props.$size) && contnetMarkCheckboxCheckedSize[props.$size]};
+      position: relative;
+    }
+
+    &:focus-visible {
+      outline: 3px solid ${utils.colors.info_700_40};
+      outline-offset: 2px;
+    }
+  }
+
+  &:disabled {
+    background-color: ${utils.colors.gray_100};
+  }
+`;
+const Checkbox = ({
+  size = "medium",
+  id,
+  name,
+  checked = false,
+  disabled = false,
+  onChange = () => {
+  },
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StyledCheckbox,
+    {
+      type: "checkbox",
+      $size: size,
+      onChange,
+      checked,
+      disabled,
+      id,
+      name,
+      ...props
+    }
+  );
+};
+
+exports.default = Checkbox;

package/build/cjs/components/Checkbox/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Checkbox = require('./Checkbox.cjs');
+
+
+
+exports.default = Checkbox.default;