@vkzstudio/muza-ui 1.2.0 → 1.4.0

package/dist/components/PartnerCard/PartnerCard.js

@@ -0,0 +1,591 @@
+import { jsx as e, jsxs as r, Fragment as R } from "react/jsx-runtime";
+import * as w from "react";
+import { Slot as pe } from "@radix-ui/react-slot";
+import { cva as Z } from "class-variance-authority";
+import { useMuzaTranslationContext as he } from "../../translations/TranslationContext.js";
+import { Button as ue } from "../Button/Button.js";
+import { CategoryIcon as ge } from "../CategoryIcon/CategoryIcon.js";
+import { cn as n } from "../../utils/cn.js";
+import { Typography as f } from "../Typography/Typography.js";
+import { disabledLinkProps as X } from "../../utils/disabledLinkProps.js";
+import { Flex as m } from "../Flex/Flex.js";
+import { MapBold as fe } from "@solar-icons/react-perf";
+import { HeartButton as ve } from "../HeartButton/HeartButton.js";
+import { Rating as be } from "../Rating/Rating.js";
+import { Tag as T } from "../Tag/Tag.js";
+import { DotDivider as we } from "../DotDivider/DotDivider.js";
+import { Skeleton as d } from "../Skeleton/Skeleton.js";
+const xe = Z(
+  "group relative inline-flex border border-solid transition-colors focus-visible:outline-none data-[disabled=true]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        search: "w-full flex-row gap-comp-partner-card-search-gap border-transparent",
+        heroLarge: "h-full w-full flex-col justify-end gap-comp-partner-card-hero-large-gap overflow-hidden rounded-comp-partner-card-hero-large-radius border-transparent p-comp-partner-card-hero-large-p focus-visible:border-stroke-brand-focused",
+        heroSmall: "h-full w-full flex-col justify-end gap-comp-partner-card-hero-sm-gap overflow-hidden rounded-comp-partner-card-hero-sm-radius border-transparent p-comp-partner-card-hero-sm-p focus-visible:border-stroke-brand-focused",
+        listView: "w-full flex-row gap-comp-partner-card-list-view-gap border-transparent"
+      }
+    },
+    defaultVariants: { variant: "search" }
+  }
+), Ne = Z("", {
+  variants: {
+    variant: {
+      search: "text-text-dark-primary-def group-has-[a:focus-visible]:text-text-brand-focused group-has-[a:hover]:text-text-brand-hover group-data-[disabled=true]:text-text-dark-disabled",
+      heroLarge: "text-text-invert-fixed group-data-[disabled=true]:text-text-dark-disabled",
+      heroSmall: "text-text-invert-fixed group-data-[disabled=true]:text-text-dark-disabled",
+      listView: "text-text-dark-primary-def group-has-[a:focus-visible]:text-text-brand-focused group-has-[a:hover]:text-text-brand-hover group-data-[disabled=true]:text-text-dark-disabled"
+    }
+  },
+  defaultVariants: { variant: "search" }
+}), D = ({ rating: t, ratingCount: a, disabled: i }) => /* @__PURE__ */ r(m, { align: "center", gap: "xs", children: [
+  /* @__PURE__ */ e(be, { value: t, allowHalf: !0, disabled: i }),
+  a != null && /* @__PURE__ */ r(
+    f,
+    {
+      component: "span",
+      variant: "body",
+      size: "sm",
+      weight: "regular",
+      fixY: !0,
+      className: n(
+        i ? "text-text-dark-disabled" : "text-text-dark-primary-def"
+      ),
+      children: [
+        "(",
+        a,
+        ")"
+      ]
+    }
+  )
+] });
+D.displayName = "PartnerCard.RatingRow";
+const S = ({
+  categoryIcon: t,
+  categoryColor: a,
+  tags: i,
+  maxNumberOfVisibleTags: l,
+  wrap: h = !0,
+  className: c
+}) => {
+  const o = i.slice(0, l), u = i.length - o.length;
+  return /* @__PURE__ */ r(
+    m,
+    {
+      align: "center",
+      gap: "2xs",
+      wrap: h ? "wrap" : "nowrap",
+      className: n("min-w-0 overflow-hidden", c),
+      children: [
+        t && a && /* @__PURE__ */ e(ge, { color: a, icon: t }),
+        o.map((x, P) => /* @__PURE__ */ e(
+          T,
+          {
+            variant: "outlined",
+            size: "small",
+            className: "min-w-[50px] shrink overflow-hidden",
+            children: x
+          },
+          P
+        )),
+        u > 0 && /* @__PURE__ */ r(T, { variant: "outlined", size: "small", className: "shrink-0", children: [
+          "+",
+          u
+        ] }, "more")
+      ]
+    }
+  );
+};
+S.displayName = "PartnerCard.TagsRow";
+const ee = ({
+  category: t,
+  tags: a,
+  maxNumberOfVisibleTags: i
+}) => {
+  const l = t ? [t, ...a] : a, h = l.slice(0, i), c = l.length - h.length;
+  return h.length === 0 ? null : /* @__PURE__ */ r(
+    m,
+    {
+      align: "center",
+      gap: "2xs",
+      wrap: "wrap",
+      className: "relative z-10 self-start",
+      children: [
+        h.map((o, u) => /* @__PURE__ */ e(T, { variant: "invert", size: "default", children: o }, u)),
+        c > 0 && /* @__PURE__ */ r(T, { variant: "invert", size: "default", children: [
+          "+",
+          c
+        ] }, "more")
+      ]
+    }
+  );
+};
+ee.displayName = "PartnerCard.HeroTagsRow";
+const ae = ({
+  variant: t = "search",
+  color: a = "default",
+  className: i,
+  ...l
+}) => t === "heroLarge" || t === "heroSmall" ? /* @__PURE__ */ e(
+  "div",
+  {
+    className: n(
+      "relative h-full w-full overflow-hidden",
+      t === "heroLarge" ? "rounded-comp-partner-card-hero-large-radius" : "rounded-comp-partner-card-hero-sm-radius",
+      i
+    ),
+    ...l,
+    children: /* @__PURE__ */ e(
+      d,
+      {
+        color: a,
+        className: "absolute inset-0 size-full rounded-none"
+      }
+    )
+  }
+) : t === "listView" ? /* @__PURE__ */ r(
+  "div",
+  {
+    className: n(
+      "inline-flex w-full flex-row gap-comp-partner-card-list-view-gap",
+      i
+    ),
+    ...l,
+    children: [
+      /* @__PURE__ */ r("div", { className: "relative h-comp-partner-card-list-view-h-img w-comp-partner-card-list-view-w-img shrink-0 overflow-hidden rounded-comp-partner-card-list-view-radius-img", children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            color: a,
+            className: "absolute inset-0 size-full rounded-none"
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "absolute top-comp-partner-card-list-view-p-img left-comp-partner-card-list-view-p-img", children: /* @__PURE__ */ e(
+          d,
+          {
+            color: a,
+            className: "size-comp-button-h-xs rounded-full"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ r(m, { direction: "column", flex: 1, className: "min-w-0 gap-sm", children: [
+        /* @__PURE__ */ e(d, { color: a, className: "h-5 w-full max-w-60" }),
+        /* @__PURE__ */ e(d, { color: a, className: "h-4 w-40" }),
+        /* @__PURE__ */ e(
+          d,
+          {
+            color: a,
+            className: "h-6 w-32 rounded-comp-tag-radius"
+          }
+        )
+      ] })
+    ]
+  }
+) : /* @__PURE__ */ r(
+  "div",
+  {
+    className: n(
+      "inline-flex w-full flex-row gap-comp-partner-card-search-gap",
+      i
+    ),
+    ...l,
+    children: [
+      /* @__PURE__ */ r("div", { className: "relative h-comp-partner-card-search-h-img w-comp-partner-card-search-w-img shrink-0 overflow-hidden rounded-comp-partner-card-search-radius-img", children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            color: a,
+            className: "absolute inset-0 size-full rounded-none"
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "absolute top-comp-partner-card-search-p-img left-comp-partner-card-search-p-img", children: /* @__PURE__ */ e(
+          d,
+          {
+            color: a,
+            className: "size-comp-button-h-xs rounded-full"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ r(
+        m,
+        {
+          direction: "column",
+          flex: 1,
+          className: "min-w-0 gap-comp-partner-card-search-gap-text",
+          children: [
+            /* @__PURE__ */ e(d, { color: a, className: "h-5 w-full" }),
+            /* @__PURE__ */ e(d, { color: a, className: "h-4 w-32" }),
+            /* @__PURE__ */ e(d, { color: a, className: "h-4 w-40" }),
+            /* @__PURE__ */ e(d, { color: a, className: "h-4 w-48" }),
+            /* @__PURE__ */ e(
+              d,
+              {
+                color: a,
+                className: "mt-xs h-8 w-24 self-start rounded-full"
+              }
+            )
+          ]
+        }
+      )
+    ]
+  }
+);
+ae.displayName = "PartnerCard.Skeleton";
+const V = ({
+  image: t,
+  alt: a,
+  wrapperClassName: i,
+  children: l
+}) => /* @__PURE__ */ r("div", { className: i, children: [
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: n(
+        "absolute inset-0 overflow-hidden",
+        "[&>img]:size-full [&>img]:object-cover",
+        "transition-transform duration-300 ease-out group-hover:scale-110",
+        "group-data-[disabled=true]:opacity-50",
+        "group-data-[disabled=true]:grayscale",
+        "group-data-[disabled=true]:group-hover:scale-100"
+      ),
+      children: typeof t == "string" ? /* @__PURE__ */ e("img", { src: t, alt: a }) : t
+    }
+  ),
+  l
+] });
+V.displayName = "PartnerCard.ImageSlot";
+const re = w.forwardRef(
+  (t, a) => {
+    const {
+      name: i,
+      image: l,
+      imageAlt: h,
+      address: c,
+      distance: o,
+      rating: u,
+      ratingCount: x,
+      category: P,
+      categoryIcon: N,
+      categoryColor: k,
+      tags: v = [],
+      maxNumberOfVisibleTags: j = 3,
+      logo: y,
+      logoAlt: te,
+      favorite: se,
+      defaultFavorite: O,
+      onFavoriteChange: C,
+      favoriteAriaLabel: ie,
+      showFavorite: I = !0,
+      onMapClick: A,
+      mapLabel: le,
+      variant: p = "search",
+      disabled: s = !1,
+      asChild: q = !1,
+      href: _,
+      className: ne,
+      children: b,
+      ...B
+    } = t, { translations: oe } = he(), de = le ?? oe.partnerCard.mapButton, E = p === "heroLarge" || p === "heroSmall", F = p === "listView", H = h ?? (E ? "" : i), ce = te ?? `${i} logo`, me = Ne({ variant: p }), z = u != null, $ = (p === "search" || F) && (!!(N && k) || v.length > 0), Y = n(xe({ variant: p }), ne), G = 'outline-none after:absolute after:inset-0 after:rounded-[inherit] after:content-[""] focus-visible:outline-none', M = /* @__PURE__ */ e(
+      f,
+      {
+        component: "h3",
+        variant: "title",
+        size: p === "heroLarge" ? "lg" : "base",
+        weight: E ? "regular" : "medium",
+        className: n(p === "heroLarge" ? "line-clamp-2 max-w-comp-partner-card-hero-large-text-max-w" : p === "search" || F ? "line-clamp-1" : "line-clamp-2", me),
+        children: i
+      }
+    ), J = q && w.isValidElement(b) ? w.cloneElement(
+      b,
+      {
+        className: n(G, b.props.className),
+        ...s ? X : null
+      },
+      M
+    ) : /* @__PURE__ */ e("a", { href: s ? void 0 : _, className: G, children: M }), K = I && /* @__PURE__ */ e(
+      ve,
+      {
+        active: se,
+        defaultActive: O,
+        onClick: C !== void 0 || O !== void 0 ? (L, W) => C == null ? void 0 : C(W) : void 0,
+        "aria-label": ie,
+        disabled: s,
+        className: "relative z-10"
+      }
+    );
+    let g = null;
+    if (F) {
+      const L = z && /* @__PURE__ */ e(
+        D,
+        {
+          rating: u,
+          ratingCount: x,
+          disabled: s
+        }
+      ), W = $ && /* @__PURE__ */ e(
+        S,
+        {
+          categoryIcon: N,
+          categoryColor: k,
+          tags: v,
+          maxNumberOfVisibleTags: j,
+          wrap: !1
+        }
+      ), Q = c && /* @__PURE__ */ e(
+        f,
+        {
+          component: "span",
+          variant: "body",
+          size: "sm",
+          weight: "regular",
+          fixY: !0,
+          className: n(
+            "line-clamp-1 min-w-0",
+            s ? "text-text-dark-disabled" : "text-text-dark-secondary group-has-[a:focus-visible]:text-text-brand-focused"
+          ),
+          children: c
+        }
+      ), U = o && /* @__PURE__ */ e(
+        f,
+        {
+          component: "span",
+          variant: "body",
+          size: "sm",
+          weight: "medium",
+          fixY: !0,
+          className: n(
+            "shrink-0",
+            s ? "text-text-dark-disabled" : "text-text-dark-primary-def group-has-[a:focus-visible]:text-text-brand-focused"
+          ),
+          children: o
+        }
+      );
+      g = /* @__PURE__ */ r(R, { children: [
+        /* @__PURE__ */ r(
+          V,
+          {
+            image: l,
+            alt: H,
+            wrapperClassName: "relative aspect-square h-comp-partner-card-list-view-h-img w-comp-partner-card-list-view-w-img shrink-0 overflow-hidden rounded-comp-partner-card-list-view-radius-img",
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute inset-0 bg-gradient-to-b from-black/50 to-black/0 to-50%"
+                }
+              ),
+              I && /* @__PURE__ */ e("div", { className: "absolute top-comp-partner-card-list-view-p-img left-comp-partner-card-list-view-p-img", children: K })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(m, { direction: "column", flex: 1, className: "min-w-0 gap-sm", children: [
+          /* @__PURE__ */ r(m, { direction: "column", className: "min-w-0 gap-3xs md:gap-2xs", children: [
+            J,
+            z && /* @__PURE__ */ e("div", { className: "md:hidden", children: L }),
+            (o || c) && /* @__PURE__ */ r(
+              m,
+              {
+                align: "center",
+                gap: "sm",
+                className: "hidden min-w-0 md:flex",
+                children: [
+                  U,
+                  o && c && /* @__PURE__ */ e(we, {}),
+                  Q
+                ]
+              }
+            )
+          ] }),
+          z && /* @__PURE__ */ e("div", { className: "hidden md:block", children: L }),
+          W,
+          (c || o) && /* @__PURE__ */ r(m, { direction: "column", className: "min-w-0 gap-2xs md:hidden", children: [
+            Q,
+            U
+          ] })
+        ] })
+      ] });
+    } else p === "search" ? g = /* @__PURE__ */ r(R, { children: [
+      /* @__PURE__ */ r(
+        V,
+        {
+          image: l,
+          alt: H,
+          wrapperClassName: "relative shrink-0 overflow-hidden rounded-comp-partner-card-search-radius-img h-comp-partner-card-search-h-img w-comp-partner-card-search-w-img",
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "absolute inset-0 bg-gradient-to-b from-black/50 to-black/0 to-50%"
+              }
+            ),
+            y && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-surface-base-overlay", children: /* @__PURE__ */ e("div", { className: "size-comp-partner-card-search-logo-size overflow-hidden rounded-full border-(length:--spacing-comp-partner-card-search-logo-stroke) border-solid border-stroke-base-secondary group-data-[disabled=true]:grayscale [&>img]:size-full [&>img]:object-cover", children: typeof y == "string" ? /* @__PURE__ */ e("img", { src: y, alt: ce }) : y }) }),
+            I && /* @__PURE__ */ e("div", { className: "absolute top-comp-partner-card-search-p-img left-comp-partner-card-search-p-img", children: K })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(
+        m,
+        {
+          direction: "column",
+          flex: 1,
+          className: "min-w-0 gap-comp-partner-card-search-gap-text",
+          children: [
+            /* @__PURE__ */ r(m, { direction: "column", gap: "3xs", className: "min-w-0", children: [
+              J,
+              z && /* @__PURE__ */ e(
+                D,
+                {
+                  rating: u,
+                  ratingCount: x,
+                  disabled: s
+                }
+              )
+            ] }),
+            $ && /* @__PURE__ */ r(R, { children: [
+              /* @__PURE__ */ e(
+                S,
+                {
+                  categoryIcon: N,
+                  categoryColor: k,
+                  tags: v,
+                  maxNumberOfVisibleTags: 1,
+                  wrap: !1,
+                  className: "md:hidden"
+                }
+              ),
+              /* @__PURE__ */ e(
+                S,
+                {
+                  categoryIcon: N,
+                  categoryColor: k,
+                  tags: v,
+                  maxNumberOfVisibleTags: j,
+                  wrap: !0,
+                  className: "hidden md:flex"
+                }
+              )
+            ] }),
+            c && /* @__PURE__ */ e(
+              f,
+              {
+                component: "span",
+                variant: "body",
+                size: "sm",
+                weight: "regular",
+                fixY: !0,
+                className: n(
+                  "line-clamp-1",
+                  s ? "text-text-dark-disabled" : "text-text-dark-secondary group-has-[a:focus-visible]:text-text-brand-focused"
+                ),
+                children: c
+              }
+            ),
+            (A || o) && /* @__PURE__ */ r(m, { align: "center", gap: "lg", className: "mt-auto", children: [
+              A && /* @__PURE__ */ e(
+                ue,
+                {
+                  variant: "secondary",
+                  ghost: !0,
+                  size: "xs",
+                  icon: /* @__PURE__ */ e(fe, {}),
+                  onClick: A,
+                  disabled: s,
+                  className: "relative z-10",
+                  children: de
+                }
+              ),
+              o && /* @__PURE__ */ e(
+                f,
+                {
+                  component: "span",
+                  variant: "body",
+                  size: "sm",
+                  weight: "regular",
+                  fixY: !0,
+                  className: n(
+                    s ? "text-text-dark-disabled" : "text-text-dark-primary-def"
+                  ),
+                  children: o
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }) : g = /* @__PURE__ */ r(R, { children: [
+      /* @__PURE__ */ e(
+        V,
+        {
+          image: l,
+          alt: H,
+          wrapperClassName: n(
+            "absolute inset-0 overflow-hidden",
+            p === "heroLarge" ? "rounded-comp-partner-card-hero-large-radius" : "rounded-comp-partner-card-hero-sm-radius"
+          ),
+          children: /* @__PURE__ */ e(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: "absolute inset-0 bg-gradient-to-b from-black/0 from-39% to-black/90"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        ee,
+        {
+          category: P,
+          tags: v,
+          maxNumberOfVisibleTags: j
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "relative z-10", children: M })
+    ] });
+    return E ? q && w.isValidElement(b) ? /* @__PURE__ */ e(
+      pe,
+      {
+        ref: a,
+        className: Y,
+        "data-disabled": s || void 0,
+        "aria-disabled": s || void 0,
+        ...B,
+        children: w.cloneElement(
+          b,
+          s ? X : void 0,
+          g
+        )
+      }
+    ) : /* @__PURE__ */ e(
+      "a",
+      {
+        ref: a,
+        href: s ? void 0 : _,
+        className: Y,
+        "data-disabled": s || void 0,
+        "aria-disabled": s || void 0,
+        ...B,
+        children: g
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: a,
+        className: Y,
+        "data-disabled": s || void 0,
+        "aria-disabled": s || void 0,
+        ...B,
+        children: g
+      }
+    );
+  }
+);
+re.displayName = "PartnerCard";
+const ke = re;
+ke.Skeleton = ae;
+export {
+  ke as PartnerCard,
+  Ne as partnerCardTitleVariants,
+  xe as partnerCardVariants
+};

package/dist/components/PartnerCard/PartnerCard.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { PartnerCard } from './PartnerCard';
+declare const meta: Meta<typeof PartnerCard>;
+export default meta;
+type Story = StoryObj<typeof PartnerCard>;
+export declare const Search: Story;
+export declare const SearchSkeleton: Story;
+export declare const Hero: Story;
+export declare const HeroSkeleton: Story;
+export declare const WithFavoriteControlled: Story;
+export declare const ListView: Story;
+export declare const ListViewSkeleton: Story;
+export declare const AsChildLink: Story;
+//# sourceMappingURL=PartnerCard.stories.d.ts.map

package/dist/components/PartnerCard/PartnerCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartnerCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PartnerCard/PartnerCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA6O3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAqDlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,MAAM,EAAE,KA6BpB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAsClB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgC1B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA"}

package/dist/components/PartnerCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PartnerCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PartnerCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PartnerCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/components/PaymentMethodSelect/PaymentMethodSelect.examples.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export type PaymentMethodSelector = 'radio' | 'checkbox';
+export type PaymentMethodOption = {
+    value: string;
+    kind: 'price';
+    selector: PaymentMethodSelector;
+    label: string;
+    icon: ReactNode;
+    price: string;
+    disabled?: boolean;
+} | {
+    value: string;
+    kind: 'card';
+    selector: PaymentMethodSelector;
+    label: string;
+    icon: ReactNode;
+    disabled?: boolean;
+};
+export interface PaymentMethodSelectProps {
+    heading?: string;
+    /** Each inner array becomes its own Card; rows inside one card share dividers. */
+    cards: PaymentMethodOption[][];
+}
+/** Scenario A — s doplatkem, dostatek kreditu, dostatek benefitu k doplatku */
+export declare const scenarioWithTopupAndEnoughBenefits: PaymentMethodOption[][];
+/** Scenario B — bez doplatku, dostatek kreditu */
+export declare const scenarioNoTopupEnoughCredit: PaymentMethodOption[][];
+/** Scenario C — bez doplatku, nedostatek kreditu */
+export declare const scenarioNoTopupInsufficientCredit: PaymentMethodOption[][];
+/** Scenario D — s doplatkem, nedostatek kreditu, dostatek benefitu (combine partial) */
+export declare const scenarioWithTopupInsufficientCredit: PaymentMethodOption[][];
+/** Scenario E — bez doplatku, žádné kredity */
+export declare const scenarioNoTopupNoCredits: PaymentMethodOption[][];
+export declare const PaymentMethodSelect: ({ heading, cards, }: PaymentMethodSelectProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PaymentMethodSelect.examples.d.ts.map

package/dist/components/PaymentMethodSelect/PaymentMethodSelect.examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodSelect.examples.d.ts","sourceRoot":"","sources":["../../../src/components/PaymentMethodSelect/PaymentMethodSelect.examples.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAA;AAmBjE,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,UAAU,CAAA;AAExD,MAAM,MAAM,mBAAmB,GAC3B;IACE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GACD;IACE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAEL,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kFAAkF;IAClF,KAAK,EAAE,mBAAmB,EAAE,EAAE,CAAA;CAC/B;AAsED,+EAA+E;AAC/E,eAAO,MAAM,kCAAkC,EAAE,mBAAmB,EAAE,EAGrE,CAAA;AAED,kDAAkD;AAClD,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAAE,EAE9D,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,iCAAiC,EAAE,mBAAmB,EAAE,EAGpE,CAAA;AAED,wFAAwF;AACxF,eAAO,MAAM,mCAAmC,EAAE,mBAAmB,EAAE,EAGtE,CAAA;AAED,+CAA+C;AAC/C,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EAAE,EAE3D,CAAA;AA2GD,eAAO,MAAM,mBAAmB,GAAI,qBAGjC,wBAAwB,4CAwD1B,CAAA"}

package/dist/components/PaymentMethodSelect/PaymentMethodSelect.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { PaymentMethodSelectProps } from './PaymentMethodSelect.examples';
+declare const meta: Meta<PaymentMethodSelectProps>;
+export default meta;
+type Story = StoryObj<PaymentMethodSelectProps>;
+export declare const WithTopupAndEnoughBenefits: Story;
+export declare const NoTopupEnoughCredit: Story;
+export declare const NoTopupInsufficientCredit: Story;
+export declare const WithTopupInsufficientCredit: Story;
+export declare const NoTopupNoCredits: Story;
+//# sourceMappingURL=PaymentMethodSelect.stories.d.ts.map

package/dist/components/PaymentMethodSelect/PaymentMethodSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PaymentMethodSelect/PaymentMethodSelect.stories.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAEL,KAAK,wBAAwB,EAM9B,MAAM,gCAAgC,CAAA;AAGvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,wBAAwB,CAqCxC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAA;AAQ/C,eAAO,MAAM,0BAA0B,EAAE,KAYxC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAYvC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAYzC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAA"}